WAButton

Универсално вграждане с 1 ред

Бутон за WhatsApp за HTML & Custom Websites

Добавете плаващ бутон за WhatsApp на сайта си в HTML & Custom Websites. Изберете поздрав и нека посетителите пишат на бизнес номера ви.

Създайте безплатен бутон

Настройка за 1 мин. Цел: index.html (before </body>) or root layout component

Инсталиране стъпка по стъпка за HTML & Custom Websites

Следвайте тези стъпки, за да добавите кода за инсталиране на WAButton в сайта си в HTML & Custom Websites.

  1. 1

    Копирайте кода си за вграждане

    Копирайте уникалния си скрипт от таблото на уиджета в WAButton или от екрана за първоначална настройка.

    Съвет: Не изключвайте атрибута „async“, за да зарежда браузърът скрипта асинхронно, без блокиране.

  2. 2

    Поставете преди затварящия таг </body>

    Поставете кода в основния си HTML файл (напр. index.html) или в основния компонент на оформлението (напр. layout.tsx, App.vue, base.blade.php) точно преди </body>.

    Съвет: Когато скриптът е точно преди </body>, съдържанието на страницата ви се зарежда първо. 

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

    Отворете в браузъра

    Запазете файла и презаредете браузъра. Плаващият ви бутон за WhatsApp ще се появи веднага в долния ъгъл.

Защо собствениците на магазини и агенциите избират WAButton за HTML & Custom Websites

Един универсален таг за скрипт

Един малък асинхронен зареждащ скрипт, който работи по един и същ начин в статичен HTML, при изобразяване на сървъра и в едностранични приложения.

Ограничени стилове

Всеки стил е ограничен до имена на класове с префикс „wabutton-“, така че не променя вашите класове от Tailwind, Bootstrap или собствения ви CSS.

Самостоятелен скрипт

Създаден с Preact, който е вграден в самия скрипт, така че страницата ви няма нужда от jQuery, от React, нито от шрифтове с икони.

Съобразява се с навигацията в едностранични приложения

Автоматично запазва състоянието на уиджета при смяна на маршрута от страна на клиента (React Router, Next.js, Vue Router).

Често задавани въпроси

Работи ли WAButton с едностранични приложения (SPA) като React, Next.js или Vue?

Да! WAButton се инициализира в обекта „window“ и се запазва при навигация с рутера от страна на клиента, без да се изпълнява наново при всяка смяна на маршрута.

Ще влоши ли WAButton резултата ми в Google Lighthouse или PageSpeed Insights?

WAButton е асинхронен скрипт под 40KB (след компресия с gzip), който се зарежда от периферната мрежа на Cloudflare, така че не блокира първото изобразяване. Панелът на чата се зарежда едва когато посетителят го отвори. Ефектът върху собствения ви резултат зависи от сайта ви, затова пуснете PageSpeed Insights преди и след добавянето.

Свързани безплатни инструменти

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

Още ръководства за инсталиране

Добавете WhatsApp към .

Дайте на посетителите начин да питат за продуктите, цените или наличността ви. Отговаряйте от WhatsApp, който вече използвате.

Създайте безплатен бутон Прегледайте бутона си

Има безплатен план. Не е нужна кредитна карта.