Calendly handleiding: hoe maak ik een Calendly kalender aan en integreer ik deze op mijn website?

Op zoek naar een online kalender waarop bezoekers rechtstreeks een afspraak met jou kunnen boeken? Gebruik dan de gratis tool Calendly. Bij Webhero gebruiken we deze gratis online tool al jaren voor het inboeken van meetings en calls met potentiële en bestaande klanten.

Je kan bij Calendly niet alleen een online kalender opzetten, maar ook koppelen met jouw eigen kalender van bv. Google of Outlook zodat er rekening wordt gehouden met andere taken en meetings die al in jouw eigen agenda staan. Daarnaast kan je kiezen voor een 1-2-1 afspraak of een groepsafspraak waarbij er meerdere mensen op dezelfde data kunnen reserveren (kies daarvoor bij het aanmaken van een kalender voor 'Group'). 

Graag helpen wij bij Webhero zelfstandige en kleine ondernemingen hun bedrijf professioneel online en hebben wij een duidelijke Calendly handleiding opgezet zodat je zelf aan de slag kan met het opzetten van een afspraken module op jouw website.

Start met een Calendly afspraken module

Start met een Webhero website


Calendly handleiding: account aanmaken

Surf naar www.calendly.com, klik rechts bovenaan op ‘Sign up’ en vul jouw e-mailadres in. Hierna zal je moeten inloggen met de logingegevens van jouw mailbox. Heb je een Google of Outlook e-mailadres, dan zal Calendly automatisch kunnen connecteren met jouw Google/Outlook agenda.

Eenmaal ingelogd zal je enkele basisinstellingen kunnen instellen zoals:

  • De URL van je online afspraken kalender;

  • De tijdzone waarin jij je bevindt;

  • Hoe er geconnecteerd moet worden met jouw agenda;

  • Wat jouw mogelijke uren zijn voor een afspraak;

  • Wat jouw functie binnen het bedrijf is.

Calendly handleiding: account aanmaken

Eenmaal de setup voltooid is, kom je op jouw account van Calendly terecht. Op deze startpagina zal je meteen 3 templates voor afspraken kunnen terugvinden waarmee je een kalender kan opzetten.

Calendly handleiding: dashboard

Voordat je start met het opzetten van een afsprakenkalender, kan je jouw account nog verder gaan personaliseren. Klik hiervoor rechtsboven op ‘Account’ en dan ‘Account Settings’. Via dit venster zal je o.a. volgende zaken kunnen instellen:

  • welke naam er vermeld wordt;

  • een introductie over jouw bedrijf;

  • uploaden van een bedrijfslogo;

  • uploaden van een eigen foto.

Calendly handleiding: account settings

Hieronder kan je een voorbeeld terugvinden van hoe jouw naam, logo en introductietekst getoond zullen worden bij jouw afspraken module. Deze afspraken module kan ook meerdere kalenders bevatten voor verschillende soorten afspraken.

Calendly handleiding: voorbeeld afsprakenmodule

Calendly handleiding: kalender opzetten

Om een afsprakenkalender op te zetten, kan je werken met een van de standaard templates. Kies voor de template die het best aanleunt bij de duurtijd van jouw afspraken. Klik op de template om te starten met jouw kalender.

What event is this?

Via dit scherm kan je meer informatie geven over wat jouw evenement/afspraak inhoudt: naam, introductie, locatie, link.

Calendly handleiding: kalender settings

When can people book this event?

Hier kan je instellen welke dagen een afspraak mogelijk is, hoe lang de afspraak duurt, hoe ver op voorhand ze de datum kunnen vastleggen, …

Invitee questions

Hier kan je een formulier aanmaken met welke informatie klanten moeten achterlaten om de afspraak te kunnen boeken. Denk hierbij na over welke informatie die je op voorhand nodig hebt om de afspraak met de klant te kunnen voorbereiden.

Notifications and cancellations policy

Je kan de automatische bevestigingsmail die verstuurd wordt na het inplannen van een afspraak personaliseren en instellen of er een reminder verstuurd moet worden en welke cancellation policy gehanteerd wordt.

Confirmation page

Bij de optie ‘redirect to an external site’ kan je ervoor kiezen om de klant naar een website pagina door te verwijzen nadat ze een afspraak hebben ingepland. Zo kan je ze misschien sturen naar een bedankingspagina of een pagina met praktische informatie over het evenement/de afspraak.

Calendly handleiding: kalender settings

Collect payments

Indien je meteen een online betaling wenst te koppelen aan de afspraak, kan je een integratie met Stripe of PayPal maken. Volg hiervoor de verdere aanwijzingen van Calendly.

Hieronder kan je een voorbeeld terugvinden van hoe jouw afsprakenkalender er online zal uitzien (uiteraard met andere tekst, logo’s en mogelijke data).

Calendly handleiding: voorbeeld kalender

Calendly handleiding: integreren op jouw website

Om klanten een online afspraak te laten maken, dien je deze kalender op jouw website te zetten. Dit kan op 3 verschillende manieren:

  1. Maak een extra titel in jouw menubalk die linkt naar de online kalender op de URL van Calendly.
  2. Maak een zwevende knop onderaan rechts bij je website waarop klanten kunnen klikken en meteen online afspraak kunnen maken.
  3. Maak een pagina aan waarop de afsprakenkalender volledig zichtbaar is zonder dat bezoekers op een link moeten klikken.

Om de nodige URL of integratiecode te bekomen om de kalender te integreren op jouw website, klik je in Calendly op het instellingen icoontje bij de kalender en kies je voor ‘Add to website’.

Calendly handeiding: integreren op website

Hierna krijg je de 3 mogelijke opties waarop je de kalender kan integreren op jouw website. Wanneer je een optie gekozen hebt en op ‘Continue’ klikt zal je de integratiecode te zien krijgen die je aan jouw website bouwer kan bezorgen om op jouw website te plaatsen.

Calendly handleiding: integratiemogelijkheden


Afspraken module integreren op jouw Webhero website

Heb je een Webhero website, dan kan je de nieuwe afsprakenkalender van Calendly zeer gemakkelijk zelf integreren via jouw de beheermodule van jouw website. Volg de instructies hieronder en jouw website is in no time uitgebreid met een afspraken module.

Nog geen Webhero klant, maar wel geïnteresseerd in een professionele website met gebruiksvriendelijke beheermodule?

Maak een afspraak

Optie 1: titel in je menubalk

Om de nodige URL te bekomen om een link in jouw menubalk van de website te plaatsen, klik je in Calendly bij je afsprakenkalender op ‘Copy link’.

Calendly handleiding: link URL kalender

Ga daarna in de beheermodule van jouw website naar de tab ‘Pagina’s’ en klik rechts bovenaan op de groene + (= pagina toevoegen). Kies voor het type pagina ‘hyperlink’ en vul de pagina als volgt in:

  1. Geef jouw pagina een titel, bv. ‘Afspraak maken’ of ‘Online afspraak’;
  2. Kies bij URL voor ‘Externe pagina’;
  3. Plak de link van jouw Calendly kalender in het veld dat aan de rechterkant verschenen is;
  4. Activeer de schakelaar ‘Hyperlink in nieuw tabblad openen’;
  5. Klik helemaal onderaan op ‘Opslaan’.

Calendly handleiding: link op Webhero website

Hoe kan ik de volgorde van mijn menubalk wijzigen?

Optie 2: knop in de rechteronderhoek van je scherm

Om de nodige integratiecode te bekomen om een zwevende knop op jouw website te maken, klik je in Calendly bij je afsprakenkalender op het instellingsicoontje en daarna op ‘Add to website’.

Calendly handleiding: integratie op website

Kies voor de optie ‘Popup widget’ en klik op ‘Continue’. Kopieer hier de volledige embed code.
Indien je de Calendly kalender nog verder wenst te personaliseren kan je eventueel aan de linkerzijde de tekst op de knop en de kleuren van de knop en pagina instellen vooraleer je de embed code kopieert.

Calendly handleiding: embed code

Ga hierna naar de beheermodule van jouw website en klik je rechtsboven op ‘Instellingen’ (= icoontje van het tandwiel) en dan op ‘Tracking & verification’. De embed code kan je dan plakken in het veld ‘Custom HTML code body’. Vergeet niet om op ‘Opslaan’ te klikken.

Calendly handleiding: kalender integreren op Webhero website

Nadat je op opslaan hebt geklikt, zal je zien dat er rechts onderaan op jouw website een knop verschijnt om een afspraak te via jouw Calendly afsprakenkalender.

Calendly handleiding: voorbeeld integratie Webhero website

Hoe integreer ik een andere tool op mijn Webhero website?

Optie 3: aparte pagina op je website

Om de nodige integratiecode te bekomen om een zwevende knop op jouw website te maken, klik je in Calendly bij je afsprakenkalender op het instellingsicoontje en daarna op ‘Add to website’.

Calendly handleiding: integratie op website

Kies voor de optie ‘Inline embed’ en klik op ‘Continue’. Kopieer hier de volledige embed code.
Indien je de Calendly kalender nog verder wenst te personaliseren kan je eventueel aan de linkerzijde de kleuren van de kalender instellen vooraleer je de embed code kopieert.

Calendly handleiding: embed code

Ga daarna in de beheermodule van jouw website naar de tab ‘Pagina’s’ en klik rechts bovenaan op de groene + (= pagina toevoegen). Kies voor het type pagina ‘tekst’ en vul de pagina als volgt in:

  1. Geef jouw pagina een titel, bv. ‘Afspraak maken’ of ‘Online afspraak’;

  2. Vul een meta omschrijving in als introductietekst wanneer je de pagina link op social media deelt;

  3. Klik bij het veld ‘Tekst’ recht op de + en daarna op < > (= codeweergave);

  4. Plak op regel 1 de volledige embed code van jouw Calendly kalender;

  5. Upload indien gewenst nog een afbeelding;

  6. Klik helemaal onderaan op ‘Opslaan’.

Calendly handleiding: intereren op Webhero webiste

Je zal daarna op jouw website bovenaan in de menubalk een nieuwe pagina zien staan en als je hierop klikt zal je op jouw pagina de volledige afsprakenkalender zien.

Calendly handleiding: voorbeeld kalender op website

Wat betekent de optie 'Publiceer'?

Afsprakenkalender delen met je klanten

Nu jouw afsprakenkalender online staat, kan je deze gaan delen met je klanten via verschillende communicatiekanalen: social media, mail, …). 

Indien je de afsprakenkalender op jouw website hebt geplaatst, kan je de URL van jouw website of specifieke pagina delen. Heb je enkel een link op jouw website voorzien, dan kan je de rechtstreekse link van Calendly gebruiken.

Nieuwsbrief uitsturen met de Webhero Mail-tool

Om jouw nieuwe online afsprakenmodule te communiceren naar jouw klanten toe, kan je deze versturen in een nieuwsbrief. Webhero voorziet een Mail-tool module zodat je heel gemakkelijk nieuwe pagina's van jouw website kan gebruiken in jouw nieuwsbrief.

Ga hiervoor in jouw beheermodule naar de tab ‘Campagnes’ en klik rechts bovenaan op de groene + (= campagne toevoegen). Geef de campagne een naam, duidt aan naar wie de nieuwsbrief verzonden moet worden, wat het onderwerp is en eventuele preview tekst.

Nu kan je jouw nieuwsbrief gaan opmaken. Klik hiervoor op de dropdown ‘Item selecteren’ om de inhoud van een pagina op jouw website te gebruiken en kies hierbij voor de nieuwe pagina vb. ‘Afspraak maken’.

Webhero Mail-tool voorbeeld

Klik daarna bij het nieuwe item op het pennetje om het item te wijzigen. Hier kan je verschillende zaken aanpassen zoals het onderwerp, de inhoudelijke tekst, de tekst die op de knop komt te staan. Automatisch zal er achter de knop al een link naar jouw website pagina ingesteld worden.

Webhero Mail-tool voorbeeld

Klik op ‘Opslaan’ en daarna op ‘Verzenden’ om de nieuwsbrief uit te sturen.
Indien gewenst kan je nog meerdere items toevoegen aan jouw nieuwsbrief voordat je hem uitstuurt.

Maak je nog geen gebruik van onze Webhero Mail-tool module maar wil je in de toekomst wel efficiënt nieuwsbrieven uitsturen?

Maak een afspraakAndere handleidingen die jou als onderneming kunnen helpen: