Hoe boekingspagina's aan uw website toe te voegen
Cal.com maakt plannen makkelijker
Het hele idee achter Cal.com's open-source planningsinfrastructuur is om het makkelijker te maken om mensen te ontmoeten. Dit doen we door een toegankelijk en aanpasbaar hulppakket te bieden dat de heen-en-weer communicatie bij het online en persoonlijk boeken van afspraken weghaalt. Natuurlijk kun je jouw Cal.com-profiel delen door een link te versturen via e-mail, sms of direct bericht. We hebben echter ook opties waarmee je Cal.com naadloos aan je website kunt toevoegen.
De soorten embeds die we aanbieden
Cal.com biedt drie soorten embed-opties, die allemaal toegankelijk zijn via jouw aanpassingsdashboard voor evenementen. Je kunt een andere embed genereren voor elk type vergadering. Het beheren van embeds per evenement betekent ook dat je aparte boekingspagina's kunt maken voor verborgen en openbare evenementen. Dit is nuttig als je alleen afspraaktypes hebt voor interne teams of klanten met specifieke abonnementen.
Er zijn drie verschillende manieren om evenementen op je website in te bedden; je kunt het evenement als een inline embed, een pop-upknop of een pop-up via een elementklik toevoegen. Elk heeft iets verschillende sterktepunten.
De inline embed is eenvoudig en rechttoe rechtaan - het is wat de meeste mensen denken als ze zich voorstellen een kalender op de website in te bedden. Wanneer je de code voor de inline embed aan jouw website toevoegt, genereert het een kalender met een korte beschrijving van het evenement en beschikbare boekingstijden.
De pop-upknop optie is iets anders. Wanneer je de pop-upknop inbedt, genereert het een knop die op de aangewezen webpagina zweeft en opent alleen een boekingsinterface wanneer erop wordt geklikt.
Onze meest unieke embed-optie is de pop-up die wordt geactiveerd door een elementklik. Wanneer een bezoeker op een aspect van de boeking van jouw kalender klikt, verschijnt er een pop-up met tijdsloten, zodat ze een voorkeursvergadertijd kunnen selecteren.
Gemakkelijke aanpassingsmogelijkheden
Al onze embed-opties zijn aanpasbaar via een no-code gebruikersinterface, waardoor het eenvoudig is om dingen zoals de huisstijl kleur en thema die je op de pop-up wilt toepassen te wijzigen. Daarnaast komt de Embed Customization UI ook met een preview-tabblad dat je kunt gebruiken om jouw keuzes te verifiëren. Zodra je klaar bent met het aanpassen van je embedcode, kun je deze exporteren als HTML of React Code.
Hoe je een embed aan jouw website toevoegt
Log in op je Cal.com-account
Ga naar je evenementen-dashboard
Selecteer het evenement dat je op je website wilt embedden
Klik op het lege symbool
Kies het type embed dat je wilt gebruiken
Maak de gewenste aanpassingen
Kopieer je voorkeurscode
Bezoek je website
Plak je code in de designekende ruimte of module
Bewaar en publiceer ten slotte de wijzigingen die je aan jouw website hebt aangebracht
Cal.com is ontworpen zodat het product zowel door ontwikkelaars als door no-code enthousiastelingen even gebruikbaar en uitbreidbaar is. Dit is een benadering die we hebben gekozen om ervoor te zorgen dat het product door iedereen kan worden gebruikt, ongeacht hun formele achtergrond of vaardigheidsniveau. Een Cal.com boekingspagina aan je website toevoegen is een gemakkelijke manier om tijd te besparen, stressniveaus te verlagen en jouw workflow te optimaliseren.
