Документация за Shopify App
Всичко необходимо за настройка и персонализация на валутната конверсия във вашия Shopify магазин
Съдържание
1 Инсталация
Инсталирайте от Shopify App Store
- Посетете страницата на Currency.Wiki в Shopify App Store
- Кликнете 'Add app' и разрешете инсталацията
- Приложението ще се отвори и ще ви води през съветника за настройка
- Завършете съветника, за да започнете конвертиране на цени
Съвет: Съветникът за настройка отнема около 2 минути и ви води през всяка стъпка.
2 Съветник за настройка
Съветникът за настройка ви помага да конфигурирате приложението правилно. Ще ви води през обновяване на формата на валутата и активиране на app embed.
Стъпка 1: Добре дошли
Прегледайте какво включва процесът и кликнете 'Let's Get Started'.
Стъпка 2: Обновете формата на валутата
Отидете в Shopify Admin → Settings → General → Store defaults. Намерете вашата валута и кликнете трите точки → 'Change currency formatting'. Обновете HTML полетата с нашия wrapper клас:
HTML с валута:
<span class="cwiki">${{amount}} USD</span>
HTML без валута:
<span class="cwiki">${{amount}}</span>
Важно: Класът cwiki wrapper е задължителен. Той казва на приложението кои елементи са цени, за да не се конвертират телефонни номера или поръчкови номера.
Стъпка 3: Активирайте App Embed
Активирайте приложението в секцията App Embeds на темата:
- Отидете на Online Store → Themes → Customize
- Потърсете 'App embeds' в лявото меню
- Намерете 'Currency.Wiki App' и го включете
- Кликнете Save в редактора на темата
Стъпка 4: Потвърдете настройката
Кликнете 'Scan My Store', за да потвърдите, че настройката е завършена. Съветникът ще провери за cwiki wrapper клас и app embed. Ако всичко е успешно, сте готови!
3 Стилове на уиджета
Изберете между 6 стила на уиджета, които да паснат на дизайна на магазина ви. Всеки стил може да се персонализира с цветовете на вашия бранд.
Минимално падащо меню
Компактна интеграция в хедъра с прост падащ списък. Най-добър за горния десен ъгъл.
Плаващ бутон
Мобилен бутон с разширяем панел. Отличен за мобилни магазини. Позиционира се в ъглите.
Страничен панел
Панел с пълна височина и търсене. Идеален за магазини с много валути.
Модален прозорец
Центриран прозорец с мрежа. Прави избора на валута фокусиран процес.
Вграден таб превключвател
Хоризонтални табове за популярни валути. Бързо превключване без менюта.
Ъглов бейдж
Минималистична икона в ъгъла, която се разширява при клик. Най-ненатрапчив за изчистени дизайни.
Съвет: Използвайте страницата Widget Settings в админ панела на приложението, за да видите всички стилове с цветовете на магазина си.
4 Админ табло
Админ таблото ви дава пълен контрол върху начина, по който работи валутната конверсия във вашия магазин.
Начална страница на таблото
Включете/изключете уиджета, вижте статистика за конверсиите и визуализирайте уиджета на живо.
Настройки на уиджета
Изберете стил, позиция, цветове, размер, радиус на ъглите и опции за флагове.
Управление на валути
Активирайте/деактивирайте валути, подреждайте списъка, настройте авто-откриване и предпочитания за курсове.
Анализи
Вижте графики за конверсиите, топ използвани валути и разпределение на международните клиенти.
Тема и външен вид
Изберете режим на тема (auto, light, dark, custom), задайте цветове, активирайте ефекти и настройте тъмен режим.
Съобщение при плащане
Активирайте съобщение на страниците за количка/плащане, за да информирате клиентите за валутата при плащане.
5 Разширени настройки
Разширените настройки дават на Pro потребителите повече контрол върху форматирането и поведението на конверсията.
Форматиране на цени (Pro)
- Десетични знаци - Контролирайте колко десетични знака да се показват (0-6).
- Формат на числата - Изберете стил (Auto, US, EU, Indian, Space•Dot, Space•Comma).
- Позиция на символа - Поставете символа преди или след сумата, или автоматично според валутата.
- Закръгляне - Стандартно, винаги нагоре, винаги надолу или без закръгляне. Опция за закръгляне до .99.
Интеграция с тема (Pro)
Вградете уиджета или съобщението за количката навсякъде в темата с тези HTML фрагменти:
Вграждане на уиджет (добавете в header.liquid или секция):
<div class="cwiki-widget"></div>
Вграждане на съобщение за количка (добавете в cart.liquid):
<div class="cwiki-banner"></div>
Опции за разработчици (Pro)
- CSS стилове - Добавете персонализиран CSS за фина настройка на уиджета.
- Click слушатели - Преконвертирайте цените при клик върху определени елементи (напр. размери, опции за продукт).
- Допълнителни ценови елементи - Насочете се към допълнителни ценови елементи извън .cwiki wrapper.
- URL шаблони - Пресканирайте за цени, когато URL съдържа определени низове (за AJAX съдържание, безкрайно скролиране).
- Забавяне на конверсията - Изчакайте преди конвертиране на цените (за съдържание, което се зарежда след готовност на страницата).
Внимание: Тези опции са за напреднали потребители. Тествайте на preview тема преди публикуване.
6 Отстраняване на проблеми
Цените не се конвертират?
Уверете се, че cwiki wrapper класът е във валутните настройки. Отидете на Settings → General → Store defaults и проверете HTML форматирането. Проверете и дали app embed е активиран в персонализатора на темата.
Уиджетът не се показва?
Проверете дали app embed е активиран в секцията App Embeds на темата. Отворете персонализатора, намерете App Embeds и се уверете, че Currency.Wiki е включен. Запазете и презаредете магазина.
Цените трептят при зареждане?
Приложението е проектирано за зареждане без трептене. Ако забележите трептене, проверете за кеширащи плъгини, които може да пречат. Уверете се, че app embed се зарежда в head секцията на темата.
Открива се грешна валута?
Гео-откриването е базирано на IP адреса на посетителя. VPN или корпоративни мрежи могат да повлияят. Посетителите винаги могат ръчно да изберат валута. Можете да зададете и валута по подразбиране в настройките.
Уиджетът не пасва на темата ми?
Използвайте Theme & Appearance настройките за персонализиране на цветовете или активирайте Auto режим за автоматично разпознаване. Можете да използвате и Custom CSS в Advanced Settings за фина настройка.
Нуждаете се от помощ?
Екипът ни за поддръжка е готов да помогне с всички въпроси относно настройката или конфигурацията.
