Amped.io-Referenz für Formularmigration

Übersicht

Erfahre, wie du deine Amped.io-Formulare (jetzt unter Mailchimp) zu Klaviyo migrierst. Seit dem 15.08.2025 unterstützt Amped.io keine Integrationen von Drittanbietern wie Klaviyo mehr. Dieser Leitfaden dient als Referenz, um dir dabei zu helfen, wichtige Elemente deiner bestehenden Formulare zu identifizieren und zu dokumentieren, damit du sie in Klaviyo einfach neu erstellen kannst.

Bevor du anfängst

Da du deine Formulare in Klaviyo neu erstellen musst, empfehlen wir, Screenshots zu machen oder deine Amped.io-Formulare und -Stile anderweitig zur Referenz zu dokumentieren. Wiederhole diesen Vorgang für jedes Mailchimp-Formular, das du zu Klaviyo migrieren möchtest, und für jeden Schritt, den ein Formular haben kann.

Formularelemente

Um deine Formulare in Klaviyo genau nachzubilden, dokumentiere das Erscheinungsbild und die Einstellungen deiner bestehenden Formulare ausführlich. Dokumentiere oder erstelle in der Regel Screenshots der folgenden Schlüsselelemente sowie ihrer Stileinstellungen.

Eingabefelder

Dokumentiere oder erstelle einen Screenshot von jedem Feld im Formular, einschließlich des Standard-E-Mail-Felds. Dazu können auch Felder wie Telefonnummer, Geburtsdatum und alle weiteren Informationen gehören, die du von Kund*innen erfasst.

Erstelle unbedingt einen Screenshot:

• Feldbezeichnungen
  Die sichtbare Bezeichnung für jedes Feld (z. B. „Vorname“, „Lieblingsfarbe“, „Geburtstag“).
• Feldtypen
  Notiere den Typ jedes Felds (z. B. Text, Zahl, Datum, Optionsfelder, Kontrollkästchen, Dropdown-Menü).
• Merge-Tags
  Die Mailchimp-Zielgruppenfelder, die jedem Feld zugeordnet sind. So identifizierst du die benutzerdefinierten Eigenschaften, die du in Klaviyo erstellen musst.
• Platzhaltertext
  Jeglicher Beispiel- oder Anleitungstext, der in einem Eingabefeld angezeigt wird, bevor eine Nutzer*in etwas eingibt.

In Mailchimp kannst du auf diese Informationen zugreifen, indem du im Formulareditor direkt auf ein Feld klickst. Rechts öffnet sich ein Bereich mit den Einstellungen des Eingabefelds.

Hier findest du Informationen zu den mit dem Feld verknüpften Daten sowie zu allen angewendeten Styles. Erstelle einen Screenshot oder dokumentiere diese Einstellungen anderweitig, damit du beim Neuerstellen von Formularen in Klaviyo darauf zurückgreifen kannst.

Form Copy

Du solltest auch eine Dokumentation aller Texte (d. h. des Texts und der Botschaften) in deinem Formular erstellen. Achte außerdem darauf, Folgendes zu dokumentieren:

• Formularüberschrift
  Die Hauptüberschrift des Formulars (z. B. „Melde dich für unseren Newsletter an“, „Erhalte 10 % Rabatt“).
• Fließtext
  Jeglicher beschreibende Text, der den Nutzen des Abonnierens erklärt, was Abonnent*innen erhalten, oder Anweisungen enthält.
• Button-Text
  Der Text auf allen Buttons (z. B. „Abonnieren,“ „Angebot sichern,“ „Jetzt anmelden“).
• Bestätigungsnachricht
  Die Nachricht, die einer*m Benutzer*in angezeigt wird, nachdem das Formular gesendet wurde.
• Offenlegungstext
  Jeder Offenlegungstext auf deinem Formular, der Kund*innen über die Details informiert, wofür sie sich anmelden und wie deine Marke ihre Informationen verwenden wird.

In Mailchimp kannst du die Einstellungen für einen Textabschnitt anzeigen, indem du im Formulareditor darauf klickst. Rechts öffnet sich ein Panel, in dem du alle angewendeten Styles findest. Erstelle einen Screenshot oder dokumentiere diese Einstellungen anderweitig, damit du beim Neuerstellen von Formularen in Klaviyo darauf zurückgreifen kannst.

Schaltflächen

Schaltflächen sind ein weiteres wichtiges Element deines Formulars. Du hast möglicherweise mehrere Schaltflächen, wenn dein Formular aus mehreren Schritten besteht. Stelle daher sicher, dass du die Einstellungen für alle dokumentierst. Dokumentiere Folgendes:

• Design und Stil
  Die Farben (z. B. Textfarben, Hintergrundfarben usw.), das Padding und die Schriftarten deiner Buttons.
• Beschriftungen
  Der Text auf deinen Buttons (z. B. „Absenden,“ „Registrieren,“ „Rabatt sichern,“ „Weiter“).
• Button-Verhalten
  Das Verhalten deiner Buttons, wenn Kund*innen darauf klicken (z. B. zum nächsten Schritt gehen, absenden, weiterleiten usw.).
• Datenerfassung
  Wenn du Buttons hast, über die Informationen von Kund*innen erfasst werden (z. B. Optionsfelder), dokumentiere die Zielgruppen-Tags, auf die sie sich in Mailchimp beziehen, damit du sie in Klaviyo als benutzerdefinierte Eigenschaften nachbilden kannst.
• Deaktivierter Zustand
  Wie sieht die Schaltfläche aus, wenn sie deaktiviert ist (z. B. bevor alle Pflichtfelder ausgefüllt sind)? Dazu gehören eine Änderung der Farbe und des Cursor-Stils.

In Mailchimp kannst du die Einstellungen für einen Button anzeigen, indem du im Formulareditor darauf klickst. Rechts öffnet sich ein Bereich mit den Button-Einstellungen. Hier findest du Informationen zum Button-Verhalten sowie zu allen angewendeten Styles. Erstelle Screenshots oder dokumentiere diese Einstellungen anderweitig, damit du beim Neuaufbau von Formularen in Klaviyo darauf zurückgreifen kannst.

Teaser

Wenn du in Mailchimp einen Formular-Teaser aktiviert hast, dokumentiere den Inhalt und das Erscheinungsbild, damit du ihn in Klaviyo neu erstellen kannst. Mache Screenshots von Folgendem oder dokumentiere es anderweitig:

• Teaser-Inhalt
  Alle Texte oder Bilder auf dem Teaser und dem Call-to-Action.
• Teaser-Design und -Styling
  Achte auf Design- und Styling-Details wie darauf, wo der Teaser auf dem Bildschirm erscheint, seine Form und Größe, Farben und Schriftarten.
• Teaser-Anzeige und -Verhalten
  Dokumentiere die Anzeige- und Verhaltenseinstellungen für den Teaser, wie Trigger-, Häufigkeits- und Sichtbarkeitseinstellungen.

Im Mailchimp-Formular-Builder heißen Teaser Second-chance elements. So rufst du die Einstellungen deines Teasers auf:

1. Klicke im Bereich Steps auf Follow-up.
2. Klicke auf 2nd Chance Container.
3. Sieh dir die Teaser-Einstellungen im rechten Bereich an und dokumentiere sie.

Verhalten und Funktionalität

Nachdem du die visuellen Elemente deines Mailchimp-Formulars erfasst hast, besteht der nächste Schritt darin, sein Verhalten und seine Funktionalität zu erfassen. Stelle sicher, dass du die folgenden Einstellungen in deinen Mailchimp-Formularen dokumentierst:

• Anzeigezeitpunkt
  Dokumentiere, wie und wann das Formular angezeigt wird (z. B. beim Laden der Seite, nach einer Verzögerung, bei Exit-Intent, bei Scroll-Prozentsatz).
• Anzeigehäufigkeit
  Notiere, wie oft das Formular Nutzer*innen angezeigt wird (z. B. einmal pro Session anzeigen, jedes Mal anzeigen).
• Hinweise zur speziellen Interaktivität
  Nenne alle spezifischen Interaktionen oder Trigger (z. B., wenn etwas passiert, wenn etwas anderes passiert).
• Targeting-Regeln
  • URLs
    Auf welchen Seiten soll das Formular erscheinen und von welchen soll es ausgeschlossen werden?
  • Geräte
    Auf welchen Geräten soll das Formular angezeigt werden (z. B. Mobilgerät, Desktop oder auf beiden)?
  • Besucher*innentyp
    Soll das Formular neue oder wiederkehrende Profile ansprechen?
  • Geo-Targeting
    Ist das Formular auf bestimmte geografische Standorte ausgerichtet?
  • UTM-Parameter
    Wird das Formular durch bestimmte UTM-Parameter ausgelöst?

So rufst du die Einstellungen für Verhalten und Funktionalität für ein Mailchimp-Formular auf:

1. Wähle auf der Seite Forms in Mailchimp neben dem Formular Edit aus.
2. Wähle für Wo soll es angezeigt werden? die Option Website-Einstellungen bearbeiten aus.
3. Wähle Edit targeting für Who should see it?aus.
4. Wähle Edit triggers für When should it show?aus.
5. Dokumentiere oder erstelle einen Screenshot deiner Einstellungen für jede*n dieser Punkte.

Assets

Bilder und Logos

Achte darauf, alle Bilder und Logos aus deinen Mailchimp-Formularen zu exportieren, die du zu Klaviyo übernehmen möchtest.

So exportierst du ein Bild aus einem Mailchimp-Formular:

1. Wähle das Bild im Mailchimp-Formulareditor aus.
2. Klicke im rechten Seitenbereich auf die Schaltfläche „Herunterladen“.

Schriftarten

Stelle sicher, dass du die Schriftarten für alle Textelemente in deinem Mailchimp-Formular dokumentierst. Beachte, dass jeder Textbaustein (z. B. Überschriften, Schaltflächenbeschriftungen usw.) eine eigene Schriftart haben kann.

Du kannst dir auf der Übersichtsseite im Formular-Builder eine Liste aller in einem Mailchimp-Formular verwendeten Schriftarten ansehen.

Du kannst auch die für ein bestimmtes Element verwendete Schriftart sehen, indem du darauf klickst. Die verwendeten Stile und die Schriftart werden im rechten Seitenbereich angezeigt.

Farben

Wenn du in deinen Klaviyo-Formularen dieselben Farben verwenden möchtest, kopiere den Hex-Code jeder Farbe aus deinen Mailchimp-Formularen. Jeder Hex-Code steht für eine bestimmte Farbe, sodass du deine Formulare in Klaviyo mit genau denselben Farben nachbilden kannst.

Auf der Übersichtsseite im Formular-Builder kann eine Liste aller in einem Mailchimp-Formular verwendeten Farben und ihrer Hex-Codes angezeigt werden.

Du kannst auch die Farben sehen, die für ein bestimmtes Element verwendet werden, indem du darauf klickst. Die verwendeten Stile und Farben werden im Panel auf der rechten Seite angezeigt.

Formulare in Klaviyo erstellen

Sobald du die obigen Schritte durchlaufen und die wichtigsten Komponenten deiner Formulare in Mailchimp dokumentiert hast, kannst du den folgenden Prozess verwenden, wenn du bereit bist, Formulare in Klaviyo neu zu erstellen.

Erstelle das Formular in Klaviyo neu

So startest du mit dem Neuerstellen deines Formulars in deinem Klaviyo Konto; folge diesen Schritten:

1. Gehe zu Anmeldeformulare und klicke auf Formular erstellen. Wenn du aufgefordert wirst, einen Kanal auszuwählen, gib einen Formularnamen ein, wähle Web aus und klicke auf Erstellen.
2. Erstelle ein leeres Formular
   Klicke auf Leeres Formular erstellen. Gib einen Formularnamen ein und wähle den Formulartyp aus, der zu deinem Mailchimp-Formular passt (z. B. Popup, Flyout, Vollseite oder Einbettung). Wenn eine Kanalauswahl angezeigt wird, wähle Web. Wähle die Liste aus, die neue Abonnent*innen erhalten soll, und klicke dann auf Speichern und gestalten, um den Formulareditor zu öffnen.
3. Inhalte und Eingabefelder hinzufügen
   • Klicke auf Inhalt hinzufügen. Nutze die Informationen aus deiner Checkliste, um Textblöcke, Bildblöcke und Eingabefelder hinzuzufügen.
   • Wähle für jedes benutzerdefinierte Eingabefeld das Feld aus und wähle die zugehörige Profileigenschaft. Wähle eine vorhandene Eigenschaft aus oder gib einen neuen Eigenschaftsnamen ein und wähle die Option Erstellen für diesen Namen.
   • Wenn du zusätzliche Formularschritte benötigst, klicke auf Schritt hinzufügen, wähle einen Schritttyp aus, schließe dessen Einstellungen ab, und klicke auf Schritt hinzufügen, um ihn hinzuzufügen. Erstelle den Text und die Felder in jedem Schritt neu, und wähle dann Erfolg aus, um die Bestätigungsnachricht zu bearbeiten.
   • Wähle jede Schaltfläche aus und erstelle ihre Aktion neu, z. B. zum nächsten Schritt zu wechseln oder zu einer URL weiterzuleiten. Für eine Schaltfläche, die E-Mail-Abonnent*innen erfasst, wähle Formular absenden und prüfe, ob Liste zum Absenden die gewünschte Zielliste ist.
   • Wähle für Popup-, Flyout- und Ganzseiten-Formulare Teaser aus, wenn du den Teaser, den du dokumentiert hast, nachbilden musst. Passe Inhalt, Erscheinungsbild und Anzeigeeinstellungen daran an.
4. Das Formular gestalten
   • Klicke im Formular-Editor auf Stile bearbeiten und passe dann die Farben, Schriftarten und das Layout so an, dass sie zu deiner Marke und dem ursprünglichen Mailchimp-Formular passen.
   • Du kannst Hintergrundbilder und Seitenbilder hinzufügen.
   • Relevante Anleitungen: Grundlegendes zu Stilen für ein Anmeldeformular

Targeting und Verhalten konfigurieren

So konfigurierst du Targeting- und Verhaltenseinstellungen für dein Formular in Klaviyo:

1. Wähle in der linken Seitenleiste des Formular-Editors das Steuerelement Zielgruppen-Targeting & Verhalten aus.
2. Anzeigeregeln festlegen
   Konfiguriere im Tab Display, wann und wie das Formular erscheinen soll. Bei eingebetteten Formularen kannst du Timing und Frequency überspringen; der Einbettungscode legt fest, wo das Formular auf deiner Website erscheint.
   • Wähle in Timing > Formular anzeigen die Option Sofort für die Anzeige beim Laden der Seite aus, oder Basierend auf Regeln, um eine Verzögerung, die Exit-Intent-Absicht oder einen Scroll-Prozentsatz zu konfigurieren.
   • Lege unter Frequenz fest, wie viele Tage gewartet werden soll, bevor das Formular erneut angezeigt wird, nachdem eine*r Besucher*in es geschlossen hat. Wähle aus, ob die Anzeige nach dem Absenden des Formulars oder nach dem Klick auf eine Zur-URL-Schaltfläche beendet werden soll.
   • Gib Geräte an (d. h. Desktop, Mobilgerät oder beides).
3. Definiere deine Zielgruppe
   Wähle den Tab Zielgruppen-Targeting aus, um zu konfigurieren, wer das Formular sehen soll und wo es angezeigt werden soll.
   • Wähle in Zielgruppe aus, ob du das Formular allen Zielgruppenmitglieder*innen anzeigen, es vor bestehenden Klaviyo Profilen ausblenden oder bestehende Profile nach Abonnementstatus oder Listen- oder Segmentzugehörigkeit ansprechen möchtest. Klaviyo muss eine*n Besucher*in identifizieren, um sie als bestehendes Profil anzusprechen; eine*r wiederkehrende*r Website-Besucher*in ist nicht unbedingt identifiziert.
   • Richte bestimmte URLs aus, wenn das Formular nur auf bestimmten Seiten erscheinen soll.
   • Wähle unter Location Länder oder Regionen aus, wenn das Formular Kund*innen an bestimmten Standorten angezeigt werden soll.
   • Verwende UTM-Parameter, wenn das Formular durch bestimmte UTMs ausgelöst wird.

Nächste Schritte

Nachdem du deine Mailchimp-Formulare erfolgreich in Klaviyo neu erstellt hast, gibt es einige nächste Schritte, um einen reibungslosen Übergang sicherzustellen.

1. Richte einen Welcome-Flow ein
   Stelle sicher, dass dein Welcome-Flow durch die Liste ausgelöst wird, die du mit dem Formular verbunden hast. Stelle die Nachrichten auf Live, sobald sie bereit sind, automatisch gesendet zu werden.
   • Wenn die Liste für E-Mails Double Opt-in verwendet, muss ein*e neue*r Abonnent*in das Abonnement bestätigen, bevor sie der Liste hinzugefügt werden und in den Welcome-Flow eintreten können.
2. Formular-Gutscheine einrichten
   Du kannst entweder Gutscheine in der Erfolgsmeldung des Formulars anzeigen oder sie in deiner Willkommens-E-Mail einfügen.

Veröffentlichen und ersetzen

Überprüfe die Installation auf deiner Website, veröffentliche und teste dein Klaviyo-Formular und entferne anschließend das entsprechende Mailchimp-Formular.

1. Prüfe die Installation deiner Website
   • Stelle sicher, dass das Onsite-Tracking (Klaviyo.js) von Klaviyo auf deiner Website für Popup-, Flyout-, Ganzseiten- und eingebettete Formulare installiert ist.
   • Für eingebettete Formulare gehe im Formular-Editor zu Targeting & Verhalten > Anzeige und kopiere den formularspezifischen Einbettungscode. Füge es auf deiner Website an der Stelle hinzu, an der das Formular erscheinen soll, folge dabei den Anweisungen für deine E-Commerce-Plattform, und speichere deine Website-Änderungen.
2. Veröffentliche das Klaviyo-Formular
   Wenn du mit deinem Formular zufrieden bist, klicke auf Veröffentlichen oder planen. Behebe alle blockierenden Warnmeldungen, wähle Jetzt veröffentlichen aus und klicke dann auf Jetzt veröffentlichen, um das Formular live zu schalten.
3. Teste das Ersatzformular
   Besuche deine Website in einem Inkognito-Fenster, um ein Formular zu testen, das für nicht identifizierte Besucher*innen gedacht ist. Für ein Formular, das auf bestehende Profile ausgerichtet ist, verwende eine*n identifizierte*n Testbesucher*in, die*der den Zielgruppeneinstellungen entspricht. Besuche eine geeignete Seite und erfülle die konfigurierten Regeln für Gerät, Standort, UTM und Timing.
   • Schließe jeden Schritt des Formulars ab und sende eine Testanmeldung ab. Überprüfe die Schaltflächenaktionen, die Bestätigungsnachricht und den Teaser, falls du einen verwendest.
   • Bestätige die benutzerdefinierten Eigenschaften und die Zielliste des Testprofils in Klaviyo. Wenn die Liste E-Mail-Double Opt-in verwendet, bestätige zuerst das Abonnement. Wenn du einen Gutschein oder eine Willkommens-E-Mail anbietest, überprüfe, ob sie wie vorgesehen zugestellt wird.
4. Das Mailchimp-Formular entfernen
   Deaktiviere oder entferne das entsprechende Formular aus deinem Mailchimp-Konto, damit nicht beide Formulare angezeigt werden.

Weitere Ressourcen