Wanneer je een eigen website hebt, wil je dat dat je leads of klanten zo vlot mogelijk met jou in contact komen, en hen afspraken laten boeken met jou of je collega's. Met de contactwidget in de Customer Meeting add-on kan je je bezoekers een tijdstip in je agenda laten plannen dat hen het beste uitkomt.
Het is niet nodig om een hele boekingspagina of een hyperlink in je tekst op te nemen, je maakt gewoon een boekingsknop aan met je eigen ontwerp, kopieert de widget en plakt deze in je website. Het hele proces verloopt heel snel, zodat je je kan concentreren op het resultaat: klanten aantrekken. Lees er hier alles over.
In dit helpartikel
1. Maak een nieuwe contactwidget aan
1.2 Stel het gedrag van de knop in
3. Embed de widget in je website
1. Maak een nieuwe contactwidget aan
Om een nieuwe contactwidget aan te maken ga je naar Contactwidgets in het menu aan de linkerkant. Als het de eerste keer is dat je een contactwidget aanmaakt, dan krijg je de informatieve pagina te zien. Klik op Aan de slag om verder te gaan.
Het aanmaken van een contactwidget bestaat uit 4 delen:
1 Ontwerp je knop
2 Stel het gedrag van de knop in
3 Link een boekingspagina
4 Sla de widget op
1.1 Ontwerp je knop
De contactwidget heeft standaard de kleuren van de Customer Meeting add-on, het standaard-icoon en de tekst Boek een afspraak. Je kan al deze opties* personaliseren.
* Enkel als je het Beyond-pakket van de Customer Meeting add-on gebruikt zal je het icoon kunnen wijzigen en personaliseren.
Je kan zowel de kleur van de knop als de kleur van de tekst in de knop aanpassen door een Hex-kleurcode in te vullen of door te klikken op de kleur en manueel een andere kleur te kiezen.
Je kan de tekst van de knop aanpassen naar een gepersonaliseerde tekst van maximaal 30 tekens.
Naast de kleur en tekst bestaat elke contactwidget ook uit een icoon. Hier kan je het icoon deactiveren, het standaardicoon gebruiken of een eigen logo/icoon uploaden*.
- Klik op de slider om het icoon te deactiveren, en klik er opnieuw op om het icoon te activeren.
- Klik op Icoon uploaden... en selecteer je eigen logo/icoon om te personaliseren. Dit moet een JPG- of PNG-bestand zijn.
- Klik op Icoon verwijderen om het eigen logo/icoon te verwijderen.
Alle aanpassingen zijn meteen zichtbaar in het Voorbeeld aan de rechterkant.
1.2 Stel het gedrag van de knop in
Het gedrag van de knop geeft aan wat er moet gebeuren als een klant of lead op de knop op je website klikt. Je kan kiezen uit de volgende opties:
- Openen in een pop-up in hetzelfde browsertabblad
- Openen in een nieuw browsertabblad
1.3 Link een boekingspagina
In deze stap selecteer je welke boekingspagina of welk afspraaktype gelinkt is aan de specifieke widget. Om dit te doen moet je zorgen dat de agenda in je profiel geconnecteerd is.
Indien je agenda niet geconnecteerd is, zie je de knop 'Je agenda connecteren'. Klik erop en connecteer je agenda om verder te gaan.
Als je agenda geconnecteerd is, dan kan je een van de volgende opties selecteren:
- Teamboekingspagina
- Persoonlijke boekingspagina
- Team- of persoonlijke afspraaktypes
Klik op de boekingspagina of afspraaktype dat je wil linken aan de contactwidget. Deze wordt zichtbaar in het veld.
1.4 Sla de widget op
Klik op Opslaan om de contactwidget op te slaan en door te gaan naar de overzichtspagina. Als je een bestaande widget aanpast, klik dan op Aanpassen om de wijzigingen door te voeren.
2. Contactwidget-overzicht
De contactwidgetpagina is nu een overzicht geworden van al je contactwidgets. Rechts bovenaan kan je een nieuwe widget aanmaken via de knop 'Een widget aanmaken'.
Als je een tweede widget hebt aangemaakt, verschijnen alle widgets onder elkaar.
Nu kan je de widgets verwijderen of aanpassen. Je kan ook de code kopiëren om de widget aan je website toe te voegen. (zie '3. Embed de widget in je website' hieronder)
Om een widget te verwijderen klik je op het prullenmandicoontje. Bevestig door nogmaals op Verwijderen in de pop-up te klikken.
Om een widget aan te passen klik je op het potloodje. Zodra je de aanpassingen hebt gedaan, klik je op Aanpassen om alle wijzigingen op te slaan. Deze zijn meteen zichtbaar in het overzicht.
3. Embed de widget in je website
Nu is het tijd om je widget toe te voegen aan je website. Voor elke widget zie je de code die je hiervoor kan gebruiken. Je kan deze code doorsturen naar je webmaster of de code kopiëren en zelf in je website plakken.
Meer informatie over hoe je de widget in je website kan embedden vind je door op de tooltip onder het codeblok te klikken of door dit helpartikel te lezen.