Calendly agenda toevoegen aan je pagina

In dit artikel laat ik je zien hoe je een Calendly agenda direct op je pagina kunt toevoegen door een 'Inline Embed code' te plakken in je website.

1. Ga naar calendly.com en log in met je account of maak er een aan. 
2. Klik op het instellingen icoon en klik vervolgens op '</> Add to Website'.
   (LET OP: Je kunt dit doen voor je hele agenda of voor 1 event. In mijn voorbeeld pak ik een event)
   
   
   
   
3. Vervolgens kun je kiezen uit 3 types om Calendly toe te voegen aan je site, kies hier voor 'Inline Embed' en klik op 'Continue'

   
   

      
4.  Hier kun je vervolgens de Embed Code aanpassen door bij 'Page Settings' de opties aan of uit te laten. En wanneer je een 'Pro' account hebt, kun je ook de kleuren nog aanpassen.    
   
   
5.    Kopieer daarna de code die je in het veld ziet.       
      
      
6.  Ga vervolgens in een nieuw tabblad naar de pagina waar je de kalender wilt toevoegen. Je kunt hiervoor ook een nieuwe pagina aanmaken.    
   
   
7.    Voeg daarna een 'Tekstmodule' toe.    
    
8.    Klik naast 'Visueel' op 'Tekst'.

   
   

      
    
9.    Plak daarna de code in het 'Tekst' vlak.

   
   

      
    
10. Klik op het groene vinkje om de wijzigingen op te slaan.    
11. Sla de pagina op en verlaat de 'Visual Builder' om te kijken of de kalender wordt weergegeven zoals jij dat wilt.
    (Pas anders de kolommen-structuur aan van de rij waar de tekstmodule in staat)   
     
12. Wanneer je de 'Page Settings' hebt aangevinkt, zal je de kalender op de volgende manier zien: