Snel op weg: de widget
De widget is een optie voor integratie met i-Reserve wanneer je klanten de mogelijkheid wil bieden om met i-Reserve te reserveren op je eigen pagina. Voorbeelden van de widget kan je vinden in de vergaderzalen demo (tab widget) en de rondleidingen demo (button widget). Deze handleiding begeleidt je bij het in gebruik nemen van de widget.
Als eerst maken we links maken voor de pagina's die de widget gaat tonen. De standaard widget heeft twee tabs, dus we kiezen hier twee pagina's voor. Dit kunnen bijvoorbeeld twee kalenderpagina's zijn of de lijst van producten en een contactformulier.
Als je de twee pagina's gekozen en eventueel gemaakt hebt, ga je in de configuratie van de omgeving naar Klant pagina > Content pagina's > Beheer pagina's. Hier kunnen nieuwe SEO links toegevoegd worden. Hieronder zijn twee belangrijke instellingen hierbij toegelicht.
Origineel
Vul bij Origineel in wat er achter de "/" staat na de domeinnaam.
- Voor https://rondleidingen.i-reserve.net/front?mod=form&form_id=7 vul je dus front?mod=form&form_id=7 in.
Alias
Vul hier in wat er achter de "/" moet komen. Dit kan bijvoorbeeld "contact" of "zalen" zijn. Als je "contact" kiest, is de pagina vanaf dan ook te bereiken via {jouw omgeving URL}/contact (op rondleidingen.i-reserve.net wordt dit bijvoorbeeld https://rondleidingen.i-reserve.net/contact)
Nu we de pagina's hebben die gebruikt gaan worden voor de widget, kunnen we de configuratie aan gaan maken. Hiervoor gaan we in de configuratie van de omgeving naar Klant pagina > Widget en buttons.
Voeg hier een nieuwe configuratie toe en kies voor het type Widget. Bij het widget type kan gekozen worden tussen een button widget of een tab widget.
Zoek bij tab één en tab twee de SEO links die we in de vorige stap aangemaakt hebben. Achter de naam staat hier [SEO].
In de velden tab één omschrijving en tab twee omschrijving zet je de namen die de tabs moeten krijgen.
Als je klaar bent met dit instellen klik je op de </> knop onderaan het blok. Hier vind je de tags die opgenomen moeten worden in de head en de body van de pagina op jouw website.
Als je de widget in meerdere talen wil gebruiken, zijn er een aantal extra stappen om te zetten om dit goed in te stellen.
SEO links
Door middel van de SEO links kunnen dezelfde pagina's in verschillende talen weergegeven worden.
Voor https://rondleidingen.i-reserve.net/front?mod=form&form_id=7 zet je het volgende bij Origineel bij de SEO links:
- Nederlands: front?mod=form&form_id=7&lang=nl
- Engels: front?mod=form&form_id=7&lang=en
- Duits: front?mod=form&form_id=7&lang=de
Zorg dat je bij de Alias verschillende aliassen gebruikt, bijvoorbeeld "contact", "contact-en" en "contact-de"
Widget configuraties
Maak voor elke taal een aparte widget configuratie aan, waar je de SEO links van die taal gebruikt.
Toevoegen aan jouw website
Kopieer voor een taal-specifieke configuratie de head en body tags. Zet deze vervolgens op de overeenkomende taal pagina's op je website.
