Er zijn meerdere manieren om je boekingspagina's toe te voegen in je website:
- Embed een iframe in je website om de volledige boekingspagina te tonen,
- voeg een link toe in je tekst, zodat klanten worden doorgestuurd naar je boekingspagina
- of voeg de contactwidget toe als knop in je website!
Nadat je één of meerdere contactwidgets hebt aangemaakt, kan je ze in je website embedden. Vectera biedt hier 2 opties voor:
1. Stuur de code naar je webmaster
2. Kopieer de code en embed deze zelf in je website
1. Stuur de code naar je webmaster
Als een webmaster je website beheert dan is deze stap heel eenvoudig voor jou. Zodra je een contactwidget hebt aangemaakt en je op de Contactwidgetspagina bent, klik je gewoon op 'Naar webmaster sturen'. Dit opent je mailprogramma zodat je eenvoudig de code kan verzenden.
2. Kopieer de code en embed deze zelf in je website
Algemeen
Eigenlijk hoef je enkel de contactwidgetcode te kopiëren en op de juiste plaats in de codebase van je website te plakken.
- Ga naar de Contactwidgetspagina
- Klik bij de relevante contactwidget op 'Naar klembord kopiëren'
- Plak de code in je codebase op de plek waar je de knop wil tonen en publiceer je website
Opgelet: Als je de knop in een iframe steekt en klanten klikken er op, dan zal het telkens in een nieuw tabblad openen. Zelfs als je in het gedrag van de knop hebt ingesteld om in hetzelfde tabblad te openen.
Wix
In Wix is het heel eenvoudig om de contactwidget in je website te embedden. Volg deze stappen:
- Ga naar de pagina waar je de contactwidget wil toevoegen
- In het Sidebar menu aan de linkerkant, klik je op het '+' icoon en ga naar Embed code
- Klik op de '+' bij Embed HTML
- Sleep Embed in de pagina op de gewenste plaats
- Plak de code in de code editor*
- Klik op Update en Publiceer de website**
* Op Wix-websites zal de boekingspagina telkens in een nieuw tabblad getoond worden als men op de knop klikt, ook als je het gedrag van de knop anders hebt ingesteld.
** Zorg ervoor dat het iframe groot genoeg is om de knop volledig te tonen.
Proficiat, de contactwidget staat op je website!
Wordpress (.com & .org)
Wordpress.com
Helaas staat Wordpress.com het gebruik van eigen iframes en HTML code met Javascript niet toe. Het is niet mogelijk om je Contactwidget op dit type website toe te voegen. Je kan een hyperlink in je tekst toevoegen om de klant door te sturen naar je boekingspagina.
Wordpress.org
In wordpress.org voeg je eenvoudig een contactwidget toe via deze stappen:
- Ga naar de pagina waar je de contactwidgetcode wil toevoegen
- Bovenaan de pagina aan de linkerkant klik je op het '+' icoon en ga naar Widgets - Custom HTML
- Sleep Custom HTML in de pagina op de gewenste plaats
- In de code editor voeg je een paragraaf toe en plak je de contactwidget hier in
- Klik op Update en Publiceer de website
Proficiat, de contactwidget staat op je website!
Webflow
In Webflow is het heel eenvoudig om de contactwidget in je website te embedden. Volg deze stappen:
- Ga naar de pagina waar je de contactwidget wil toevoegen
- In het Sidebar menu aan de linkerkant klik je op het '+' icoon en ga naar Elements - Advanced
- Sleep Embed in de pagina op de gewenste plaats
- Plak de code in de code editor
- Klik op Save & Close en Publiceer de website*
* Zorg ervoor dat het Embed element groot genoeg is om de knop volledig te tonen.
Proficiat, de contactwidget staat op je website!
Het Vectera-team kijkt uit naar jouw feedback. Ons doel is om jouw ervaring in online meetings steeds te verbeteren! Kun je niet wachten om aan de slag te gaan? Log in op jouw account of start met de gratis proefperiode van Vectera!