Теми Shopify 2.0 и по-стари теми
Бутон за WhatsApp за Shopify
Добавете плаващ бутон за WhatsApp на сайта си в Shopify. Изберете поздрав и нека посетителите пишат на бизнес номера ви.
Настройка за 2 мин. Цел: layout/theme.liquid
Инсталиране стъпка по стъпка за Shopify
Следвайте тези стъпки, за да добавите кода за инсталиране на WAButton в сайта си в Shopify.
- 1
Отворете редактора на кода на темата в Shopify
В администраторския панел на Shopify отидете в Online Store -> Themes. Щракнете върху менюто с трите точки (...) до активната тема и изберете „Edit code“.
Съвет: Преди да редактирате кода, винаги първо направете копие на активната тема като резервно.
- 2
Намерете theme.liquid
В навигатора на файлове вляво, в раздела „Layout“, щракнете върху theme.liquid. Превъртете до самия край на файла.
Съвет: Използвайте „Ctrl+F“ или „Cmd+F“, за да намерите бързо затварящия таг </body>.
- 3
Поставете кода за вграждане на WAButton
Поставете уникалния си скрипт на WAButton непосредствено преди затварящия таг </body>.
Съвет: Когато скриптът е точно преди </body>, съдържанието на магазина ви се зарежда първо.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 4
Запазете и проверете живия магазин
Щракнете върху „Save“ горе вдясно. Отворете живия си магазин в Shopify и проверете дали бутонът за WhatsApp е активен.
Защо собствениците на магазини и агенциите избират WAButton за Shopify
Асинхронен скрипт, който не блокира страницата
Стартовият скрипт е малък (под 40KB след компресия с gzip), зарежда се от периферната мрежа на Cloudflare и асинхронно, така че не блокира първото изобразяване. Панелът на чата се зарежда едва когато посетителят го отвори.
Директно проследяване с Meta Pixel и GA4
Изпраща събитията „generate_lead“ и „contact“ директно към пиксела на рекламите ви във Facebook.
Разпределяне на запитванията между няколко агенти
Автоматично насочвайте запитванията към агентите за продажби, доставки и поддръжка на поръчки.
Квалифициране на лийдове преди чата
Съберете името, имейла и целта на клиента, преди да се отвори WhatsApp.
Често задавани въпроси
Трябва ли да инсталирам тежко приложение от „Shopify App Store“?
- Не! WAButton работи чрез лек таг за скрипт директно в темата ви. Така избягвате натрупването на месечни абонаменти за приложения в Shopify и бавните скриптове, които приложенията на трети страни вмъкват.
Ще забави ли това магазина ми в Shopify или ще влоши ли резултата ми в Google PageSpeed?
- WAButton е асинхронен скрипт под 40KB (след компресия с gzip), който се зарежда от периферната мрежа на Cloudflare, така че не блокира първото изобразяване. Панелът на чата се зарежда едва когато посетителят го отвори. Влиянието върху резултата на магазина ви в PageSpeed зависи от темата и приложенията ви, затова пуснете PageSpeed Insights преди и след инсталирането.
Мога ли да проследя коя реклама във Facebook или Google е довела до разговора в WhatsApp?
- Да! WAButton улавя UTM параметрите (източник, кампания, канал, реклама) и ги предава в предварително попълненото съобщение в WhatsApp, а също изпраща събития към Meta Pixel („fbq“) и Google Analytics 4 („gtag“).
Свързани безплатни инструменти
Създавайте линкове, QR кодове и съобщения в WhatsApp за бизнеса си.
Още ръководства за инсталиране
- Към ръководството3 мин.
WooCommerce & WordPress
WooCommerce и WordPress 6+
Добавете бутон за WhatsApp на сайта си в WooCommerce & WordPress.
- Към ръководството2 мин.
Magento & Adobe Commerce
Magento Open Source и Adobe Commerce
Добавете бутон за WhatsApp на сайта си в Magento & Adobe Commerce.
- Към ръководството2 мин.
PrestaShop
PrestaShop 1.7 и 8+
Добавете бутон за WhatsApp на сайта си в PrestaShop.
Добавете WhatsApp към сайта си.
Дайте на посетителите начин да питат за продуктите, цените или наличността ви. Отговаряйте от WhatsApp, който вече използвате.
Има безплатен план. Не е нужна кредитна карта.