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 veroeffentlichen 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
Copy the Embed Code
Get the HTML snippet from your SchedulingKit dashboard's Embed section.
Open Your Framer Project
Launch your project in the Framer web editor and navigate to the page where you want the widget.
Insert a Code Embed
Press / to open the insert menu, search for 'Embed', and select the HTML Embed component. Place it on your canvas.
Paste the Snippet
Click the Embed component, paste the SchedulingKit code into the HTML field, and resize the component to fit your layout.
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
Wird die Einbettung im Framer-Editor als Vorschau angezeigt?
Framer zeigt eine Live-Vorschau von HTML-Einbettungen auf der Leinwand. Sie sehen das Widget in Echtzeit rendern, waehrend Sie Ihre Seite gestalten.
Kann ich das Widget auf dem kostenlosen Framer-Plan verwenden?
Ja. Code Embed Komponenten sind in allen Framer-Plaenen verfuegbar. Die Veroeffentlichung auf einer benutzerdefinierten Domain erfordert einen kostenpflichtigen Plan, aber Sie koennen das Widget auf der kostenlosen framer.app Subdomain testen.
Wird das Widget meine Framer-Seite verlangsamen?
Nein. Framer-Seiten werden statisch generiert und das Widget laedt asynchron. Der Leistungs-Score Ihrer Seite bleibt unbeeinflusst.
Kann ich das Buchungs-Widget ueber einen Framer-Button ausloesen?
Ja. Verwenden Sie den Pop-up-Widget-Modus und loesen Sie ihn ueber ein JavaScript onclick-Event auf jedem Framer-Button-Komponent aus, indem Sie die Code Override Funktion verwenden.
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