Hoe boekingspagina’s aan je website toe te voegen
Cal.com maakt plannen makkelijker
Het hele idee achter Cal.com's open-source scheduling infrastructure is om mensen ontmoeten makkelijker te maken. We doen dit door een toegankelijke en aanpasbare set tools te bieden die het heen-en-weer van online en fysieke afspraken boeken weghaalt. Natuurlijk kun je je Cal.com-profiel delen door een link via e-mail, sms of direct message te sturen. Maar we hebben ook opties waarmee je Cal.com moeiteloos aan je website kunt toevoegen.
De soorten embeds die we aanbieden
Cal.com biedt drie soorten embedopties, allemaal toegankelijk via je dashboard voor events aanpassingen. Je kunt voor elk type meeting een andere embed genereren. Embed op basis van elk event beheren betekent ook dat je aparte boekingspagina’s kunt maken voor verborgen en openbare events. Dit is handig als je alleen afspraaktypes hebt voor interne teams of klanten met specifieke abonnementen.
Er zijn drie verschillende manieren om events op je website te embedden; je kunt het event toevoegen als een inline embed, een pop-upknop of een pop-up via elementklik. Elk heeft net iets andere sterke punten.
De inline embed is simpel en rechttoe rechtaan - het is wat de meeste mensen voor zich zien als ze zich voorstellen dat ze een kalender op de website embedden. Wanneer je de code voor de inline embed aan je website toevoegt, wordt er een kalender gegenereerd met een korte beschrijving van het event en beschikbare boekingsslots.
De pop-upknopoptie is net iets anders. Wanneer je de pop-upknop embedt, wordt er een knop gegenereerd die zweeft op de aangewezen webpagina en pas een boekingsinterface opent zodra erop wordt geklikt.
Onze meest unieke embedoptie is de pop-up die wordt geactiveerd door een elementklik. Wanneer een bezoeker op een onderdeel van de kalenderboeking van je website klikt, verschijnt er een pop-up met tijdslots, zodat die een voorkeursmoment kan kiezen om af te spreken.
Eenvoudige aanpassingsopties
Al onze embedopties zijn aanpasbaar via een no-code gebruikersinterface, waardoor het makkelijk is om zaken zoals de merkkleur en het thema dat je op de pop-up wilt toepassen te wijzigen. Daarnaast heeft de UI voor het aanpassen van de Embed ook een previewtab die je kunt gebruiken om je keuzes te controleren. Zodra je klaar bent met het aanpassen van je embedcode, kun je die exporteren als HTML of React Code.
Hoe je een embed aan je website toevoegt
-
Log in op je Cal.com-account
-
Ga naar je eventdashboard
-
Selecteer het event dat je op je website wilt embedden
-
Klik op het lege symbool
-
Kies het type embed dat je wilt gebruiken
-
Breng je gewenste aanpassingen aan
-
Kopieer de code van je keuze
-
Bezoek je website
-
Plak je code in de aangewezen ruimte of module
-
Sla ten slotte de wijzigingen op die je aan je website hebt aangebracht en publiceer ze
Cal.com is zo ontworpen dat het product even bruikbaar en uitbreidbaar is voor developers als voor no-code liefhebbers. We hebben deze aanpak gekozen om ervoor te zorgen dat het product door iedereen gebruikt kan worden, ongeacht hun formele achtergrond of vaardigheidsniveau. Een boekingspagina van Cal.com aan je website toevoegen is een makkelijke manier om tijd te besparen, stress te verminderen en je workflow te optimaliseren.