Amped.io-Referenz für Formularmigration

Übersicht

Erfahre, wie du deine Amped.io-Formulare (jetzt unter Mailchimp) zu Klaviyo migrierst. Ab dem 15.08.2025 unterstützt Amped.io keine Integrationen von Drittanbietern wie Klaviyo mehr. Dieser Leitfaden dient als Referenz und hilft dir dabei, 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

Buttons sind ein weiteres Schlüsselelement deines Formulars. Du hast möglicherweise ein paar Buttons, wenn dein Formular mehrere Schritte hat, also stelle sicher, dass du die Einstellungen für alle aufzeichnest. Stelle sicher, Folgendes zu dokumentieren:

• 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“).
• Schaltflächenverhalten
  Das Verhalten deiner Schaltflächen, wenn Kund*innen darauf klicken (z. B. zum nächsten Schritt gehen, senden, 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

Achte darauf, die Schriftarten für alle Textelemente in deinem Mailchimp-Formular zu dokumentieren. Beachte, dass jedes Textelement (z. B. Überschriften, Schaltflächenbeschriftungen usw.) jeweils eigene Schriftarten 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.

Außerdem lassen sich die für ein bestimmtes Element verwendeten Farben anzeigen, indem man darauf klickt. Die verwendeten Stile und die Schriftart werden im rechten Seitenbereich 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 der Neuerstellung deines Formulars im Klaviyo-Konto:

1. Navigiere zur Registerkarte Anmeldeformular und klicke auf Anmeldeformular erstellen.
2. Wähle einen Formulartyp aus
   Wähle den Formulartyp aus, der zu deinem Mailchimp-Formular passt (d. h. Pop-up, Flyout, ganze Seite oder Einbettung).
3. Inhalte und Eingabefelder hinzufügen
   • Verwende die Informationen aus deiner Checkliste, um Textblöcke, Bildblöcke und Eingabefelder hinzuzufügen.
   • Für benutzerdefinierte Felder kannst du neue Profileigenschaften direkt im Formulareditor erstellen.
4. Das Formular gestalten
   • Passe im Abschnitt Styles des Formular-Editors die Farben, Schriftarten und das Layout so an, dass sie zu deiner Marke und zum 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 auf der Übersichtsseite des Formular-Builders die Schaltfläche Targeting und Verhalten aus.
2. Anzeigeregeln festlegen
   Konfiguriere im Tab Targeting & Behaviors, wann und wie das Formular angezeigt werden soll.
   • Lege das Anzeigetiming fest (z. B. beim Laden der Seite, nach einer Verzögerung, bei Exit-Intent, bei Scroll-Prozent).
   • Lege die Anzeigefrequenz fest (z. B. einmal pro Sitzung anzeigen, jedes Mal anzeigen).
3. Definiere deine Zielgruppe
   • Richte bestimmte URLs aus, wenn das Formular nur auf bestimmten Seiten erscheinen soll.
   • Gib Geräte an (d. h. Desktop, Mobilgerät oder beides).
   • Besuchstyp festlegen (d.h. neu oder wiederkehrend).
   • Wende Geo-Targeting an, wenn das Formular für Kund*innen an bestimmten Standorten vorgesehen ist
   • 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. Einen Welcome-Flow auslösen
   Stelle sicher, dass dein Welcome-Flow durch die Liste ausgelöst wird, die du mit dem Formular verbunden hast.
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

Sobald deine Formulare in Klaviyo fertig sind, kannst du sie veröffentlichen und alle alten Mailchimp-Formulare entfernen.

1. Das Klaviyo Formular veröffentlichen
   Wenn du mit deinem Formular zufrieden bist, klicke auf Veröffentlichen.
   • Installiere den Einbettungscode von Klaviyo (falls erforderlich):
     1. Für Pop-up-, Flyout- und ganzseitige Formulare benötigst du das Onsite-Tracking von Klaviyo (d. h. Klaviyo.js) auf deiner Website installiert.
     2. Bei eingebetteten Formularen musst du den bereitgestellten Einbettungscode kopieren und in das HTML deiner Website an der Stelle einfügen, an der das Formular erscheinen soll.
2. Das Mailchimp-Formular entfernen
   Deaktiviere oder entferne das entsprechende Formular aus deinem Mailchimp-Konto, damit nicht beide Formulare angezeigt werden.
3. Test
   Besuche deine Website in einem Inkognito-Fenster, um sicherzustellen, dass das neue Klaviyo-Formular korrekt angezeigt wird und ordnungsgemäß funktioniert.

Weitere Ressourcen