Ръководство за инсталиране
Бутонът за отказ от договора в Shopify
Добавете кода в темата веднъж и връзката за отказ се появява на всяка страница на магазина, която темата показва. Менютата по-долу са с имената им в английския интерфейс на Shopify.
Преди да започнете
Създайте магазина си в Clawzia
Регистрирайте се с имейл адреса си, създайте магазина, изберете държавата и езика по подразбиране и въведете имейл адреса, на който да получавате известията за откази.
Разрешете домейните на магазина
Добавете към разрешените домейни всеки домейн, на който работи магазинът, например със и без www и адреса на магазина при платформата. На други домейни уиджетът показва само връзка към хоствания формуляр с формулировката от директивата на ЕС на английски.
Копирайте кода си
Копирайте кода от страницата „Инсталиране и тест“ в таблото си (за плъгините – само публичния ключ, който започва с pk_). Публичният ключ не е тайна.
Разрешете и двата адреса в Shopify
Добавете към разрешените домейни собствения си домейн и адреса
your-store.myshopify.comна магазина.
Добавете кода в тематаПрепоръчително
Направете резервно копие на темата
Първо дублирайте активната тема, за да можете да се върнете към нея при нужда.
Къде: Online Store → Themes → … до активната тема → Duplicate
Следва екранна снимка: Online Store → Themes с менюто … на активната тема.
Отворете кода на темата
Отворете редактора на кода на активната тема и файла
layout/theme.liquid.Къде: … до активната тема → Edit code →
layout/theme.liquidПоставете кода преди затварящия таг body
Поставете кода от таблото на реда непосредствено преди
</body>и натиснете Save. За магазини на няколко езика добавете езика на страницата към тага script:data-lang="{{ request.locale.iso_code }}".Код за инсталиране (пример) <script src="https://clawzia.com/widget.js" data-shop="pk_YOUR_SHOP_KEY" defer></script> <noscript><a href="https://clawzia.com/w/k/pk_YOUR_SHOP_KEY">[текст за отказ от таблото ви]</a></noscript>Вашият личен код с ключа на магазина ще намерите в таблото за управление след регистрация. Вторият ред (noscript) води посетителите без JavaScript към хоствания ви формуляр за отказ. Текстът на връзката е законовата формулировка за държавата на магазина, която таблото или нашите плъгини отпечатват вместо вас: никога не я пишете и не я превеждайте сами. Ако кодът в таблото ви няма ред noscript, пропуснете го.
Следва екранна снимка: theme.liquid с кода преди затварящия таг body.
Повторете след промени в темата
Обновяването на темата или смяната ѝ заменя
theme.liquid: добавете кода отново, когато обновите или смените темата.
Полезно е да знаете
- Връзката се появява на всички страници на магазина, които темата показва. Страницата за плащане (checkout) и новите страници на клиентския профил не изпълняват код от темата, затова там връзката не се показва; попитайте консултанта си дали това е достатъчно за вашия магазин.
- По желание добавете към известието за потвърждение на поръчка (Settings → Notifications → Order confirmation) ред с връзка към хоствания ви формуляр за отказ, с текста точно както го показва таблото. Никога не пишете и не превеждайте текста сами.
Приложение за ShopifyПланирано
Включете вграждането на приложението
Когато приложението стане налично, ще включвате вграждането на Clawzia в редактора на темата.
Къде: Online Store → Themes → Customize → App embeds
Проверете инсталацията
Отворете магазина в личен прозорец
Връзката за отказ се появява в края на долния колонтитул или като плаващ бутон – според позицията, избрана в таблото.
Изпробвайте с клавиатурата
Натискайте Tab, докато връзката получи фокус, после Enter: отваря се формулярът за отказ в две стъпки. Затворете го с Esc.
Проверете, че кодът е вмъкнат веднъж
Отворете изходния код на страницата и потърсете data-shop="pk_. Тагът script трябва да се среща точно веднъж на страница.
Изпратете тестов отказ
Изпратете отказ със собствения си имейл адрес и номер на поръчка TEST. Проверете имейла за потвърждение и връзката към разписката, след това затворете заявката в таблото.
Ако връзката не се появява
Ако сайтът ви изпраща Content Security Policy, разрешете https://clawzia.com в script-src и connect-src. Изключете widget.js от обединяването, минимизирането и „отложеното зареждане на JavaScript“ на плъгини за оптимизация и CDN.