Komma igång med MailChimps Email Designer

MailChimp är ett verktyg för e-postmarknadsföring som hjälper dig att utforma nyhetsbrev från e-post, distribuera dem via hanterade listor, dela dem på sociala nätverk, integrera dem med tjänster från tredje part och spåra e-postprestanda.

Säg hej till Freddie

Om du antar att du är bekant med de grundläggande stegen för att skapa och skapa en kampanj på MailChimp, visar den här handledningen stegen för att använda verktyget MailChimp Email Designer specifikt för att hjälpa dig att bygga rena och mobilvänliga nyhetsbrev. 

Om du behöver mer information om de grundläggande stegen, ta en titt på Mailchimp's Hur kan jag skapa en kampanj med hjälp av kampanjbyggaren? för ytterligare instruktioner.

Komma igång

Antingen från din instrumentbräda eller kampanjer fliken, klicka på Skapa kampanj rullgardinsmenyn längst upp till höger på skärmen och välj Vanlig Ol 'Campaign.

Att bygga en kampanj består av fem steg, men för att gå vidare med den här handledningen kommer vi att hoppa över de första två (mottagare och Inrätta) fokuserar enbart på Design steg.


Klick Börja designa att skapa en anpassad e-postlayout med Email Designer.

Använd Email Designer

Steg 1: Mall / Layout-fliken

Eftersom det här är första gången du skapar en kampanj med Email Designer, kommer det enda alternativet som är tillgängligt för dig att vara Grundläggande mallar. Men för framtida kampanjer kommer dina sparade mallar att vara tillgängliga från Mina kampanjer, och du kommer att kunna återanvända dem för att spara lite tid.

Du kommer att presenteras med en lista med malllayouter:

  • 1 kolumn
  • 1 kolumn - bandad
  • 1: 2 kolumn
  • 1: 2 kolumn - bandad
  • 1: 3 kolumn
  • 1: 3 kolumn - bandad
  • 2 kolumn
  • 2 kolumn - bandad
  • 2: 1 kolonn 
  • 2: 1 Kolumn - Banded
  • Vänster sidofält 
  • Höger sidofält 

Som ett exempel har vi valt 1: 3 kolumn - bandad där den övre delen har en enda kolumn och botten del är indelad i tre kolumner. 

bandad betyder att mallen har ett "band" av färg som sträcker sig över sidan från vänster till höger vid sidfoten. De Smartphone ikonen indikerar att denna mall är mobiloptimerad, vilket egentligen är sant för varje mall som är tillgänglig via Email Designer.

Innan du väljer en mall kan du undersöka en snabb förhandsgranskning genom att klicka på Förhandsvisning knapp. Detta visar både skrivbords- och mobilversioner i stående och liggande läge (från Rotera alternativ).

När du har hittat den layout du vill använda, klicka på Välj.

Steg 2: Innehållsflik

Innehållsredigeraren låter dig omorganisera, redigera, duplicera och ta bort innehållsblock på spåret.

Du kan kombinera olika innehållsblock för att skapa ett unikt utseende för din e-postadress:

  • Text
  • Boxed Text
  • Delare
  • Bild
  • Bildgrupp
  • Bildkort
  • Bottom Caption
  • Vänster bildtext
  • Rätt bildtext
  • Social delning
  • Sociala följder
  • Knapp
  • sidfot

Börja med att dra och släppa innehållsblock från höger sida av din skärm till din e-postlayout till vänster. Efter att ett innehållsblock har lagts in kan du fortfarande dra det uppåt, nedåt eller sidled. Håll muspekaren över innehållsblocket och klicka på pilar ikonen i övre vänstra hörnet.

När du är färdig flyttar innehållsblock runt, håll muspekaren över innehållsblocket som du vill redigera och klicka på Penna ikon. En redaktör visas på skärmens högra sida. 

De Innehåll fliken kan du skriva in texter, skapa hypertextlänkar, ladda upp bilder etc.. 

De flesta innehållsblocken har Stil och inställningar flikar som ger ytterligare alternativ för innehållsformgivning, avstånd och anpassning. 

Se upp: Om du kopierar och klistrar texter från en extern källa som en webbsida eller ordbehandlingsprogramvara kan det finnas några dolda inbäddade motstridiga stilar i ditt innehåll. För att bli av med dem markerar du ditt innehåll och klickar på Suddgummi ikonen i redigeringsverktygsfältet.

Visste du att MailChimp gör att du kan anpassa ditt innehåll med Sammanfoga taggar? Sammanfoga taggar tillåter dig att fylla i ditt e-postmeddelande med alla typer av dynamiska data relaterade till dig, kampanjen, mottagaren och så vidare. Du kan till exempel klistra in följande kod i innehållsredigeraren: "Kära * | FNAME | * * | LNAME | *". Så här, när din kampanj skickas ut, ersätter MailChimp automatiskt Sammanfoga taggar med varje mottagarens för- och efternamn. T.ex. "Kära John Doe".

Notera: Din abonnents för- och efternamn ska fyllas i din e-postlista. 

För att lära dig mer om Merge Tags, av vilka det finns många, kolla in All The Merge Tags i MailChimp docs.

Steg 4: Designflik

Nu när ditt innehåll är slut på plats, spara och navigera till Design fliken på höger sida av din skärm. Här utformar du e-postmeddelandet med gräns- och bakgrundsfärger, text- och länkstilar och andra detaljer. 

Du kommer att presenteras med en lista över mallavsnitt. Klicka på en av dem för att styra utseendet:

  • Sida
  • preheader
  • Rubrik
  • Kropp
  • kolumner 
  • sidfot
  • Mobila stilar
  • Apa belöningar

Steg 4: Kommentarer-fliken (Valfritt)

Här kan du skicka kommentarer som kan ses av teamet som arbetar med dig på den här kampanjen. De kan svara, prenumerera på meddelanden och markera kommentarer som läst.

Testa din e-postadress

Förhandsvisningsläget är utmärkt för att få en snabb översikt över ditt e-postmeddelande. Klicka bara på Förhandsgranska och testa i det övre högra hörnet på skärmen och välj Ange förhandsvisningsläge

Det bästa sättet att se till att ditt mail ser bra ut på alla större e-postklienter är att skicka testemail till dina test-e-postkonton (Gmail, Yahoo Mail, Hotmail, etc.) genom att klicka på Skicka ett testmeddelande, och visa dem från din dator och smartphone. 

Alternativt kan du köra en inkorgskontroll genom att klicka på Kör inkorgskontroll. Om du vill läsa mer om Inkorgen inspektören, ta en titt på dokumentationen.

Slutsats

Det är allt du behöver veta för att komma igång. Nu är det din tur att använda Email Designer för att skapa ett vackert nyhetsbrev. Ha så kul! 

Om du har några frågor om vad som nämns i denna handledning, var god och fråga.