Skicka ett e-postmeddelande i html-format

Denna handledning kommer att lära dig hur du skickar en HTML-sida eller ett nyhetsbrev som ett e-postmeddelande. Eftersom de flesta e-postleverantörer stöder HTML för e-post, är det vanligtvis bara att kopiera och klistra in lämplig HTML-sida eller bild i din e-post.

Steg

Del 1 av 3: Förstå HTML i ett e-postmeddelande

Bild med titeln Skicka HTML-e-postmeddelanden Steg 1
1. Använd kod för e-postläsare. Alla e-postläsare har inte samma möjligheter som webbläsare. Designa din e-post så att fler människor kan läsa HTML-versionen av ditt meddelande, istället för att behöva återgå till en vanlig textversion.
  • Få struktur genom att använda tabeller.
  • Lagra bilder på en live webbserver eller använd stockbilder.
  • använd `https://` (eller `http://`) i dina länkar.
Bild med titeln Skicka HTML-e-post Steg 2
2. Förmedla ditt budskap med text. Även om det är mer tilltalande att använda färg och grafik, är chansen stor att någon på din e-postlista inte kommer att kunna se din HTML-e-post, oavsett hur väl du har designat den. Om du inte verkligen måste använda en bild är det bäst att överföra informationen via text.
  • Spamfilter kan blockera bilder och bilagor. Ofta filtreras även e-postmeddelanden som är väldigt stora bort, vilket kan gälla din mail om du har lagt till många eller stora bilder.
  • Många mobilanvändare kommer inte att kunna se dina bilder ändå.
    Bild med titeln Skicka HTML-e-post Steg 3
    3. Följ regeringens riktlinjer. Dessa riktlinjer är på plats för att skydda konsumenterna genom att upprätthålla lämpliga sekretessinställningar och se till att e-postmarknadsföring skickas av legitima företag.
  • Ge ett sätt för människor att indikera att de inte längre vill ta emot e-postmeddelanden från dig. Detta kan vara en automatisk avregistreringslänk längst ner i mejlet. Du kan också ange en e-postadress som de kan kontakta för att indikera att de inte längre tar emot din e-post och tas bort från e-postlistan på obestämd tid.
  • Vänligen ange ditt företagsnamn och fysiska postadress. Läsare bör veta att du är ett giltigt företag och inte en bluff eller spammare.
  • Se till att "Från"- och "Svara-till"-adresserna är giltiga och aktiva. Ge läsarna ett sätt att kontakta dig om de har frågor eller är intresserade av att stödja ditt företag.
  • Välj en lämplig ämnesrad. Ditt ämne bör vara en kortfattad beskrivning av vad som står i e-postmeddelandet, inte ogiltiga försäljningserbjudanden eller vilseledande reklam.
    Bild med titeln Skicka HTML-e-postmeddelanden Steg 4
  • 4. Kontrollera din HTML-e-post innan du skickar den. När du har lagt till din HTML i din e-post, ta en titt på e-postmeddelandet i sin helhet för att se till att de olika delarna av sidan visas:
  • Se till att alla länkar är intakta och aktiva.
  • Se till att bilder och teckensnitt visas korrekt.
  • Se om ditt bord är för brett.
  • Testa din e-post i så många e-postprogram som möjligt.
    Bild med titeln Skicka HTML-e-post Steg 5
  • 5. Gör ett spamtest. Skicka din e-post till dig själv på så många olika e-postadresser och till olika kontakter som möjligt, skicka sedan ett uppföljande e-postmeddelande för att verifiera att dina kontakter har tagit emot din e-post.
    Om din e-post skickas till skräppostmappen under ett av dina tester kan du behöva ta bort saker som bilder och länkar till sidor som inte använder HTTPS-kryptering.

    Del 2 av 3: Kopiera och klistra in HTML-innehåll

    Bild med titeln Skicka HTML-e-post Steg 6
    1. Spara din HTML till en fil. På de flesta online HTML-generatorer gör du detta genom att klicka på knappen "Spara" eller "Ladda ner" och följa instruktionerna på skärmen. Om du använder standardordbehandlaren på en Windows- eller Mac-dator (Anteckningar respektive Textredigering) sparar du HTML-koden i en fil enligt följande:
    • Windows - Klicka på Fil och Spara som, och ange ett namn följt av .html (t.ex., `trafikstockning.html`), klicka på `Spara som typ`, Alla filer, och sedan vidare Spara.
    • mac - Klicka på layout, Konvertera till vanlig text, Klicka på OK, Arkiv, Ha kvar, klicka på nedåtpilen till höger om fältet "Namn", avmarkera rutan "Dölj tillägg", ersätt ".txt" efter namnet av ".html`, klicka på Ha kvar och sedan vidare Användande .html när det anges.
    Bild med titeln Skicka HTML-e-postmeddelanden Steg 7
    2. Öppna filen i en webbläsare. Dubbelklicka på din HTML-fil för att öppna den i din dators standardwebbläsare.
    Du kan också öppna din favoritwebbläsare, klicka på din HTML-fil och dra den till webbläsarfönstret.
    Bild med titeln Skicka HTML-e-postmeddelanden Steg 8
    3. Kopiera innehållet. Klicka och dra muspekaren över HTML-sidan tills allt är markerat, tryck sedan på Ctrl+C (Windows) eller ⌘ Kommando+C (Mac).
    Du kan också klicka var som helst på sidan och sedan Ctrl+a eller ⌘ Kommando+a tryck för att markera hela sidan, men detta kan göra att du väljer delar av sidan som du inte vill inkludera också.
    Bild med titeln Skicka HTML-e-post Steg 9
    4. Öppna ett nytt e-postmeddelande i din favorit e-postklient. Gmail, Outlook, Apple Mail och Thunderbird har alla stöd för att skicka HTML-e-postmeddelanden:
  • gmail - Gå till https://www.gmail.se/, logga in och klicka Att formulera.
  • Syn - Gå till https://www.syn.se/ och logga in vid behov och klicka + Nytt meddelande.
  • Apple Mail - Gå till https://www.icloud.se/#mail, logga in och klicka .
  • Thunderbird — Öppna ditt e-postprogram och klicka Att formulera.
    Bild med titeln Skicka HTML-e-postmeddelanden Steg 10
  • 5. Aktivera HTML om du använder Outlook. Även om Gmail, Yahoo och Apple Mail alla har HTML aktiverat som standard för sina e-postmeddelanden, kan du behöva aktivera HTML-sändning om du använder Outlook på webben:
  • Klicka på "Alternativ" eller "Inställningar", kugghjulet eller strecken i det övre högra hörnet av inkorgsfönstret.
  • Scrolla ner och klicka Visa alla inställningar eller Avancerad
  • Klicka på fliken E-post.
  • Klicka på Att formulera
  • Klicka på menyn Vanlig text längst ner i fönstret (om det står HTML är HTML redan aktiverat för Outlook).
  • Klicka på HTML
  • Klicka på Spara och stäng menyn.
    Bild med titeln Skicka HTML-e-postmeddelanden Steg 11
  • 6. Lägg till en mottagare och ett ämne. Skriv in en mottagares e-postadress i textrutan "Till" överst i fönstret "Skriv" och lägg sedan till ett ämne i textrutan nedan.
    Bild med titeln Skicka HTML-e-post Steg 12
    7. Klistra in meddelandetexten. Klicka på huvudtextrutan i fönstret Skriv och tryck sedan på Ctrl+V. (Windows) eller ⌘ Kommando+V (Mac). HTML-sidans innehåll visas i e-postmeddelandet precis som det är formaterat på HTML-sidan.
    Bild med titeln Skicka HTML-e-post Steg 13
    8. Skicka din e-post. Klicka på knappen för detta Skicka i fönstret Skriv. Mottagaren kommer att få din HTML-sida som ett e-postmeddelande.

    Del 3 av 3: Med Gmail och Chrome

    Bild med titeln Skicka HTML-e-post Steg 14
    1. Kopiera brödtexten på HTML-sidan. Om du av någon anledning inte kan öppna HTML-filen i din webbläsare fungerar kopiering av HTML-texten och klistra in den i källkoden för ditt e-postmeddelande så länge du använder Gmail i Google Chrome.
    Du måste kopiera all text i brödtexten - inklusive "
    Bild med titeln Skicka HTML-e-post Steg 15
    2. Öppen
    Google Chrome. Detta är den enda webbläsaren där du kan klistra in HTML i Gmail.
  • Bild med titeln Skicka HTML-e-post Steg 16
    3. Öppna Gmail. Gå till https://www.gmail.se/ i Chromes adressfält och ange din e-postadress och ditt lösenord om du behöver logga in.
    Bild med titeln Skicka HTML-e-postmeddelanden Steg 17
  • 4. Klicka påAtt formulera. Det är knappen i det övre vänstra hörnet av Gmail-fönstret. En popup visas i mitten av fönstret i Gmail.
    Om du använder en ny version av Gmail, klicka här Att formulera.
    Bild med titeln Skicka HTML-e-post Steg 18
    5. Lägg till en mottagare och ett ämne. Skriv in en mottagares e-postadress i textrutan "Till" överst i fönstret "Skriv" och lägg sedan till ett ämne i textrutan nedan.
    Bild med titeln Skicka HTML-e-post Steg 19
    6. Ange markörtext. Skriv in en serie asterisker, nollor eller annan liknande iögonfallande text i huvuddelen av skrivfönstret. Detta hjälper dig att hitta den önskade platsen i källkoden.
    Bild med titeln Skicka HTML-e-post Steg 20
    7. Öppna ett "inspektionsfönster". Välj din markerade text, högerklicka (eller Kontrollera-klicka på en Mac) på texten och sedan på Inspektera i rullgardinsmenyn som visas. En utdragsmeny bör nu dyka upp till höger på sidan.
    Bild med titeln Skicka HTML-e-post Steg 21
    8. Öppna den valda koden för att redigera. Högerklicka (eller Kontrollera-på en Mac) klickar du på den blåmarkerade koden överst i det utdragbara fönstret och klickar sedan Redigera som HTML i den resulterande rullgardinsmenyn.
    Bild med titeln Skicka HTML-e-post Steg 22
    9. Hitta din markerade text och välj den. Rulla ned tills du hittar den markerade texten i ditt e-postmeddelande, klicka och dra sedan muspekaren över den texten.
    Se till att du inte markerar något till vänster eller höger om din markerade text.
    Bild med titeln Skicka HTML-e-postmeddelanden Steg 23
    10. Klistra in HTML. För att göra detta, tryck Ctrl+V (Windows) eller ⌘ Kommando+V (Mac). HTML-koden för ditt projekt bör nu visas i fönstret.
    Bild med titeln Skicka HTML-e-post Steg 24
    11. Stäng utskjutningsmenyn. Klicka på X i det övre högra hörnet av utdragsmenyn "Inspektera" för att stänga den.
    Bild med titeln Skicka HTML-e-post Steg 25
    12. Kontrollera och skicka din e-post. Titta på presentationen av din e-post i Gmail-fönstret. Om du är nöjd med hur HTML-sidan ser ut i fönstret Skriv kan du klicka Skicka klicka för att leverera den till mottagaren/mottagarna.

    Tips

  • Använd HTML-mallar tillgängliga online via kontakthanteringssystem om du inte är bekant med HTML-kod. Dessa ger ett enkelt sätt att skicka engagerande meddelanden till dina e-postprenumeranter.
  • Erbjud en vanlig textversion av din HTML-e-post för dem som inte kan eller inte vill se HTML. På så sätt kan du nå en bredare publik.
  • Varningar

    • Kopiera och klistra inte in kod från ordbehandlingsprogram. Du kommer sannolikt att tappa HTML-taggar, vilket gör att din e-post förlorar sin struktur -- dessutom blockerar många spamfilter e-postmeddelanden som kopieras från en ordbehandlare.

    Оцените, пожалуйста статью