Hoe je boekingspagina's aan je website toevoegt
Cal.com maakt plannen eenvoudiger
Het hele idee achter Cal.com's open-source planningsinfrastructuur is om mensen ontmoeten eenvoudiger te maken. Dat doen we door een toegankelijke en aanpasbare toolset te bieden die het heen-en-weer gepraat uit het online en persoonlijk boeken van afspraken haalt. Natuurlijk kun je je Cal.com-profiel delen door een link te sturen via e-mail, sms of een direct bericht. Maar we hebben ook opties waarmee je Cal.com naadloos aan je website kunt toevoegen.
De soorten embeds die we aanbieden
Cal.com biedt drie soorten insluitopties, elk toegankelijk via je dashboard voor evenementaanpassingen. Je kunt voor elk vergadertype een andere embed genereren. Het beheren van embeds per event betekent ook dat je aparte boekingspagina's kunt maken voor verborgen en openbare events. Dat 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 in te sluiten; je kunt het event toevoegen als een inline embed, een pop-upknop of een pop-up via een elementklik. Elke optie heeft net iets andere sterke punten.
De inline embed is simpel en duidelijk - dat is wat de meeste mensen zich voorstellen bij het inbedden van een kalender op een website. 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 iets anders. Wanneer je de pop-upknop insluit, wordt er een knop gegenereerd die zweeft op de aangegeven webpagina en alleen een boekingsinterface opent zodra erop wordt geklikt.
Onze meest unieke insluitoptie is de pop-up die wordt geactiveerd door op een element te klikken. Wanneer een bezoeker op een onderdeel van de boeking van je website klikt, verschijnt er een pop-up met tijdslots, zodat diegene een gewenste vergadertijd kan kiezen.
Eenvoudige aanpassingsopties
Al onze embedopties zijn aanpasbaar via een no-code gebruikersinterface, waardoor het makkelijk is om dingen te veranderen zoals de merkkleur en het thema dat je op de pop-up wilt toepassen. Daarnaast heeft de Embed Customization UI ook een previewtab waarmee je je keuzes kunt controleren. Als 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 insluiten
-
Klik op het lege symbool
-
Kies het type embed dat je wilt gebruiken
-
Breng je gewenste aanpassingen aan
-
Kopieer je voorkeurscode
-
Bezoek je website
-
Plak je code in de aangewezen ruimte of module
-
Sla ten slotte de wijzigingen die je aan je website hebt aangebracht op en publiceer ze
Cal.com is ontworpen zodat het product even bruikbaar en uitbreidbaar is voor ontwikkelaars als voor no-codefans. Dat is een aanpak die we hebben gekozen om ervoor te zorgen dat het product voor iedereen bruikbaar is, ongeacht hun formele achtergrond of vaardigheidsniveau. Een Cal.com-boekingspagina aan je website toevoegen is een makkelijke manier om tijd te besparen, stress te verminderen en je workflow te optimaliseren.