WAButton

Własny kod w Webflow

Przycisk WhatsApp dla Webflow

Dodaj pływający przycisk WhatsApp do swojej strony Webflow. Wybierz powitanie i pozwól odwiedzającym pisać na numer twojej firmy.

Utwórz darmowy przycisk

Konfiguracja: 2 min Cel: Project Settings -> Custom Code -> Footer Code

Instalacja w Webflow krok po kroku

Wykonaj te kroki, aby dodać kod instalacyjny WAButton do swojej strony Webflow.

  1. 1

    Otwórz Project Settings w Webflow

    Otwórz projekt w Webflow. Przejdź do Project Settings -> Custom Code.

    Wskazówka: Jeśli chcesz, możesz też dodać własny kod do wybranych pojedynczych stron w ustawieniach strony w Webflow.

  2. 2

    Wklej w Footer Code

    Przewiń do „Footer Code” (Before </body> tag) i wklej swój fragment kodu.

    Wskazówka: WAButton ogranicza swoje style do klas z prefiksem wabutton-, więc nazwy klas i siatka CSS w Webflow pozostają nienaruszone. 

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

    Opublikuj witrynę

    Kliknij Save Changes, a potem Publish, aby opublikować witrynę we własnej domenie.

    Wskazówka: Opublikuj w domenie testowej i w domenie produkcyjnej, aby sprawdzić działanie przed akceptacją klienta.

Dlaczego właściciele sklepów i agencje wybierają WAButton dla Webflow

Estetyka dla projektantów

Elegancka typografia, subtelne cienie i starannie dopracowane mikrointerakcje.

Przekazanie projektu klientowi agencji

Pokazuj klientom interaktywne podglądy widżetu na żywo przed wdrożeniem.

Twoje klasy zostają nietknięte

Style są ograniczone do klas z prefiksem wabutton-, a przycisk ma stałą pozycję, więc twoje klasy i układ w Webflow zostają bez zmian.

Najczęściej zadawane pytania

Czy style WAButton będą kolidować z moimi klasami CSS w Webflow?

Nie. WAButton ogranicza swoje style do własnych klas z prefiksem wabutton-, więc nie dotykają one twoich klas Webflow.

Powiązane darmowe narzędzia

Twórz linki WhatsApp, kody QR i wiadomości dla swojej firmy.

Więcej instrukcji instalacji

Dodaj WhatsApp do .

Daj odwiedzającym sposób, by zapytali o produkty, ceny lub dostępność. Odpowiadaj z WhatsApp, którego już używasz.

Utwórz darmowy przycisk Zobacz podgląd przycisku

Dostępny plan darmowy. Bez karty kredytowej.