Zodra je je publieke afsprakenpagina hebt geconfigureerd, kan je deze pagina via een iFrame eenvoudig integreren in je eigen website.


Volg de stappen in dit helpartikel om dit makkelijk te integreren in jouw website. Indien je een website via Wordpress of Wix hebt, klik door op deze links: Je eigen website of je Wix website.



  1. Ga naar vectera.com/schedulingen klik op 'Boekingslinks' en daarna op 'Persoonlijke insluitlink kopiëren' of 'Team-insluitlink kopiëren'.



    2. Vul deze URL in in volgende code:


    <iframe 
          style="width: 100%; height: 100%;" 
          src="URL_NAAR_UW_PUBLIEKE_AFSPRAKENPAGINA" 
          frameborder="0"
    ></iframe>


    Vervang "URL_NAAR_UW_PUBLIEKE_AFSPRAKENPAGINA" door de gekopieerde URL (=embeddable link) uit de vorige stap.


    !!Belangrijk!! Zorg ervoor dat de aanhalingstekens die gebruikt worden in de Iframe code niet schuin staan. Dit zal niet herkend worden als geldige code.


    Voorbeeld:

    Dit is de publieke afsprakenpagina van Matthias: https://www.vectera.com/embed/book/vectera/u/vectera-matthias/.


    Indien ik deze pagina wil integreren in mijn website, zou de code er als volgt uitzien:

    <iframe 
           style="width: 100%; height: 600px;" 
           src="https://www.vectera.com/embed/book/vectera/u/vectera-matthias/" 
           frameborder="0"
    ></iframe>


    Het deel na /book/ is de team naam, terwijl het laatste deel (=/u/vectera-matthias) het aanpasbare deel is van de scheduling configuratie.


    3. Kopieer de gemaakte code uit stap 2 en geef deze code in in je codebasis op de pagina en plek waar je de afsprakenpagina wil weergeven.


    4. Pas de hoogte en breedte aan naarmate je website (in onze suggestie is de hoogte 600px)


    5. De publieke afsprakenpagina is nu mooi geïntegreerd in je eigen website. Proficiat!


    Belangrijk: Als je een doorverwijspagina nadat een meeting is geboekt hebt ingesteld, zal je nog een extra lijn in je iframe code moeten toevoegen:


    <iframe 
          style="width: 100%; height: 600px;" 
          src="EMBEDDABLE_BOOKING_URL" 
          sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation"
          frameborder="0"
    ></iframe>

    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!