NueForm bringt einen eingebauten Typeform-Importer mit, der deine bestehenden Typeform-Formulare in NueForm-Formulare umwandelt. Diese Anleitung behandelt den Migrationsprozess — was automatisch übernommen wird und was du eventuell manuell nacharbeiten musst.
Funktionsvergleich
| Funktion | Typeform | NueForm |
|---|---|---|
| Fragetypen | 20+ | 25+ |
| Logiksprünge / Verzweigungen | Ja | Ja |
| Rechenvariablen | Ja | Ja |
| Versteckte Felder | Ja | Ja (als Variablen) |
| Willkommensseite | Ja | Ja |
| Danke-Seite | Ja | Ja (mehrere Endscreens möglich) |
| Fortschrittsbalken | Ja | Ja |
| Medienanhänge | Bilder, Video | Bilder, Video, YouTube-Einbettungen |
| Quiz-Bewertung | Ja | Ja (3 Modi: Wissen, Lead-Qualifizierung, Match) |
| Custom CSS | Theme-Builder | Voller CSS-Zugriff (Pro+) |
| Webhooks | Ja | Ja (Pro+) |
| Zahlungen | Stripe | Stripe |
| Datei-Uploads | Ja | Ja |
| Teams | Ja | Ja |
| API | Ja | Ja |
| React-Export | Nein | Ja (Pro+) |
| Echtzeit-Aktivitäten (Fuse) | Nein | Ja |
Migrationsmethoden
Methode 1: Typeform-JSON einfügen (empfohlen)
Der schnellste Weg führt über den API-Export von Typeform:
- Hole dir die Formulardefinition über die Typeform-API:
curl -X GET https://api.typeform.com/forms/YOUR_FORM_ID \
-H "Authorization: Bearer YOUR_TYPEFORM_TOKEN"
Kopiere die vollständige JSON-Antwort.
Gehe in NueForm zur Seite Formulare und klicke auf Import Form.
Wähle Import from Typeform und füge das JSON ein.
Klicke auf Import. NueForm konvertiert das Formular und öffnet es im Builder.
Prüfe das importierte Formular, nimm Anpassungen vor und veröffentliche es, wenn alles passt.
Deinen persönlichen Typeform-Zugriffstoken erhältst du im Typeform Developer Portal. Gehe in deine Kontoeinstellungen und generiere dort einen Personal Access Token.
Methode 2: Manuell nachbauen
Für einfache Formulare — oder wenn du die Gelegenheit nutzen willst, dein Formular neu zu strukturieren:
- Öffne dein Typeform-Formular und den NueForm-Builder nebeneinander.
- Baue jede Frage im NueForm-Builder nach.
- Lege Logiksprünge und Variablen neu an.
- Kopiere Fragetexte und Auswahloptionen per Copy-and-paste.
Zuordnung der Fragetypen
Der NueForm-Importer wandelt Typeform-Fragetypen automatisch in ihre NueForm-Entsprechungen um:
| Typeform-Typ | NueForm-Typ | Hinweise |
|---|---|---|
short_text | short_text | Direkte Entsprechung |
long_text | long_text | Direkte Entsprechung |
email | email | Direkte Entsprechung |
phone_number | phone | Direkte Entsprechung |
number | number | Direkte Entsprechung |
url / website | url / website | Direkte Entsprechung |
multiple_choice | multiple_choice | Optionen, Mehrfachauswahl, Zufallsreihenfolge und „Sonstiges" bleiben erhalten |
dropdown | dropdown | Optionen und alphabetische Sortierung bleiben erhalten |
picture_choice | picture_choice | Optionsbeschriftungen und Bild-URLs bleiben erhalten |
yes_no | yes_no | Direkte Entsprechung |
rating | rating | Stufen und Symbol (Stern, Herz, Daumen, Krone, Blitz) bleiben erhalten |
opinion_scale | opinion_scale | Skalenbereich, Start bei eins und Beschriftungen bleiben erhalten |
nps | nps | 0--10-Bereich und Beschriftungen bleiben erhalten |
date | date | Direkte Entsprechung |
file_upload | file_upload | Direkte Entsprechung |
legal | legal | Direkte Entsprechung |
statement | statement | Button-Text bleibt erhalten |
ranking | ranking | Optionen bleiben erhalten |
matrix | matrix | Zeilen und Spalten bleiben erhalten |
signature | signature | Direkte Entsprechung |
payment | payment | Währung und Preis bleiben erhalten |
group | question_group | Teilfelder werden rekursiv konvertiert |
inline_group | multi_question_page | Teilfelder werden rekursiv konvertiert |
contact_info | contact_info | Teilfelder werden auf bekannte Schlüssel abgebildet |
address | address | Teilfelder werden auf bekannte Schlüssel abgebildet |
Oben nicht aufgeführte Fragetypen (z. B. CAPTCHA) werden beim Import übersprungen. Prüfe das importierte Formular auf fehlende Fragen.
Was automatisch übernommen wird
Fragen und Eigenschaften
- Fragetitel, Beschreibungen und Pflichtfeld-Status
- Alle Auswahloptionen mit Beschriftungen
- Bewertungsstufen und Symbolformen
- Skalenbereiche und Endpunkt-Beschriftungen
- Teilfelder von Gruppen/zusammengesetzten Fragen
- Validierungseinstellungen (Min-/Max-Werte, maximale Länge)
Logiksprünge
Der Importer wandelt Typeforms Logikregeln in NueForms Logiksprung-Format um:
- Sprungaktionen --- „Gehe zu Frage X" und „Gehe zum Ende" werden vollständig unterstützt.
- Bedingungen --- Einzelbedingungen (
is,is_not,greater_thanusw.) und zusammengesetzte Bedingungen (and,or) bleiben erhalten. - Variablenaktionen ---
add- undset-Aktionen auf Rechenvariablen werden konvertiert. - Always-Bedingungen --- Unbedingte Sprünge bleiben erhalten.
Die Operator-Zuordnung:
| Typeform-Operator | NueForm-Operator |
|---|---|
is / equal | equals |
is_not / not_equal | not_equals |
greater_than | greater_than |
lower_than | less_than |
greater_equal_than | greater_than_or_equals |
lower_equal_than | less_than_or_equals |
contains | contains |
not_contains | not_contains |
Vergleiche mit leeren Werten werden automatisch in die semantischen Operatoren is_answered / is_not_answered umgewandelt.
Variablen und versteckte Felder
- Typeform-Rechenvariablen (Zahl und Text) werden als NueForm-Variablen mit ihren Standardwerten importiert.
- Versteckte Typeform-Felder werden als String-Variablen mit leeren Standardwerten importiert. Sie werden zur Laufzeit automatisch aus URL-Parametern befüllt — genau wie in Typeform.
Medienanhänge
Bild- und Videoanhänge an Fragen und Auswahloptionen werden beim Import erkannt. Der Importer vermerkt sie als ausstehende Medienelemente, die auf die ursprünglichen Typeform-URLs verweisen. NueForm lädt diese Mediendateien während des Imports neu in den eigenen Speicher hoch.
Willkommens- und Danke-Seiten
- Titel, Beschreibung und Button-Text der ersten Typeform-Willkommensseite werden importiert.
- Titel und Beschreibung der ersten Typeform-Danke-Seite werden importiert.
Einstellungen
- Die Sichtbarkeit des Fortschrittsbalkens bleibt erhalten.
Was manuell angepasst werden muss
Themes und Styling
Typeform-Themes werden nicht automatisch übernommen. Nach dem Import:
- Öffne das Formular im NueForm-Builder.
- Gehe zum Theme-Panel.
- Stelle Farben, Schriften und Styling passend zu deiner Marke ein.
Details findest du unter Themes & Styling.
Mehrere Danke-Seiten
Typeform unterstützt mehrere Danke-Seiten, aber nur die erste wird als Standard-Endscreen importiert. Wenn dein Typeform bedingte Danke-Seiten nutzt, musst du:
- Zusätzliche
end_screen-Fragen in NueForm anlegen. - Punktebereiche oder Logiksprünge einrichten, um Befragte zum passenden Abschluss zu leiten.
Integrationen
Drittanbieter-Integrationen (z. B. Zapier, Slack, Google Sheets) werden nicht übernommen. Du musst sie neu einrichten — mit:
Zahlungskonfiguration
Die Eigenschaften von Zahlungsfragen (Währung, Preis) werden zwar importiert, aber du musst dein Stripe-Konto in NueForm separat neu verbinden.
Checkliste nach dem Import
Arbeite nach dem Import eines Formulars aus Typeform diese Checkliste durch:
- [ ] Alle Fragen auf korrekte Typen und Inhalte prüfen.
- [ ] Logiksprünge testen, indem du das Formular mit verschiedenen Antworten übermittelst.
- [ ] Prüfen, ob Variablen und versteckte Felder korrekt funktionieren.
- [ ] Dein Marken-Theme anwenden (Farben, Schriften, Logo).
- [ ] Prüfen, ob Medienanhänge korrekt geladen wurden.
- [ ] Drittanbieter-Integrationen neu einrichten.
- [ ] Bei Bedarf Webhooks einrichten.
- [ ] Stripe neu verbinden, falls du Zahlungsfragen verwendest.
- [ ] Das komplette Formular von Anfang bis Ende testen.
- [ ] Das Formular veröffentlichen, wenn alles passt.
Fehlersuche
| Problem | Lösung |
|---|---|
| Einige Fragen fehlen | Der Fragetyp wird eventuell nicht unterstützt. Prüfe die Zuordnungstabelle oben. |
| Logiksprünge funktionieren nicht | Prüfe, ob die Zielfragen existieren. Komplexe verschachtelte Bedingungen brauchen eventuell manuelle Nacharbeit. |
| Medienbilder sind defekt | Der Importer lädt Medien von Typeform herunter. Sind die Typeform-URLs abgelaufen, musst du die Medien manuell neu hochladen. |
| Variablen werden nicht befüllt | Prüfe, ob die URL-Parameter exakt den Variablennamen entsprechen. |
| Formular sieht anders aus als in Typeform | Themes werden nicht übernommen. Wende das Styling manuell im NueForm-Builder an. |
Verwandte Themen
- Formulare erstellen --- Den NueForm-Builder kennenlernen
- Logiksprünge --- Verzweigungslogik konfigurieren
- Variablen --- Rechenvariablen und versteckte Felder einrichten
- Themes & Styling --- Das Erscheinungsbild deines Formulars anpassen