Implementera widget på hemsida - Andra
Om du driver din webbplats på ett annat ramverk än WordPress eller SquareSpace kan du lägga till bokningswidgeten på din webbplats med hjälp av några enkla steg
Kopiera följande kodavsnitt för att kopiera det till urklipp:
<code><script src="https://www.bokabord.se/widget.min.js" type="text/javascript"></code>
Klistra in kodavsnittet precis innan
</head> linjen i din indexfil.
Använd vår
Knapp Generator verktyg nedan för att få bokningsknappens stil kompatibel med din webbplats tema, färger och teckensnitt. Vi har skapat verktygstips för varje inställning för att vägleda dig, dra bara musen över informationsikonerna för att se deras beskrivningar. Ändringarna återspeglas i knappen inuti
Button Preview området tillsammans med
Code Block innehåll.
En viktig inställning är
Button Type, som avgör hur knappen visas på er hemsida :
- Flytande: Ni får välja om ni vill att knappen ska visas vid webbplatsens kant eller vid ett hörn. Den kommer att visas vid en fast position på hemsidan.
- Standard : Där du väljer att ha knappen på hemsidan kommer den att visas som ett block. Du kan välja den horisontella linjeringen av knappen inuti blocket.
När du har konfigurerat din knapps stil klickar du på
Copy Code Block länken under
Code Block rutan till höger för att kopiera knappkoden till urklipp.
Klistra in det kopierade knappkodsblocket till
<body> dit du vill att knappen ska synas.
<div style="width: 100%; display: block; text-align: center;"><button class="waiteraid-widget" style="background-color: #222222; border-color: #767676; border-radius: 3px; border-style: solid; border-width: 2px; color: #ffffff; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; height: 45px; width: 105px; margin: 0; padding: 0; cursor: pointer;" onfocus="this.style.outline = 0;" onmouseover="this.style.backgroundColor = '#222222'; this.style.color = '#ffffff';" onmouseout="this.style.backgroundColor = '#222222'; this.style.color = '#ffffff';" data-hash="b1d4a29b35ea2d8dca6234c5e2af9850">Boka bord</button></div>