Дакументацыя дадатку Shopify
Усё, што трэба для наладкі і персаналізацыі канвэртацыі валют у вашым магазіне Shopify
Змест
1 Усталёўка
Усталяваць з крамы дадаткаў Shopify
- Наведайце старонку дадатку Currency.Wiki у краме дадаткаў Shopify
- Націсніце «Дадаць дадатак» і пацвердзіце ўсталёўку
- Дадатак адкрыецца і правядзе вас праз майстар наладкі
- Завершыце майстар наладкі, каб пачаць пераўтвараць цэны
Парада: Майстар наладкі займае каля 2 хвілін і правядзе вас праз кожны крок.
2 Майстар наладкі
Майстар наладкі дапаможа вам правільна наладзіць дадатак. Ён правядзе вас праз абнаўленне фармату валюты і ўключэнне ўбудавання дадатку.
Крок 1: Вітаем
Перагледзьце, што ўключае працэс наладкі, і націсніце «Пачаць».
Крок 2: Абнавіце фармат валюты
Перайдзіце ў Shopify Admin → Settings → General → Store defaults. Знайдзіце вашу валюту і націсніце меню з трыма кропкамі → «Змяніць фармат валюты». Абнавіце палі HTML з нашым класам-абгорткай:
HTML з валютай:
<span class="cwiki">${{amount}} USD</span>
HTML без валюты:
<span class="cwiki">${{amount}}</span>
Важна: Клас-абгортка cwiki з'яўляецца неабходным. Ён паказвае нашаму дадатку, якія элементы на старонцы з'яўляюцца цэнамі, каб мы пераўтваралі толькі сапраўдныя цэны, а не тэлефонныя нумары або нумары заказаў.
Крок 3: Уключыце ўбудаванне дадатку
Уключыце дадатак у раздзеле ўбудаванняў вашай тэмы:
- Перайдзіце ў Онлайн-магазін → Тэмы → Наладзіць
- Знайдзіце «App embeds» у левай бакавой панэлі
- Знайдзіце «Currency.Wiki App» і ўключыце яго
- Націсніце Захаваць у рэдактары тэмы
Крок 4: Праверце наладку
Націсніце «Сканаваць мой магазін», каб пераканацца, што наладка завершана. Майстар праверыць наяўнасць класа-абгорткі cwiki і ўбудавання дадатку. Калі ўсё ўдала, вы гатовыя пачаць!
3 Стылі віджэтаў
Абярыце з 6 стыляў віджэтаў, каб адпавядаць дызайну вашага магазіна. Кожны стыль можна наладзіць пад колеры вашага брэнду.
Мінімалістычны выпадальны спіс
Кампактная інтэграцыя ў загаловак з простым выпадальным спісам. Лепшы выбар для размяшчэння ў правым верхнім куце.
Плаваючая кнопка
Прыязная да мабільных прылад плаваючая кнопка з пашыральнай панэллю. Выдатна для магазінаў з акцэнтам на мабільныя прылады. Размяшчаецца ў кутах.
Бакавая панэль
Панэль на ўсю вышыню з функцыяй пошуку. Ідэальна для магазінаў з вялікай колькасцю валют.
Мадальнае акно
Цэнтраваная накладка з сеткавым размяшчэннем. Робіць выбар валюты максімальна зручным.
Інлайн-пераключальнік укладак
Гарызантальныя ўкладкі для папулярных валют. Хуткае пераключэнне без адкрыцця меню.
Кутні значок
Мінімалістычны кутні значок, які раскрываецца пры кліку. Найменш назойлівы для чыстага дызайну.
Парада: Выкарыстоўвайце старонку налад віджэта ў адмін-панэлі, каб праглядзець усе стылі з колерамі вашага магазіна.
4 Адмін-панэль
Адмін-панэль дае вам поўны кантроль над працай канвэртацыі валют у вашым магазіне.
Галоўная панэль
Уключайце/выключайце віджэт, глядзіце статыстыку канверсій і праглядайце жывую версію віджэта.
Налады віджэта
Абярыце стыль, пазіцыю, колеры, памер, радыус скруглення і опцыі адлюстравання сцягоў.
Кіраванне валютамі
Уключайце/выключайце валюты, змяняйце парадак, наладжвайце аўтавыяўленне і перавагі курсаў.
Аналітыка
Глядзіце графікі канверсій, топ валют і разумейце размеркаванне вашых міжнародных кліентаў.
Тэма і знешні выгляд
Абярыце рэжым тэмы (аўта, светлы, цёмны, карыстальніцкі), усталюйце колеры, уключыце эфекты шклянасці і наладзьце паводзіны цёмнага рэжыму.
Паведамленне пры аплаце
Уключыце паведамленне на старонках кошыка/аплаты, каб паведаміць кліентам пра валюту аплаты.
5 Пашыраныя налады
Пашыраныя налады даюць карыстальнікам Pro больш кантролю над фарматаваннем цэн і паводзінамі канвэртацыі.
Фарматаванне цэн (Pro)
- Дзесятковыя знакі - Кіруйце колькасцю дзесятковых знакаў (0-6).
- Фармат ліку - Абярыце стыль фармату (Аўта, ЗША, ЕС, Індыйскі, Прастора•Кропка, Прастора•Коска).
- Пазіцыя сімвала - Размяшчайце сімвал валюты да або пасля сумы, або аўтаматычна па валюце.
- Акругленне - Стандартнае, заўсёды ўверх, заўсёды ўніз або без акруглення. Магчымасць акруглення да .99.
Інтэграцыя з тэмай (Pro)
Устаўляйце віджэт або паведамленне кошыка ў любое месца вашай тэмы з дапамогай гэтых HTML-фрагментаў:
Убудаванне віджэта (дадайце ў header.liquid або ў любы раздзел):
<div class="cwiki-widget"></div>
Убудаванне паведамлення кошыка (дадайце ў cart.liquid):
<div class="cwiki-banner"></div>
Опцыі для распрацоўшчыкаў (Pro)
- Перазапіс CSS - Дадавайце ўласны CSS для карэкцыі стылю віджэта.
- Слухачы клікаў - Пераўтварайце цэны зноў пры кліку на пэўныя элементы (напрыклад, выбар памеру, опцыі тавару).
- Дадатковыя элементы цэн - Мэтавайце дадатковыя элементы цэн, акрамя стандартнай абгорткі .cwiki.
- Шаблоны URL - Перасканіруйце цэны, калі URL змяшчае пэўныя радкі (для AJAX-контэнту, бясконцай пракруткі).
- Затрымка канвэртацыі - Чакайце перад канвэртацыяй цэн (для кантэнту, які загружаецца пасля гатоўнасці старонкі).
Звярніце ўвагу: Гэтыя опцыі для дасведчаных карыстальнікаў. Тэстуйце на папярэднім праглядзе тэмы перад публікацыяй.
6 Вырашэнне праблем
Цэны не пераўтвараюцца?
Пераканайцеся, што клас-абгортка cwiki прысутнічае ў наладах фармату валюты. Перайдзіце ў Settings → General → Store defaults і праверце фарматаванне HTML. Таксама пераканайцеся, што ўбудаванне дадатку ўключана ў наладчыку тэмы.
Віджэт не адлюстроўваецца?
Праверце, што ўбудаванне дадатку ўключана ў раздзеле App Embeds вашай тэмы. Паспрабуйце адкрыць наладчык тэмы, знайдзіце App Embeds і пераканайцеся, што Currency.Wiki уключаны. Захавайце і абнавіце магазін.
Цэны мігцяць пры загрузцы?
Наш дадатак распрацаваны для загрузкі без мігцення. Калі вы бачыце мігценне, праверце, ці няма ў вас убудоў кэшавання, якія могуць перашкаджаць. Таксама пераканайцеся, што ўбудаванне дадатку загружаецца ў head вашай тэмы.
Вызначаецца няправільная валюта?
Геавызначэнне адбываецца па IP-адрасе наведвальніка. VPN або карпаратыўныя сеткі могуць уплываць на вызначэнне. Наведвальнікі заўсёды могуць выбраць жаданую валюту ўручную. Вы таксама можаце ўсталяваць стандартную валюту ў наладах.
Віджэт не адпавядае маёй тэме?
Выкарыстоўвайце налады Тэмы і Знешняга выгляду для наладкі колераў або ўключыце аўтарэжым для аўтаматычнага вызначэння колераў вашай тэмы. Таксама можна выкарыстоўваць уласны CSS у Пашыраных наладах для дакладнай наладкі стылю.
Патрэбна дапамога?
Наша служба падтрымкі гатова дапамагчы з любымі пытаннямі па наладцы або канфігурацыі.
