Durch das Einbetten von Routing-Formularen auf deiner Website bleiben Besucher auf deiner Seite, während sie Qualifizierungsfragen beantworten und Termine buchen. Anstatt zu Zeeg weitergeleitet zu werden, erscheint das Formular direkt auf deiner Webseite und bietet ein nahtloses Buchungserlebnis, das zu deiner Marke passt.
Warum Routing-Formulare auf deiner Website einbetten?
Das direkte Einbetten deines Routing-Formulars auf deiner Website bietet mehrere Vorteile:
Besucher bleiben auf deiner Website: Keine Weiterleitungen zu externen Seiten bedeutet ein reibungsloseres Nutzererlebnis
Dein Branding bleibt erhalten: Das Formular integriert sich nahtlos in dein Website-Design
Verbesserte Conversion-Raten: Besucher schließen die Buchung eher ab, wenn sie auf deiner Website bleiben
Professionelles Erscheinungsbild: Eingebettete Formulare wirken wie ein natürlicher Teil deiner Website statt wie ein Drittanbieter-Tool
Wie du ein Routing-Formular auf deiner Website einbettest
1. Zugriff auf das richtige Routing-Formular
Wähle in deinem Zeeg-Dashboard Routing-Formulare aus dem linken Menü unter dem Bereich Interaktion.
Finde das Routing-Formular, das du einbetten möchtest, und klicke auf Teilen.
2. Wähle deine Einbettungsoption
Ein Fenster öffnet sich. Klicke im oberen Menü auf Zur Website hinzufügen. Du siehst drei Einbettungsoptionen, aus denen du wählen kannst:
Inline Einbettung: Zeigt das Formular direkt auf deiner Webseite an
Popup Button: Zeigt einen Button, der das Formular in einem Popup öffnet, wenn darauf geklickt wird
Popup Text: Erstellt einen Textlink, der das Formular in einem Popup öffnet
3. Passe das Erscheinungsbild deines Formulars an
Nach der Auswahl deines Einbettungstyps kannst du das Formular anpassen:
Hintergundfarbe: Die Hintergrundfarbe des Formulars
Textfarbe: Farbe des Textes im Formular
Primäre Farbe: Farbe der Buttons und interaktiven Elemente
Text hinzufügen: Verfügbar für Popup Button und Popup Text
Wähle Farben, die zum Design deiner Website passen, für ein stimmiges Gesamtbild. Wenn du mit deiner Anpassung zufrieden bist, klicke auf den Kopieren-Button, um den Einbettungscode zu kopieren.
4. Füge den Code zu deiner Website hinzu
Füge nun den kopierten Code in deine Website ein:
Öffne deinen Website-Builder oder dein Content-Management-System (CMS)
Navigiere zu der Seite, auf der das Routing-Formular erscheinen soll
Füge ein Custom HTML- oder Code-Element/Block hinzu (die genaue Bezeichnung variiert je nach Plattform)
Füge den Einbettungscode ein, den du von Zeeg kopiert hast
Speichere und veröffentliche deine Seite
Einbettungsoptionen erklärt
Inline Embed
Das Formular wird direkt innerhalb deines Webseiteninhalts angezeigt und erscheint als natürlicher Teil der Seite. Dies ist ideal für:
Dedizierte Landing Pages
Kontaktseiten
Service-Seiten, auf denen du sofortige Buchungen möchtest
Popup Button
Ein anpassbarer Button erscheint auf deiner Seite. Wenn Besucher darauf klicken, öffnet sich das Formular in einem Popup-Overlay. Perfekt für:
Hinzufügen von Buchungsmöglichkeiten auf mehreren Seiten ohne Platzbedarf
Sauberhalten deines Seitenlayouts
Besuchern die Kontrolle darüber geben, wann sie interagieren möchten
Popup Text
Ähnlich wie Popup Button, verwendet jedoch einen Textlink anstelle eines Buttons. Das Formular öffnet sich in einem Popup, wenn auf den Link geklickt wird. Ideal für:
Einbettung innerhalb bestehender Textinhalte
Dezente Call-to-Actions in Absätzen
Navigationsmenüs oder Footer
Plattform-spezifische Anleitungen
WordPress
Füge einen Custom HTML-Block hinzu, wo du das Formular möchtest
Füge den Einbettungscode ein
Vorschau ansehen und veröffentlichen
Wix
Füge ein Embed Code-Element aus dem Hinzufügen-Menü hinzu
Füge deinen Code im Code-Bereich ein
Passe Größe und Position nach Bedarf an
Squarespace
Füge einen Code Block zu deiner Seite hinzu
Füge den Einbettungscode ein
Speichere und veröffentliche
Webflow
Füge ein Embed-Element hinzu
Füge den Code ein
Veröffentliche deine Website
Andere Plattformen
Die meisten Website-Builder unterstützen benutzerdefinierte HTML/Code-Elemente. Suche nach Optionen wie "Custom Code", "HTML Block", "Embed" oder "Code Injection" in deinem Editor.
Tipps für erfolgreiches Einbetten
Teste auf Mobilgeräten: Prüfe immer die Vorschau deines eingebetteten Formulars auf Mobilgeräten, um sicherzustellen, dass es korrekt angezeigt wird
Passe es deiner Marke an: Wähle Farben, die zum Farbschema deiner Website passen
Strategische Platzierung: Positioniere das Formular dort, wo Besucher natürlich nach Buchungsoptionen suchen
Klarer Kontext: Füge eine Überschrift oder Beschreibung über dem Formular hinzu, die erklärt, was Besucher tun sollen
Teste den Workflow: Buche einen Testtermin, um sicherzustellen, dass die Routing-Logik nach dem Einbetten korrekt funktioniert
Fehlerbehebung
Formular wird nicht angezeigt?
Überprüfe, ob der Code korrekt und ohne fehlende Zeichen eingefügt wurde
Prüfe, ob dein Website-Builder benutzerdefiniertes HTML/JavaScript erlaubt
Stelle sicher, dass es keine Konflikte mit anderen Skripten auf deiner Seite gibt
Formular erscheint zu groß oder zu klein?
Passe die Höhen- und Breitenwerte im Einbettungscode an
Die meisten Plattformen erlauben es dir, eingebettete Elemente in der Größe zu ändern
Farben passen nicht zu meiner Website?
Kehre zu den Einbettungseinstellungen in Zeeg zurück und aktualisiere deine Farbauswahl
Kopiere den neuen Code und ersetze den alten Code auf deiner Website