Krockar stilarna från WAButton med mina CSS-klasser i Webflow?

Nej. WAButton avgränsar sina stilar till sina egna klassnamn med prefixet wabutton, så de rör inte dina Webflow-klasser.

Egen kod i Webflow

WhatsApp-knapp för Webflow

Lägg till en flytande WhatsApp-knapp på din webbplats i Webflow. Välj en hälsning och låt besökarna skriva till ditt företagsnummer.

Skapa min gratis knapp

Installation: 2 min Mål: Project Settings -> Custom Code -> Footer Code

Installation steg för steg för Webflow

Följ de här stegen för att lägga till installationskoden för WAButton på din webbplats i Webflow.

1

Öppna projektinställningarna i Webflow

Öppna ditt projekt i Webflow. Gå till Project Settings -> Custom Code.

Proffstips: Om du vill kan du också lägga till egen kod på enskilda sidor i sidinställningarna i Webflow.
2
Klistra in i Footer Code

Scrolla till ”Footer Code” (Before </body> tag) och klistra in din kodsnutt.

Proffstips: WAButton avgränsar sina stilar till klassnamn med prefixet wabutton, så dina klassnamn i Webflow och ditt CSS-rutnät förblir intakta.
```
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
```
3

Publicera webbplatsen

Klicka på ”Save Changes” och sedan på ”Publish” för att publicera till din egen domän.

Proffstips: Publicera både till testdomänen och till produktionsdomänen så att du kan testa innan kunden godkänner.

Därför väljer butiksägare och byråer WAButton för Webflow

Formgiven för designers

Stilren typografi, diskreta skuggor och genomarbetade mikrointeraktioner.

Överlämning till byråns kunder

Dela interaktiva liveförhandsvisningar av widgeten med kunderna innan du publicerar.

Rör inte dina klasser

Stilarna är avgränsade till klassnamn med prefixet wabutton och startknappen har fast position, så dina Webflow-klasser och din layout förblir som de är.

Vanliga frågor

Krockar stilarna från WAButton med mina CSS-klasser i Webflow?: Nej. WAButton avgränsar sina stilar till sina egna klassnamn med prefixet wabutton, så de rör inte dina Webflow-klasser.

Relaterade gratis verktyg

Skapa WhatsApp-länkar, QR-koder och meddelanden för ditt företag.

Fler installationsguider

Lägg till WhatsApp på din webbplats.

Ge besökarna ett sätt att fråga om dina produkter, priser eller lediga tider. Svara från den WhatsApp du redan använder.

Skapa min gratis knapp Förhandsgranska din knapp

Gratisplan finns. Inget kreditkort krävs.