Hur man använder animerade GIF-filer för att öka dina e-postmarknadsresultat

Om ditt företag behöver förbättra din e-postreaktion, överväga att integrera en GIF-fil i din e-postmarknadsföringskampanj.

Animerade GIF i e-post fungerar bra. De fångar läsarens uppmärksamhet och uppmuntrar till ett interaktivt svar.

Om du är en småföretagare kan det hända att du skapar en animerad GIF-fil som inte är i din liga. Du kunde inte vara mer fel. Fler e-postsystem än någonsin rymmer animerade filer. Och det är lättare att skapa en animerad GIF för dina e-postmeddelanden än du kanske tror det är.

I denna handledning ger vi en snabbguide om hur du börjar arbeta med animerade GIF-filer. Sedan gå igenom vad du behöver veta för att inkludera animerade GIF-filer i din nästa e-postmarknadsföringskampanj. Vi delar också en lista med bästa praxis för att lägga till GIF-bilder i dina marknadsföringsemail samt ge nuvarande exempel på animerade GIF-filer som används i e-postmeddelanden från populära märken. 

Låt oss först komma igång med grunderna.

Vad är en animerad GIF?

En animerad GIF-fil är en speciell typ av GIF-bild. Termen GIF är faktiskt en akronym för Graphic File Interchange. GIF-bilder var banbrytande på 1980-talet.

Animationen i en animerad GIF skapas genom att inkludera mer än en bild (kallad en ram) till filen. De enskilda bilderna komprimeras så att GIF-filen inte blir för stor. Eftersom GIF spelar genom bildramarna är effekten för observatören animering.

Även om animerade GIF har funnits i över tjugo år, är de fortfarande ett populärt sätt att lägga till rörelser till webbbanners, artiklar och till och med e-post. Faktum är att en av de senaste marknadsföringstrenderna för e-post är att använda GIFs mer framträdande i marknadsföring av e-post för att förbättra läsarnas engagemang. Läs mer om den trenden och mer aktuella e-postmarknadsutveckling i denna Envato Tuts + artikel:

En av anledningarna till den fortsatta populariteten hos animerade GIF i e-post är deras effektivitet. De har bevisat rekord av ökat kundrespons.

Ett företag som gynnades av att lägga till animerade GIF-filer till deras e-postmarknadsföringskampanj är Dell. Dells intäkter ökade med 109% efter att ha lanserat en e-postmarknadsföringskampanj med GIF-bilder för att marknadsföra en ny produkt. Läs hela fallstudien från Allison Banko på MarketingSherpa.

Att använda en animerad GIF i e-post har några bestämda fördelar:

  • ökat läsare engagemang
  • ganska lätt att skapa
  • Lämplig för enkla animationer
  • förlust mindre
  • behöver inte en plug-in för att visa
  • stöds av en majoritet av e-postklienter

Animerade GIF-filer har också vissa nackdelar för användning i e-post:

  • filer kan bli för stora om du inte är försiktig
  • begränsad till 256 färger
  • inget ljud ingår
  • inte lämpad för komplexa animationer
  • kan orsaka att en webbsida eller e-post laddas långsammare
  • stöds inte av vissa versioner av e-post som MS Outlook eller Windows Phone 7
  • kan komma över som störande om inte väl utformad

Om du är intresserad av att använda animerade GIF-filer för dina e-postmarknadsföringskampanjer, vill du få ut det mesta av dem genom att följa bästa praxis.

7 Animerade GIF Email Marketing Best Practices

Följande bästa praxis för användning av animerade GIF-filer hjälper din e-postmarknadsföring att fungera smidigare, eftersom du utnyttjar den här filtypen:

  1. Mindre är bättre. Filer som är för stora tar för lång tid att ladda. Många experter är överens om att den ideala GIF-filstorleken för e-post är cirka 100 KB, även om vissa e-postklienter stöder större filer. Tänk på att större filer tar längre tid att öppna.
  2. Analysera din leverans. Några plattformar kanske inte stöder GIF-er. Om du vet att de flesta av din publik använder en plattform som inte stöder GIF-filer, välj ett annat sätt att få ditt meddelande över.
  3. Inkludera Call to Action Text. Att bara ha en GIF räcker inte för att få dina läsare att svara. Följ alltid ett samtal till handling för att instruera dem vad du ska göra nästa. Det är också en bra idé att spegla Call to Action med text för de läsare som inte kunde öppna din GIF-fil.
  4. Placera dina GIFs Prominently.För att få störst effekt från dina GIF-filer, se till att de ligger i den övre delen av e-postmeddelandet. Många läsare läser inte bortom toppen av e-postmeddelandet. Genom att placera din GIF-fil högst uppnår du mer av din publik och bidrar till att öka dina konverteringsfrekvenser.
  5. Håll det enkelt. Enklare GIF är mer effektiva. En komplex GIF är mer sannolikt att förvirra läsaren. En komplex animering innebär också en större fil. Stora GIF skapar sin egen uppsättning problem.
  6. Var extra försiktig med den första ramen. Om e-postklienten inte kan visa GIF-bilder kommer alla läsare att se den första ramen. Så se till att den första ramen berättar så mycket av ditt meddelande som möjligt.
  7. Glöm inte e-postens bästa praxis. Bara för att du använde en GIF betyder det inte att du bör ignorera andra bästa praxis i e-post. T.ex. rikta din e-post till din målgrupp och använd professionellt utformade mallar för en renare, skarpare look.

Kom ihåg att med e-postmarknadsföring måste du fånga läsarens uppmärksamhet snabbt för att vara effektiv. De bästa metoderna ovan hjälper dig att göra det.

Låt oss nu titta på hur animerade GIF-filer skapas.

Hur man skapar en animerad GIF-fil

Att skapa en animerad GIF-fil är inte svår. Det finns många verktyg som kan hjälpa dig att bygga dina animerade GIF-filer. Verktygsalternativen varierar från fullfjädrada grafiska designverktyg som Adobe Photoshop till verktyg som Gif Maker från GIFY, GIFMaker.me, Ezgif.com och många andra.

Exakta steg för att skapa en animerad GIF-fil varierar beroende på vilket verktyg du använder. I grund och botten finns det två tillvägagångssätt:

  1. Konvertera en videofil till en animerad GIF. Med detta tillvägagångssätt börjar du med en videofil och ditt verktyg bryter ner det i ramar för att skapa den animerade GIF-filen.
  2. Konvertera stillbilder till en animerad GIF. Med detta tillvägagångssätt börjar du med stillbilder som blir dina ramar.

Under antingen tillvägagångssätt inträffar animering som ramarna spelas tillsammans snabbt. Med de flesta verktyg kan du ställa in animationen i loop (spela kontinuerligt), eller att spela igenom en gång och sluta. När du har skapat GIF, komprimera den för att göra filstorleken mindre.

Ett viktigt val när du skapar ett email-GIF, bestämmer hur många ramar du ska använda. Om du använder för många kan din GIF-fil vara för stor. Om du använder för få ramar kan animationen verka för hakig.

Som vi påpekade i bästa praxis är det viktigt att inkludera ett samtal till handling i ditt mail. Uppmaningen till handling berättar läsaren vad man ska göra nästa och ger dem ett sätt att göra det. Om du misstänker att vissa av dina läsare inte kommer att kunna se din grafik (inklusive din animering), sätt anropet till handling i textform och grafisk form.

Läs i vårt arkiv hur du skapar animerade GIF-filer i Photoshop och optimera dem. Läs även följande guide till GIF-komprimering:

När du har skapat din GIF-fil, är du redo att lägga till den i ett e-postmeddelande. Många populära e-postformat stöder GIF-animationer. I Gmail, till exempel, använd Infoga foto verktyg för att lägga till en animerad GIF-fil till ett e-postmeddelande.

Exempel på GIF-animering

Så hur ser GIF-animationen ut? Du har nog sett det, men du kanske inte inser det. Många välkända varumärken använder det för att marknadsföra sina produkter och tjänster.

Du kan känna igen animerade GIF-filer med rörelse och brist på ljud, vilket skiljer dem från videoklipp på webben. De är perfekta för att lägga till enkla rörelser för din branding och grafiska illustrationer. 

I det här avsnittet tittar vi på några exempel på GIF-animering och förklarar hur de staplar upp till vår bästa praxislista.

Envato Market

Här är ett exempel på en av våra egna GIF-animationer från en Envato Market-e-post som marknadsför våra mallar för topptrendande presentationer.

Se e-postmeddelandet som publicerat på nätet. 

Som du kan se växlar GIF mellan tre informativa illustrationer, helt enkelt animerar på skärmen på en bildskärm.

Den passar också med bästa GIF-epost bästa praxis eftersom:

  • Det visas mot toppen av e-postmeddelandet.
  • Det är enkelt. Det är den enda GIF-filen i e-postmeddelandet.
  • Filstorleken hålls nere, med få ramar som används.

Jag hittade flera exempel på animering i mitt eget email, inklusive några email animerade GIF från några stora märken. Låt oss ta en titt på några av dem:

OutBack Steakhouse

Det här e-postmeddelandet från den populära restaurangen främjar deras speciallök. Här är en skärmdump av GIF-delen av e-postmeddelandet:

Se e-postmeddelandet som publiceras online med GIF-animeringen.

I denna animation vågar rasens flagga i lökens mitt fram och tillbaka.

Den här e-postanimationen illustrerar flera bästa metoder:

  • Det är enkelt. Den vinkande flaggan är den enda animationen i e-postmeddelandet.
  • Animeringen är nära toppen av e-postmeddelandet.
  • E-posten öppnade snabbt och enkelt, vilket indikerar god leverans.

Neiman Marcus

Denna varuhus använder animering i ett mail för att bekräfta användarabonnemang. Här är en skärmdump av GIF-delen av e-postmeddelandet:

Se e-postmeddelandet som publiceras online med GIF-animeringen.

I animationen roterar fjärilbilden mellan fem olika typer av fjärilar. Du kan inte berätta från skärmbilden, men det finns en annan animation (lägre ner på grafikens olika kundfördelar roterar också).

Observera hur animationen i det här e-mailet också illustrerar flera bästa praxis:

  • Animeringen visas nära toppen.
  • Samtalen till handling är tydligt synliga (anmärkning: Uppdatera dina e-postpreferenser och handla nu).
  • E-posten öppnade snabbt och enkelt vilket indikerar god leverans.

Email Marketing Tools och GIF-filer

GIF-filer fungerar med många populära e-postmarknadsverktyg. Till exempel stöder både MailChimp och Campaign Monitor att lägga till animerade GIF-filer i kampanjer. 

En av de många fördelarna med att använda ett professionellt marknadsföringsverktyg är att de sparar tid. Denna programvara hjälper dig också att leverera dina försäljningsmeddelanden på ett tillförlitligt sätt och mäta dina resultat. När du lägger till GIF-filer vet du exakt hur effektiv den taktiken var i din kampanj, eftersom du kan lägga till en länk till den och mäta hur många klick det körs genom.

På Envato Tuts + har vi mycket resurser för att hjälpa dig att använda professionella marknadsföringsverktyg för e-post. Kom igång med vår nybörjarguide till Mailchimp eller lära dig hur du skapar ditt första nyhetsbrev med Mailchimp. Eller du kan komma igång med mallar för kampanjövervakning och lära dig hur vi använder kampanjövervakningen här på Tuts+.

För att fungera effektivt med dessa marknadsföringsverktyg för e-post, mallar sparar du tid. Med en e-postmall behöver du inte skapa en professionell marknadsföringskampanj från början. Du har en start. Här är några bra exempel på populära e-postmallar:

Animerade GIF-er och din e-postmarknadsföring 

Att använda animerade GIF-filer i e-post är effektiv när det gäller att fånga upp publikens uppmärksamhet och körförlovning. GIF-filer kan vara precis vad ditt lilla företag behöver för att få mer från din nästa e-postmarknadsföringskampanj.

Att skapa en animerad GIF är inte svårt när du förstår hur man gör det. Det finns många verktyg tillgängliga för att hjälpa dig skapa och optimera dem. När du lägger till animerade GIF-filer glöm inte att följa bästa praxis. De hjälper dig att maximera effektiviteten av dina e-postmeddelanden när du är klar. 

Upptäck nu hur du tar din strategi för strategi för e-postmarknadsföring vidare:

Använder du email-animerade GIF-filer i din marknadsföring? Om så är fallet, hur påverkar det ditt kundansvar och svar?

Grafisk kredit

Animerad Email-ikon designad av Matt Pusateri, från Noun-projektet.