Boekingspop-up

De widget Boekingspop-up voegt een knop toe aan uw website. Met een klik daarop opent uw Barberly-boekingspagina in een pop-up in het midden van het scherm, zodat de bezoeker tijdens het boeken op de huidige pagina blijft. U kunt de widget op de hele website gebruiken of op afzonderlijke pagina's, zoals pagina's met diensten of blogberichten.

Een nieuwe instantie maken#

1. Log in op uw Barberly-account via portal.barberly.com.
2. Ga naar Menu→Apps→Alle widgets.
3. Klik op Pop-up boeken.
4. Kies Nieuwe instantie maken.
5. Geef de instantie een naam, bijvoorbeeld "Hoofdpop-up boeken".

Instellingen#

Stijlen#

Op mobiele apparaten past de pop-up zich aan de schermgrootte aan en heeft een X-knop om te sluiten.

De pop-up op uw website plaatsen#

De live preview toont de knop en de pop-up. Klik op de knop om te controleren of de pop-up met uw boekingspagina opent.

1. Kopieer de code uit het onderdeel Kopieer deze code naar uw website.
2. Plak deze in de HTML van uw website op de plek waar de knop moet verschijnen.
3. Sla uw website op en publiceer deze.

Voorbeeldcode:

<div id="popup-booking-container"></div>
<script src="https://widgets.barberly.com/barberly-widgets.js" data-business-id="house13" data-widget-id="popup_booking" data-container-id="popup-booking-container"></script>

De stappen per platform vindt u in de handleidingen voor WordPress, Wix en Squarespace.

Meerdere instanties#

U kunt meer pop-upinstanties maken, bijvoorbeeld met een eigen ontwerp voor elk deel van uw website. Herhaal daarvoor de stappen hierboven onder Pop-up boeken. Elke instantie heeft een eigen integratiecode.

Een gepubliceerde pop-up wijzigen#

Open de instantie onder Menu→Apps→Alle widgets, breng uw wijzigingen aan en sla op. De pop-up op uw website wordt automatisch bijgewerkt, dus u hoeft de code op uw website niet aan te passen.