Zet je verhuurwinkel op je eigen website met twee regels code
In het kort
- Je kopieert twee regels code uit je dashboard en plakt ze in elke gewenste pagina van je site.
- Bezoekers kijken rond, kiezen data en boeken zonder je website te verlaten.
- Producten, beschikbaarheid en orders blijven in Be-Bookable, dus er is geen plugin om te installeren of bij te werken.
Waarom de winkel op je eigen site
Op je website vinden klanten je. Als ze op diezelfde pagina kunnen boeken, hoeven ze halverwege niet naar een andere site.
Elke website
WordPress, Webflow, een eigen bouwsel of elk CMS waarmee je HTML aan een pagina toevoegt.
Altijd actueel
Producten, prijzen en beschikbaarheid komen rechtstreeks uit je Be-Bookable-winkel.
Alleen op jouw domeinen
Winkelgegevens en analytics-events gaan alleen naar websites op je lijst met toegestane domeinen.
Zo lost Be-Bookable het op
- Open de widgetinstellingen. Ga in je dashboard naar Integraties en klik op de kaart Website-embed op Widget instellen.
- Kies je platform. Kies het platform waarop je site draait, zoals WordPress of Webflow, of Eigen website voor al het andere. Je krijgt een korte instructie waar je de code plakt.
- Kopieer de code. Klik op Kopieer code en plak de twee regels in een HTML-blok op de pagina waar de winkel moet komen.
- Voeg je domein toe. Vul het domein van je website in bij Toegestane domeinen en sla het op. Werkt je site zowel met als zonder www, voeg dan allebei toe.
- Controleer of het werkt. Plak het adres van de pagina en klik op Verifieer. Be-Bookable zoekt de pagina op en laat weten of de winkel daar live staat. Vanaf dan komen boekingen via je site binnen in je orderoverzicht net als elke andere order.
Waar je de code plakt
De code is op elk platform hetzelfde. Alleen de plek waar je hem plakt verschilt:
Zie het in actie
De Brightside-demowinkel op een voorbeeldwebsite: een categoriepagina en een productpagina met de boekingskalender, onder het eigen menu van de site.
Veelgestelde vragen
Heb ik een plugin nodig?
Nee. Je plakt twee regels HTML in je pagina. Er is geen plugin voor WordPress of een ander CMS die je moet installeren of bijwerken.
Kan ik aanpassen hoe de ingebedde winkel eruitziet?
De ingebedde winkel gebruikt de kleuren die je voor je winkel in Be-Bookable hebt ingesteld en vult de breedte van de plek waar je de code plakt. Er zijn geen aparte stijlinstellingen voor de embed. Meer hierover bij Winkelpersonalisatie.
Hoe betalen klanten?
Online betalingen lopen via Mollie. Omdat Mollie niet binnen een andere website opent, gaat de betaling open in een nieuw tabblad. Daarna gaat de klant verder op de bedankpagina op jouw site. Blokkeert de browser het nieuwe tabblad, dan gaat de hele pagina naar Mollie.
Kan ik boekingen volgen in Google Analytics?
Ja, als je website Google Tag Manager gebruikt. De winkel stuurt de events view_item, add_to_cart en purchase naar de dataLayer van je pagina, maar alleen op domeinen die op je lijst met toegestane domeinen staan.
Helpt de ingebedde winkel mijn SEO?
Ja. Het script voegt gestructureerde gegevens (schema.org) toe aan je eigen pagina, zodat zoekmachines begrijpen dat het een verhuurwinkel is en van wie. De tekst, koppen en foto's rond de winkel tellen volledig mee voor je pagina, dus een korte introductie boven de winkel helpt bij je vindbaarheid. De productpagina's zelf worden geïndexeerd als onderdeel van je Be-Bookable-winkel.
Kan ik op mijn site naar een specifiek product linken?
Ja. Het adres van je pagina volgt de bezoeker door de winkel, bijvoorbeeld /huren#tenten/koepeltent. Deel je die link, dan opent de winkel op hetzelfde product. Een bezoeker die de pagina ververst, blijft ook waar die was.
Kan de widget in een bepaalde taal openen?
Ja, als je shop meer dan één taal aanbiedt. Zet data-lang met de waarde nl, de of en in de code, bijvoorbeeld op de Duitse pagina van je website, dan start de shop in die taal. Zonder die toevoeging gebruikt de shop de taal die de bezoeker eerder koos, de taal van de browser of je hoofdtaal. Meer over taalinstellingen.
