Документација за Shopify апликација
Сè што ви е потребно за да поставите и прилагодите конверзија на валути на вашата Shopify продавница
Содржина
1 Инсталација
Инсталирајте од Shopify App Store
- Посетете ја страницата на Currency.Wiki во Shopify App Store
- Кликнете 'Add app' и дозволете инсталација
- Апликацијата ќе се отвори и ќе ве води низ wizard за поставување
- Завршете го wizard-от за да започнете со конверзија на цени
Совет: Wizard-от трае околу 2 минути и ве води низ секој чекор.
2 Wizard за поставување
Wizard-от за поставување ви помага правилно да ја конфигурирате апликацијата. Ве води низ ажурирање на форматот на валутата и овозможување на app embed.
Чекор 1: Добредојдовте
Прегледајте што вклучува процесот и кликнете 'Да започнеме'.
Чекор 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 класата е клучна. Таа му кажува на апликацијата кои елементи се цени, за да не се конвертираат телефонски броеви или ID-а.
Чекор 3: Овозможете App Embed
Овозможете ја апликацијата во делот App Embeds на вашата тема:
- Одете во Online Store → Themes → Customize
- Побарајте 'App embeds' во левото мени
- Најдете 'Currency.Wiki App' и вклучете го
- Кликнете Save во уредувачот на темата
Чекор 4: Потврдете ја инсталацијата
Кликнете 'Scan My Store' за да потврдите дека сè е поставено. Wizard-от ќе провери за cwiki wrapper класата и app embed. Ако е успешно, подготвени сте!
3 Стилови на виџетот
Изберете од 6 стилови на виџети за да одговараат на дизајнот на вашата продавница. Секој стил може да се прилагоди со бои на вашиот бренд.
Минимално паѓачко мени
Компактна интеграција во заглавјето со едноставна листа. Најдобро за горниот десен агол.
Лебдечко копче
Мобилно-пријателско лебдечко копче со проширлив панел. Одлично за мобилни продавници. Позиционирање во агли.
Страничен панел
Панел со целосна висина и пребарување. Идеално за продавници со многу валути.
Модално прозорче
Центриран преклоп со мрежен распоред. Го прави изборот на валута фокусиран.
Внатрешен таб-прекинувач
Хоризонтални табови за популарни валути. Брзо менување без отворање менија.
Аголна значка
Минималистичка икона во агол што се проширува при клик. Најмалку наметливо за чист дизајн.
Совет: Користете ја страницата за поставки на виџетот во админ панелот за да ги прегледате сите стилови со боите на вашата продавница.
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 за фино прилагодување на виџетот.
- Слушачи на клик - Повторно конвертирајте цени при клик на одредени елементи (пр. избор на големина, опции на производ).
- Дополнителни елементи за цени - Целете кон дополнителни елементи за цени надвор од стандардниот .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 или корпоративни мрежи може да влијаат. Посетителите секогаш можат рачно да изберат валута. Може да поставите и стандардна резервна валута во поставките.
Виџетот не одговара на мојата тема?
Користете ги поставките за Тема и изглед за да ги прилагодите боите, или овозможете Auto режим за автоматско детектирање на бои. Може да користите и сопствен CSS во Напредни поставки за фино прилагодување.
Потребна ви е помош?
Нашиот тим за поддршка е подготвен да помогне со сите прашања околу поставување или конфигурација.