Durch

Assantewa Heubi

30.03.2023

Wie man Buchungsseiten zu Ihrer Website hinzufügt

Cal.com macht die Terminplanung einfacher

Die gesamte Idee hinter der Open-Source-Terminplanungsinfrastruktur von Cal.com besteht darin, es einfacher zu machen, Menschen zu treffen. Wir tun dies, indem wir ein zugängliches und anpassbares Tool-Suite bereitstellen, das das Hin und Her beim Buchen von Terminen online und persönlich beseitigt. Natürlich können Sie Ihr Cal.com-Profil teilen, indem Sie einen Link per E-Mail, SMS oder direkter Nachricht senden. Wir haben jedoch auch Optionen, die es Ihnen ermöglichen, Cal.com nahtlos zu Ihrer Website hinzuzufügen.

Die Arten von Embeds, die wir anbieten

Cal.com bietet drei Arten von Einbettungsoptionen, die über Ihr Anpassungs-Dashboard für Veranstaltungen zugänglich sind. Sie können für jeden Meeting-Typ ein anderes Embed generieren. Die Kontrolle über Embeds auf Event-Basis bedeutet auch, dass Sie separate Buchungsseiten für versteckte und öffentliche Veranstaltungen erstellen können. Dies ist nützlich, wenn Sie nur Terminarten für interne Teams oder Kunden mit bestimmten Abonnements haben. 

Es gibt drei verschiedene Möglichkeiten, Veranstaltungen auf Ihrer Website einzubetten; Sie können das Event als Inline-Embed, einen Pop-up-Button oder ein Pop-up über einen Elementklick hinzufügen. Jede hat leicht unterschiedliche Stärken. 

Das Inline-Embed ist einfach und unkompliziert - so stellen sich die meisten Leute das Einbetten eines Kalenders auf der Website vor. Wenn Sie den Code für das Inline-Embed zu Ihrer Website hinzufügen, wird ein Kalender mit einer kurzen Beschreibung des Events und verfügbaren Buchungszeiten generiert. 

Die Option mit dem Pop-up-Button ist leicht anders. Wenn Sie den Pop-up-Button einfügen, wird ein Button erzeugt, der auf der vorgesehenen Webseite schwebt und nur ein Buchungsinterface öffnet, wenn er angeklickt wird. 

Unsere einzigartigste Einbettungsoption ist das Pop-up, das durch einen Elementklick ausgelöst wird. Wenn ein Besucher auf einen Aspekt der Buchung Ihres Kalenders auf Ihrer Website klickt, erscheint ein Pop-up mit Zeitfenstern, das es ihm ermöglicht, eine bevorzugte Meeting-Zeit auszuwählen.

Einfache Anpassungsoptionen

Alle unsere Einbettungsoptionen sind über eine No-Code-Benutzeroberfläche anpassbar, was es einfach macht, Dinge wie die Markenfarbe und das Thema, die Sie auf das Pop-up anwenden möchten, zu ändern. Darüber hinaus verfügt die Benutzeroberfläche zur Anpassung des Embeds auch über eine Vorschau-Registerkarte, die Sie nutzen können, um Ihre Entscheidungen zu überprüfen. Sobald Sie mit der Anpassung Ihres Embed-Codes fertig sind, können Sie ihn entweder als HTML oder React-Code exportieren.

So fügen Sie ein Embed zu Ihrer Website hinzu

  • Melden Sie sich bei Ihrem Cal.com-Konto an

  • Gehen Sie zu Ihrem Veranstaltungs-Dashboard

  • Wählen Sie das Event aus, das Sie auf Ihrer Website einbetten möchten

  • Klicken Sie auf das leere Symbol

  • Wählen Sie die Art von Embed, die Sie verwenden möchten

  • nehmen Sie Ihre gewünschten Anpassungen vor

  • Kopieren Sie Ihren bevorzugten Code

  • Besuchen Sie Ihre Website

  • Fügen Sie Ihren Code in den vorgesehenen Bereich oder das Modul ein

  • Schließlich speichern und veröffentlichen Sie die Änderungen, die Sie an Ihrer Website vorgenommen haben


Cal.com wurde so konzipiert, dass das Produkt sowohl von Entwicklern als auch von No-Code-Enthusiasten gleichermaßen verwendet und erweitert werden kann. Dies ist ein Ansatz, den wir gewählt haben, um sicherzustellen, dass das Produkt für jeden benutzbar ist, unabhängig von ihrem formalen Hintergrund oder Fähigkeitsniveau. Eine Cal.com-Buchungsseite zu Ihrer Website hinzuzufügen, ist eine einfache Möglichkeit, Zeit zu sparen, Stresslevel zu reduzieren und Ihren Workflow zu optimieren.

Cal.com ist jetzt kostenlos für Einzelpersonen - hier anmelden