Widgeten Boka online-knapp lägger till en knapp på din webbplats. När besökaren klickar på den kommer hen till din bokningssida i Barberly och bokar en tid där. Vanliga platser för knappen är startsidan, sidan med tjänster och sidhuvudet eller sidfoten.
Skapa en ny instans#
- Logga in på ditt Barberly-konto på portal.barberly.com.
- Gå till MenyApparAlla widgetar.
- Klicka på Boka online Knapp.
- Välj Skapa ny instans.
- Ge instansen ett namn, till exempel "Knapp på startsidan".
Inställningar#
- Knapptext
- Texten på knappen, till exempel "Boka nu" eller "Boka tid".
- URL för bokning
- Adressen till din bokningssida i Barberly.
Stilar#
- Bakgrundsfärg
- Knappens färg.
- Textfärg
- Färgen på knappens text. Välj en som syns tydligt mot bakgrunden.
- Stoppning
- Utrymmet inuti knappen, i formatet topp/höger/botten/vänster.
- Radie för kantlinje
- Hur rundade hörnen är.
- Font Vikt
- Normal, fet och så vidare.
- Box Skugga
- En skugga runt knappen.
Lägg till knappen på din webbplats#
Förhandsvisningen visar hur knappen kommer att se ut. Klicka på den och kontrollera att den öppnar din bokningssida.
- Kopiera koden i avsnittet Kopiera den här koden till din webbplats.
- Klistra in den i webbplatsens HTML där knappen ska visas.
- Spara och publicera webbplatsen.
Exempelkod:
<div id="8854691ef448cad2ae94bb4cc5b9a-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="button_8854691ef448cad2ae94bb4cc5b9a" data-container-id="8854691ef448cad2ae94bb4cc5b9a-container"></script>Stegen för respektive plattform finns i guiderna för WordPress, Wix och Squarespace.
Flera instanser#
Du kan skapa fler knappinstanser, till exempel med en egen design för varje del av webbplatsen. Upprepa stegen ovan under Boka online Knapp. Varje instans har sin egen integrationskod.
Uppdatera en publicerad knapp#
Öppna instansen under MenyApparAlla widgetar, gör dina ändringar och spara. Knappen på webbplatsen uppdateras automatiskt, så du behöver inte ändra koden på din sajt.