So verbinden Sie Typeform mit einer Turbosite-Website

Typeform ist ein Premium-Formular- und Umfrage-Builder mit Fokus auf Design und conversational UX (ein Feld pro Bildschirm). Ideal für Quizze, Umfragen und Anfragen mit hohen visuellen Anforderungen. Es ist ein kostenpflichtiger Dienst (ab 25 $/Monat), bietet jedoch einen kostenlosen Tarif mit einem Limit für Antworten. Die Einrichtung dauert 5–10 Minuten.

Was Sie benötigen

Ein Typeform-Konto — Registrierung auf typeform.com (kostenloser Tarif verfügbar)
Eine veröffentlichte Website auf Turbosite
5–10 Minuten Zeit

Schritt 1. Formular in Typeform erstellen

Registrieren Sie sich auf typeform.com und melden Sie sich in Ihrem Konto an.
Klicken Sie auf «+ Create a new typeform».
Wählen Sie eine Vorlage oder beginnen Sie mit einer leeren Seite.
Fügen Sie Fragen hinzu: Kurzantwort, Auswahlmöglichkeiten, Bewertung, Kontaktdaten usw.
Richten Sie bei Bedarf die Logik (Logic) für die Übergänge ein.
Passen Sie das Design auf dem Tab «Design» an.
Speichern Sie das Formular.

📷 Screenshot: Typeform-Editor mit konfigurierten Fragen.

Schritt 2. Einbettungscode abrufen

Klicken Sie in der oberen Leiste auf «Share» → «Embed in a webpage».
Wählen Sie eine der Einbettungsoptionen:
- Standard — Formular als Teil der Seite (inline).
- Full page — Formular auf der gesamten Seite.
- Popup — öffnet sich durch Klicken auf eine Schaltfläche.
- Slider — fährt von der Seite ein.
- Popover — kleines Fenster in der Ecke.
Passen Sie die Parameter an (Größe, Position, Schaltflächentext).
Kopieren Sie den generierten HTML/JavaScript-Code.

📷 Screenshot: Embed-Fenster mit Auswahl des Einbettungstyps und Code.

Schritt 3. Code in Turbosite einfügen

Für Standard (Formular als Teil der Seite):

Öffnen Sie Ihre Website in Turbosite.
Fügen Sie an der gewünschten Stelle der Seite einen «HTML-Code»-Block hinzu.
Fügen Sie den Typeform-Code ein.
Speichern und veröffentlichen.

Für Popup, Slider, Popover (Pop-ups):

Öffnen Sie Ihre Website in Turbosite.
Gehen Sie zu Website-Einstellungen → Integrationen → HTML-Code in <head> (dies ist der technische Teil der Seite – Besucher sehen ihn nicht, aber Skripte werden von dort beim Laden der Seite geladen).
Fügen Sie den Typeform-Code ein.
Speichern und veröffentlichen.

Schritt 4. Überprüfen, ob das Formular funktioniert

Öffnen Sie die veröffentlichte Website.
Suchen Sie das Formular (oder klicken Sie auf die Schaltfläche, die das Popup öffnet).
Füllen Sie einige Felder aus und senden Sie eine Antwort ab.
Öffnen Sie Typeform → «Responses» — Ihre Antwort sollte dort erscheinen.

Häufig gestellte Fragen

Das Formular wird nicht angezeigt. Überprüfen Sie, ob der Code vollständig ist, die Website veröffentlicht wurde und keine Werbeblocker aktiv sind. Wenn Sie ein Popup verwenden, muss ein Trigger-Button auf der Seite vorhanden sein, sonst öffnet sich das Formular nicht.

Was kostet es? Der kostenlose Tarif umfasst bis zu 10 Antworten pro Monat und 1 Formular. Kostenpflichtige Tarife beginnen bei 25 $/Monat. Details finden Sie auf der Preisseite.

Kann man Typeform mit einem CRM verbinden? Ja, es gibt integrierte Schnittstellen zu HubSpot, Salesforce, Mailchimp, Zapier und anderen. Die Einrichtung erfolgt in Typeform unter Connect, ohne den Website-Code bearbeiten zu müssen.

Was unterscheidet Typeform von Tally oder Google Forms? Typeform bietet Premium-Design und conversational UX, ist aber teurer. Tally ist eine kostenlose Alternative mit ähnlicher UX. Google Forms ist einfach und kostenlos, sieht aber schlichter aus.

Kann man das Typeform-Branding entfernen? In den kostenpflichtigen Tarifen ja, über die Option «Remove Typeform branding». Im kostenlosen Tarif steht unten am Formular «Powered by Typeform».

Weiterführende Informationen

Help Center Typeform — offizielle Dokumentation
Embed your typeform — Schritt-für-Schritt-Anleitung
Typeform-Tarife — aktuelle Preise