Fuegen Sie ein Buchungs-Widget zu Ihrer Framer-Seite Hinzu
Betten Sie das SchedulingKit Buchungs-Widget in Framer ein, indem Sie eine Code Embed Komponente verwenden. Platzieren Sie es auf jeder Framer-Seite oder -Sektion und veröffentlichen Sie - Ihre Besucher buchen direkt auf Ihrer leistungsstarken Framer-Seite.
Für immer kostenloser Plan • Keine Kreditkarte erforderlich
Ein Framer-Buchungswidget ist ein einbettbarer Kalender, mit dem Besucher Termine direkt auf Ihrer Framer-Website vereinbaren können, ohne die Seite zu verlassen. SchedulingKit ermöglicht es Ihnen, ein kostenloses Buchungswidget auf Framer im Jahr 2026 einzubetten. Alle anzeigen Buchungs-Widget.
So fügen Sie ein Buchungs-Widget zu Framer hinzu
Folgen Sie diesen Schritten, um das SchedulingKit-Buchungs-Widget in Ihre Framer-Website einzubetten
Kopieren Sie den Einbettungscode
Holen Sie sich den HTML-Schnipsel aus dem Einbettungsbereich Ihres SchedulingKit-Dashboards.
Öffnen Sie Ihr Framer-Projekt
Starten Sie Ihr Projekt im Framer-Webeditor und navigieren Sie zu der Seite, auf der Sie das Widget platzieren möchten.
Fügen Sie eine Code-Einbettung ein
Drücken Sie /, um das Einfügen-Menü zu öffnen, suchen Sie nach 'Embed' und wählen Sie die HTML-Einbettungskomponente aus. Platzieren Sie sie auf Ihrer Leinwand.
Fügen Sie den Schnipsel ein
Klicken Sie auf die Einbettungskomponente, fügen Sie den SchedulingKit-Code in das HTML-Feld ein und ändern Sie die Größe der Komponente, um sie an Ihr Layout anzupassen.
Sofort einsatzbereiter Einbettungscode für Framer
Kopieren Sie diesen Code und fügen Sie ihn in Ihre Framer-Website ein, um sofort ein Buchungs-Widget hinzuzufügen:
<!-- SchedulingKit Booking Widget --> <div id="schedulingkit-widget"></div> <script src="https://widget.schedulingkit.com/embed.js" data-url="https://app.schedulingkit.com/YOUR-BUSINESS" data-style="inline" data-primary-color="#4F46E5" async> </script>
Ersetzen Sie YOUR-BUSINESS durch die URL Ihrer SchedulingKit-Buchungsseite. Erstellen Sie Ihr kostenloses Konto um Ihren personalisierten Einbettungscode zu erhalten.
Framer Widget-Funktionen
Plattformspezifische Funktionen, die das Buchungs-Widget auf Framer reibungslos funktionieren lassen
Code Embed Component
Framer's native code embed renders the widget directly on the canvas with full layout control via the properties panel.
Breakpoint Responsive
Adjust the embed's dimensions per breakpoint so the widget fits perfectly on desktop, tablet, and mobile.
Framer Motion Compatible
Wrap the embed in a Framer Motion container to animate it into view with scroll-triggered or page-load animations.
CMS-Driven Booking Pages
Use Framer's CMS to create dynamic service pages, each with a unique booking widget powered by a CMS field.
Bewährte Methoden für Framer-Buchungswidgets
Tipps, um das Beste aus Ihrem eingebetteten Buchungs-Widget auf Framer herauszuholen
Set the embed component to fill width and use a fixed height of at least 600px for the full calendar view
Use Framer's built-in interactions to reveal the widget on scroll for a more engaging experience
For a floating booking button, add the pop-up widget script in your project's Custom Code settings
Preview the page in Framer's live preview before publishing to verify the widget loads correctly
Leverage Framer CMS to dynamically assign different booking URLs per service page
Fragen zum Framer-Buchungs-Widget
Buchungs-Widget für andere Plattformen
Fügen Sie noch heute ein Buchungswidget zu Framer hinzu
Schließen Sie sich Tausenden von Unternehmen an, die Buchungswidgets auf Framer mit SchedulingKit einbetten
Für immer kostenloser Plan • Keine Kreditkarte erforderlich