Темы 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. Прокрутите файл в самый конец.
Совет: Чтобы быстро найти закрывающий тег </body>, используйте «Ctrl+F» или «Cmd+F».
- 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 работает через лёгкий тег <script> прямо в вашей теме. Так вы не переплачиваете за ежемесячные подписки на приложения Shopify и избавляетесь от медленных скриптов сторонних приложений.
Замедлит ли это мой магазин Shopify или ухудшит оценку Google PageSpeed?
- WAButton — это асинхронный скрипт размером меньше 40KB (в gzip), который отдаётся с периферийных серверов Cloudflare, поэтому он не блокирует первую отрисовку. Панель чата загружается, только когда посетитель её открывает. Влияние на оценку PageSpeed вашего магазина зависит от темы и приложений, поэтому запустите PageSpeed Insights до и после установки.
Можно ли отследить, какая реклама в Facebook или Google привела к переписке в WhatsApp?
- Да! WAButton считывает UTM-метки (источник, кампания, канал, объявление) и передаёт их в заранее заполненное сообщение WhatsApp, а также отправляет события в Meta Pixel («fbq») и Google Analytics 4 («gtag»).
Похожие бесплатные инструменты
Создавайте ссылки WhatsApp, QR-коды и сообщения для бизнеса.
Другие инструкции по установке
- Открыть инструкцию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, которым вы уже пользуетесь.
Есть бесплатный тариф. Банковская карта не нужна.