Referens för formulärmigrering i Amped.io

Du kommer att lära dig

Lär dig hur du migrerar dina Amped.io-formulär (som nu tillhör Mailchimp) till Klaviyo. Från och med 15 augusti 2025 stöder Amped.io inte längre integrationer från tredje part som Klaviyo. Den här guiden fungerar som en referens som hjälper dig att identifiera och dokumentera viktiga delar i 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 flera knappar om ditt formulär har flera steg, så se till att dokumentera inställningarna för dem 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 in, 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 alla textelement i ditt Mailchimp-formulär. Observera att varje textdel (t.ex. rubriker, knappetiketter osv.) kan ha sitt eget 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. De stilar och färger 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

Följ de här stegen för att komma igång med att bygga om ditt formulär i ditt Klaviyo-konto:

1. Gå till registreringsformulär och klicka på Skapa formulär. Om du uppmanas att välja en kanal anger du ett formulärnamn, väljer Webb och klickar på Skapa.
2. Skapa ett tomt formulär
   Klicka på Skapa ett tomt formulär. Ange ett formulärnamn och välj den formulärtyp som matchar ditt Mailchimp-formulär (t.ex. popup, flyout, helsida eller inbäddat). Om en kanalväljare visas väljer du Web. Välj den lista som ska ta emot nya prenumeranter och klicka sedan på Save and design för att öppna formulärredigeraren.
3. Lägg till innehåll och indatafält
   • Klicka på Lägg till innehåll. Använd informationen från din checklista för att lägga till textblock, bildblock och indatafält.
   • För varje anpassat indatafält väljer du fältet och väljer dess profilegenskaper. Välj en befintlig egenskap eller skriv ett nytt egenskapsnamn och välj alternativet Skapa för det namnet.
   • Om du behöver fler formulärsteg klickar du på Lägg till steg, väljer en stegtyp, slutför inställningarna och klickar på Lägg till steg för att lägga till steget. Återskapa texten och fälten i varje steg och välj sedan Lyckades för att redigera bekräftelsemeddelandet.
   • Välj varje knapp och återskapa dess åtgärd, till exempel att gå vidare till nästa steg eller omdirigera till en URL. För en knapp som samlar in e-postprenumeranter väljer du Skicka formulär och kontrollerar att Lista att skicka till är den avsedda mottagarlistan.
   • För popup-, flyout- och helsidesformulär väljer du teaser om du behöver återskapa den teaser som du dokumenterade. Matcha dess innehåll, utseende och visningsinställningar.
4. Formge formuläret
   • Klicka på Redigera stilar i formulärredigeraren och justera sedan 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 reglaget Inriktning & beteende i formulärredigerarens vänstra sidofält.
2. Ange visningsregler
   På fliken Visning konfigurerar du när och hur formuläret ska visas. För inbäddade formulär kan du hoppa över Tidpunkt och Frekvens; Inbäddningskoden anger var formuläret visas på din webbplats.
   • I Tidpunkt > Visa formulär väljer du Omedelbart för visning när sidan laddas, eller Baserat på regler för att konfigurera en fördröjning, avsikt att lämna eller en rullningsprocent.
   • Under Frekvens anger du hur många dagar du vill vänta innan formuläret visas igen efter att en besökare har stängt det. Välj om du vill sluta visa det efter att någon skickat in formuläret eller klickat på en Gå till URL-knapp.
   • Ange Enheter (dvs. dator, mobil eller båda).
3. Definiera din målgrupp
   Välj fliken Inriktning för att konfigurera vem som ska se formuläret och var det ska visas.
   • I Målgrupp väljer du om formuläret ska visas för alla i målgruppen, döljas för befintliga Klaviyo-profiler eller riktas till befintliga profiler baserat på prenumerationsstatus eller list- eller segmentmedlemskap. Klaviyo måste identifiera en besökare för att kunna rikta in dem som en befintlig profil; en återkommande webbplatsbesökare är inte nödvändigtvis identifierad.
   • Inrikta dig på specifika URL:er om formuläret bara ska visas på specifika sidor.
   • På Plats väljer du länder eller regioner om formuläret ska visas för kunder på specifika platser.
   • Använd UTM-parametrar om formuläret utlöses av specifika UTM:er.

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. Ställ in ett välkomstflöde
   Se till att ditt välkomstflöde utlöses av listan som du har kopplat till formuläret. Ställ in dess meddelanden på Live när de är redo att skickas automatiskt.
   • Om listan använder dubbel opt-in för e-post måste en ny prenumerant bekräfta sin prenumeration innan de läggs till i listan och kan gå in i listans välkomstflöde.
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

Kontrollera installationen på din webbplats, publicera och testa ditt Klaviyo-formulär och ta sedan bort motsvarande formulär från Mailchimp.

1. Kontrollera webbplatsinstallation
   • Se till att Klaviyo spårning på webbplatsen (Klaviyo.js) är installerad på din webbplats för popup-, flyout-, helsides- och inbäddade formulär.
   • För inbäddade formulär går du till Inriktning och beteende > Visning i formulärredigeraren och kopierar formulärspecifik inbäddningskod. Lägg till den på din webbplats där du vill att formuläret ska visas, följ instruktionerna för din e-handelsplattform och spara ändringarna på webbplatsen.
2. Publicera Klaviyo-formuläret
   När du är nöjd med ditt formulär klickar du på Publicera eller schemalägg. Åtgärda alla blockerande varningar, välj Publicera nu och klicka sedan på Publicera nu för att göra formuläret aktivt.
3. Testa ersättningsformuläret
   Besök din webbplats i ett inkognitofönster för att testa ett formulär som är avsett för oidentifierade besökare. För ett formulär som är inriktat på befintliga profiler använder du en identifierad testbesökare som matchar målgruppsinställningarna. Besök en kvalificerad sida och uppfyll de konfigurerade reglerna för enhet, plats, UTM (Urchin Tracking Module) och tidpunkt.
   • Slutför varje formulärsteg och skicka in en testregistrering. Kontrollera knappåtgärderna, bekräftelsemeddelandet och teaser om du använder en.
   • Bekräfta testprofilens anpassade egenskaper och mållista i Klaviyo. Om listan använder dubbel opt-in för e-post ska du först bekräfta prenumerationen. Om du erbjuder en kupong eller ett välkomstmejl, kontrollera att det levereras som avsett.
4. 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.

Ytterligare resurser