Referens för formulärmigrering i Amped.io

Du kommer att lära dig

Läs mer om hur du migrerar dina Amped.io-formulär (som nu tillhör Mailchimp) till Klaviyo. Från och med den 15 augusti 2025 kommer Amped.io inte längre att stödja tredjepartsintegrationer som Klaviyo. Den här guiden fungerar som en referens som hjälper dig att identifiera och dokumentera viktiga delar av dina befintliga formulär så att du enkelt kan bygga om dem i Klaviyo.

Innan du börjar

Eftersom du måste återskapa dina formulär i Klaviyo rekommenderar vi att du tar skärmbilder eller på annat sätt dokumenterar dina Amped.io-formulär och stilar som referens. Upprepa den här processen för varje Mailchimp-formulär som du tänker migrera till Klaviyo och för varje steg som ett formulär kan ha.

Formulärelement

För att återskapa dina formulär korrekt i Klaviyo ska du dokumentera utseendet och inställningarna för dina befintliga formulär noggrant. Generellt bör du se till att dokumentera eller ta skärmbilder på följande viktiga delar, tillsammans med deras stilinställningar.

Indatafält

Dokumentera eller ta en skärmdump av varje fält i formuläret, inklusive standardfältet för e-post. Det kan också inkludera fält som telefonnummer, födelsedatum och all annan information som du samlar in från kunder.

Se till att ta skärmbild:

• Fältetiketter
  Den synliga etiketten för varje fält (t.ex. "Förnamn", "Favoritfärg", "Födelsedag").
• Fälttyper
  Notera typen för varje fält (t.ex. text, nummer, datum, alternativknappar, kryssrutor, rullista).
• Sammanslagningsetiketter
  De Mailchimp-målgruppsfälten som är kopplade till varje fält. Så här identifierar du de anpassade egenskaperna som du ska skapa i Klaviyo.
• Platshållartext
  Exempel- eller instruktionstext som visas i ett indatafält innan användaren skriver något i det.

I Mailchimp kan du få åtkomst till den här informationen genom att klicka direkt på ett fält i formulärredigeraren. En panel öppnas på höger sida med inställningarna för indatafältet.

Här kan du hitta information om data som är kopplade till fältet, samt alla formatmallar som används. Ta en skärmbild eller dokumentera de här inställningarna på annat sätt så att du kan hänvisa till dem när du bygger om formulär i Klaviyo.

Text i formulär

Du bör också skapa en dokumentation över all copy (dvs. texten och budskapet) i ditt formulär. Se till att dokumentera:

• Formulärrubrik
  Formulärets huvudrubrik (t.ex. "Prenumerera på vårt nyhetsbrev," "Få 10 % rabatt").
• Brödtext
  All beskrivande text som förklarar värdet av att prenumerera, vad de får eller eventuella instruktioner.
• Knapptext
  Texten på alla knappar (t.ex. "Prenumerera," "Hämta ditt erbjudande," "Registrera mig").
• Bekräftelsemeddelande
  Meddelandet som visas för en användare efter att de har skickat in formuläret.
• Språk för information
  All informations- eller samtyckestext på ditt formulär som talar om för kunderna vad de prenumererar på och hur ditt varumärke kommer att använda deras information.

I Mailchimp kan du visa inställningarna för en textdel genom att klicka på den i formulärredigeraren. En panel öppnas på höger sida där du kan se alla tillämpade format. Ta en skärmbild eller dokumentera på annat sätt de här inställningarna, så att du kan hänvisa till dem när du bygger om formulär i Klaviyo.

Knappar

Knappar är ett annat viktigt element i ditt formulär. Du kan ha några knappar om ditt formulär har flera steg, så se till att notera inställningarna för alla. Se till att dokumentera:

• Design och stil
  Dina knappfärger (t.ex. textfärger, bakgrundsfärger osv.), utfyllnad och typsnitt.
• Etiketter
  Texten på dina knappar (t.ex. "Skicka," "Registrera dig," "Hämta din rabatt," "Nästa").
• Knappbeteende
  Hur dina knappar fungerar när kunder klickar på dem (t.ex. går till nästa steg, skickar, omdirigerar osv.)
• Datainsamling
  Om du har några knappar som samlar in information från kunder (t.ex. alternativknappar), dokumentera de etiketter för målgrupper som de relaterar till i Mailchimp så att du kan återskapa dem som anpassade egenskaper i Klaviyo.
• Inaktiverat läge
  Hur ser knappen ut när den är inaktiverad (t.ex. innan alla obligatoriska fält har fyllts i)? Detta inkluderar en ändring i färg och markörstil.

I Mailchimp kan du visa inställningarna för en knapp genom att klicka på den i formulärredigeraren. En panel öppnas på höger sida med knappens inställningar. Här hittar du information om knappens beteende och alla tillämpade formatmallar. Ta en skärmbild eller dokumentera inställningarna på annat sätt så att du kan referera till dem när du bygger om formulär i Klaviyo.

teaser

Om du har en formulär-teaser aktiverad i Mailchimp ska du dokumentera innehållet och utseendet så att du kan bygga om den i Klaviyo. Ta skärmbilder av eller dokumentera på annat sätt:

• Teaserinnehåll
  All text eller alla bilder i teasern och uppmaningen.
• Design och styling av teaser
  Notera design- och stylingdetaljer, som var teasern visas på skärmen, dess form och storlek, färger och typsnitt.
• Visning och beteende för teaser
  Dokumentera inställningarna för visning och beteende för teaser, till exempel utlösare, frekvens och synlighetsinställningar.

I Mailchimps formulärbyggare kallas teaser för Second-chance elements. Så här visar du inställningarna för din teaser:

1. I panelen Steps klickar du på Follow-up.
2. Klicka på Behållare för 2:a chans.
3. Visa och dokumentera teaserinställningarna i panelen till höger.

Beteende och funktionalitet

När du har dokumenterat de visuella elementen i ditt Mailchimp-formulär är nästa steg att fånga dess beteende och funktionalitet. Se till att dokumentera följande inställningar i dina Mailchimp-formulär:

• Visningstidpunkt
  Dokumentera hur och när formuläret visas (t.ex. vid sidladdning, efter en fördröjning, vid exit-intent, vid scrollprocent).
• Visningsfrekvens
  Observera hur ofta formuläret visas för en användare (t.ex. visa en gång per session, visa varje gång).
• Speciella anmärkningar om interaktivitet
  Ta med eventuella specifika interaktioner eller utlösare (t.ex. att något händer när något annat händer).
• Inriktningsregler
  • URL:er
    Vilka sidor ska formuläret visas på och vilka ska det uteslutas från?
  • Enheter
    På vilka enheter ska formuläret visas (dvs. mobil, dator eller båda)?
  • Besökartyp
    Ska formuläret rikta sig till nya eller återkommande profiler?
  • Geoinriktning
    Är formuläret inriktat på specifika geografiska platser?
  • UTM-parameter
    Utlöses formuläret av specifika UTM-parameter?

Så här visar du inställningarna för beteende och funktionalitet för ett Mailchimp-formulär:

1. Välj Redigera bredvid formuläret på sidan Formulär i Mailchimp.
2. Välj Redigera webbplatsinställningar för Var ska det visas?
3. Välj Redigera inriktning för Vem ska se det?
4. Välj Redigera utlösare för När ska den visas?
5. Dokumentera eller ta en skärmbild av dina inställningar för vart och ett av dessa.

Tillgångar

Bilder och logotyper

Se till att exportera eventuella bilder och logotyper som du har i dina Mailchimp-formulär och som du vill ta med till Klaviyo.

Så här exporterar du en bild från ett Mailchimp-formulär:

1. Välj bilden i Mailchimps formulärredigerare.
2. Klicka på knappen Ladda ned i den högra sidopanelen.

Teckensnitt

Se till att dokumentera typsnitten för eventuella textelement i ditt Mailchimp-formulär. Observera att varje textdel (t.ex. rubriker, knappetiketter osv.) kan ha egna typsnitt.

Du kan visa en lista över alla teckensnitt som används i ett Mailchimp-formulär från översiktssidan i formulärbyggaren.

Du kan också se vilket typsnitt som används för ett visst element genom att klicka på det. Stilarna och typsnittet som används visas i panelen till höger.

Färger

Om du vill använda samma färger i dina Klaviyo-formulär kopierar du varje färgs hexkod från dina Mailchimp-formulär. Varje hexkod representerar en specifik färg, så att du kan återskapa dina formulär i Klaviyo med exakt samma färger.

Du kan visa en lista över alla färger som används i ett Mailchimp-formulär och deras hexkoder från översiktssidan i formulärbyggaren.

Du kan också se vilka färger som används för ett specifikt element genom att klicka på det. Stilarna och typsnittet som används visas i panelen till höger.

Skapa formulär i Klaviyo

När du har gått igenom stegen ovan och dokumenterat de viktigaste komponenterna i dina formulär i Mailchimp kan du använda processen nedan när du är redo att bygga om formulär i Klaviyo.

Återskapa formuläret i Klaviyo

Så här kommer du igång med att bygga om ditt formulär i ditt Klaviyo-Konto:

1. Gå till fliken registreringsformulär och klicka på Skapa registreringsformulär.
2. Välj en formulärtyp
   Välj den formulärtyp som matchar ditt Mailchimp-formulär (dvs. popup, flyout, helsida eller inbäddat).
3. Lägg till innehåll och indatafält
   • Använd informationen från din checklista för att lägga till textblock, bildblock och indatafält.
   • För anpassade fält kan du skapa nya profilegenskaper direkt i formulärredigeraren.
4. Formge formuläret
   • I avsnittet Stilar i formulärredigeraren justerar du färger, teckensnitt och layout så att de matchar ditt varumärke och det ursprungliga Mailchimp-formuläret.
   • Du kan lägga till bakgrundsbilder och sidobilder.
   • Relevanta guider: Förstå stilar för ett registreringsformulär

Konfigurera inriktning och beteende

Så här konfigurerar du inställningar för inriktning och beteende för ditt formulär i Klaviyo:

1. Välj knappen Målgruppsinriktning och beteende på översiktssidan i formulärverktyget.
2. Ställ in visningsregler
   På fliken Målgruppsinriktning och beteenden konfigurerar du när och hur formuläret ska visas.
   • Ställ in Visningstidpunkt (t.ex. vid sidinläsning, efter en fördröjning, vid exit-intent, vid procent för rullning).
   • Ange Visningsfrekvens (t.ex. visa en gång per session, visa varje gång).
3. Definiera din målgrupp
   • Inrikta dig på specifika URL:er om formuläret bara ska visas på specifika sidor.
   • Ange Enheter (dvs. dator, mobil eller båda).
   • Ange Besökartyp (dvs. ny eller återkommande).
   • Använd geoinriktning om formuläret är inställt för kunder på specifika platser
   • Använd UTM-parameter om formuläret utlöses av specifika UTM (Urchin Tracking Module).

Kommande steg

När du har byggt om dina Mailchimp-formulär i Klaviyo finns det några nästa steg för att säkerställa en smidig övergång.

1. Utlös ett välkomstflöde
   Se till att ditt välkomstflöde utlöses av listan som du har kopplat till formuläret.
2. Konfigurera formulärkuponger
   Du kan antingen visa kuponger i formulärets bekräftelsemeddelande eller inkludera dem i ditt välkomstmejl.

Publicera och ersätt

När dina formulär är klara i Klaviyo kan du förbereda dig på att publicera dem och ta bort eventuella gamla Mailchimp-formulär.

1. Publicera Klaviyo-formuläret
   När du är nöjd med formuläret klickar du på Publicera.
   • Installera Klaviyo-inbäddningskoden (om det behövs):
     1. För popup-, flyout- och helsidesformulär måste du ha Klaviyos spårning på plats (dvs. Klaviyo.js) installerat på din webbplats.
     2. För inbäddade formulär behöver du kopiera den angivna inbäddningskoden och klistra in den i din webbplats HTML där du vill att formuläret ska visas.
2. Ta bort Mailchimp-formuläret
   Inaktivera eller ta bort motsvarande formulär från ditt Mailchimp-konto för att förhindra att båda formulären visas.
3. Testa
   Besök din webbplats i ett inkognitofönster för att säkerställa att det nya Klaviyo-formuläret visas och fungerar korrekt.

Ytterligare resurser