Naar de hoofdinhoud

Calendly toevoegen aan je landingspagina

Laat je bezoekers makkelijk afspraken inplannen!

Geschreven door Frederieke Slinger
Meer dan 2 weken geleden bijgewerkt

Bied jij diensten aan op je website, zoals een gratis intake call of een strategiegesprek, dan zal jij vast willen werken met een planningstool.

Via de Calendly widget kan jij gemakkelijk jouw bezoekers afspraken laten inplannen op basis van jouw agenda! 📅

ℹ️ Zorg ervoor dat je een Calendly account en een event hebt aangemaakt voordat je verder gaat met onderstaande stappen.


Wat is Calendly?

Calendly is een online tool die het plannen van afspraken eenvoudig en efficiënt maakt. Met Calendly deel je je beschikbaarheid via een persoonlijke link, waardoor anderen gemakkelijk een tijdslot kunnen kiezen dat voor beide partijen werkt. Dit voorkomt het heen-en-weer e-mailen om een geschikt moment te vinden en integreert met verschillende kalenders en software om automatisch geplande afspraken bij te werken.


Embed code ophalen

Om je Calendly agenda in te sluiten op je landingspagina, heb je de embed code nodig. Deze kun je ophalen binnen Calendly bij het event.

Klik op de drie puntjes bij je event en selecteer Add to website:

Kies één van de volgende opties:

Kopieer de embed code:

De embed code voeg je nu toe aan je Plug&Pay landingspagina.


Embed code op je landingspagina plaatsen

Voeg een nieuw element toe op je landingspagina via het plusje linksboven. Kies voor embed en sleep het element naar de gewenste plek op je pagina.

Klik op het embed element om de code toe te voegen. Plak hier de code die je uit Calendly hebt gekopieerd.

Na het opslaan van de wijzigingen wordt de Calendly agenda netjes weergegeven op je landingspagina, klaar voor bezoekers om te plannen! 🤩


Popup widget gebruiken

Calendly biedt ook de optie om de Calendly widget als zwevende knop te gebruiken op je site. Bezoekers kunnen met de knop gemakkelijk een afspraak inplannen. Handig wanner je een gratis kennismakingsgesprek biedt!

Kies voor de popup widget optie in Calendly:

Pas hier eventueel de knoptekst en knopkleur aan en kopieer de embed code:

Open de instellingen van je landingspagina en voeg de embed code toe als custom script. Klik op script toevoegen:

Geef je script een naam en plak de embed code uit Calendly.
Het script sla je op in de <head> tag van de website en als functioneel script.

Vergeet je landingspagina niet op te slaan!

Was dit een antwoord op uw vraag?