WAButton

Пользовательский код в Webflow

Кнопка WhatsApp для Webflow

Добавьте плавающую кнопку WhatsApp на свой сайт Webflow. Выберите приветствие, и посетители смогут писать на рабочий номер вашей компании.

Создать кнопку бесплатно

Установка: 2 мин Куда: Project Settings -> Custom Code -> Footer Code

Пошаговая установка для Webflow

Выполните эти шаги, чтобы добавить код установки WAButton на свой сайт Webflow.

  1. 1

    Откройте настройки проекта Webflow

    Откройте проект в Webflow. Перейдите в «Project Settings > Custom Code».

    Совет: При желании пользовательский код можно добавить и на отдельные страницы в настройках страницы Webflow.

  2. 2

    Вставьте в «Footer Code»

    Прокрутите до «Footer Code» (перед тегом </body>) и вставьте фрагмент.

    Совет: WAButton ограничивает свои стили именами классов с префиксом «wabutton-», поэтому имена классов Webflow и CSS-сетка остаются нетронутыми. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Опубликуйте сайт

    Нажмите «Save Changes», затем «Publish», чтобы опубликовать сайт на своём домене.

    Совет: Опубликуйте сайт и на тестовом, и на рабочем домене, чтобы проверить всё до согласования с клиентом.

Почему владельцы магазинов и агентства выбирают WAButton для Webflow

Эстетика для дизайнеров

Аккуратная типографика, мягкие тени и детально проработанные микроанимации.

Удобная передача клиентам агентства

Показывайте клиентам интерактивный предпросмотр виджета до запуска.

Ваши классы не затрагиваются

Стили ограничены именами классов с префиксом «wabutton-», а кнопка закреплена на экране, поэтому классы и вёрстка Webflow остаются без изменений.

Частые вопросы

Будут ли стили WAButton мешать CSS-классам Webflow?

Нет. WAButton ограничивает свои стили собственными именами классов с префиксом «wabutton-», поэтому они не затрагивают ваши классы Webflow.

Похожие бесплатные инструменты

Создавайте ссылки WhatsApp, QR-коды и сообщения для бизнеса.

Другие инструкции по установке

Добавьте WhatsApp на .

Дайте посетителям возможность спросить о товарах, ценах или наличии. Отвечайте в том WhatsApp, которым вы уже пользуетесь.

Создать кнопку бесплатно Посмотреть кнопку

Есть бесплатный тариф. Банковская карта не нужна.