Sådan oprettes og sendes e-mail-nyhedsbrev gratis

Der er mange betalte muligheder, der leveres af mange e-mail-udbydere, men hvis du kan sende en fra din Gmail, Yahoo, Hotmail og enhver anden gratis e-mail-konto, kan du reservere flere af dit budget på andre varer.

Hvis du leder efter et bedre administreret nyhedsbrev med værktøjer til overvågning af din e-mail-kampagne, skal du gå med den betalte tjeneste, men hvis du ønsker at bare sende et nyhedsbrev til et par venner, vil du elske denne vejledning.

Vi vil guide dig om, hvordan du gemmer din helt egen nyhedsbrevskabelon som en HTML-skabelon og begynder at sende dem ved hjælp af CampaignMonitor.

Start med e-mail-skabelon i Photoshop

Hvis du har en ide om, hvad du vil have, at dit nyhedsbrev skabelon skal se ud, kan du begynde at arbejde med Photoshop. Ellers kan du downloade en skabelon fra mange gratis e-mail-skabelonudbydere. Der er ingen specifik bredde og højde på en e-mail-skabelon, men for at sikre, at den er kompatibel og læsbar på enhver e-mail uden pauser, foreslår vi at du angiver breddestørrelsen på ikke mere end 650px. Der er dog ingen begrænsninger på højder, så parameteren er op til dig.

E-mail-skabelon

Du kan være så kreativ som du kan lide med din e-mail-skabelon, men husk, med mere kreative elementer inkluderet, vil der være mere arbejde med at skære hvert element. Den skabelon, som vi vil bruge, har kun nogle få enkle elementer: et overskrift, foto, linjer og tekst til gavn for denne vejledning.

Valg af skrifttyper

Du kan helt sikkert bruge enhver form for skrifttype, der er tilgængelig på din Photoshop. Men hvis du opretter et nyhedsbrev, er det tilrådeligt at bruge web skrifttyper som Times New Roman, Arial og Georgia. Ellers skal du bruge dine specielle skrifttyper, men gem dem som billeder, snarere end som tekst.

Prøv at begrænse at skulle gemme for mange billeder i din skabelon, da det kun vil gøre det større og dermed tage længere tid at indlæse.

1. Skær din e-mail-skabelon

I denne vejledning bruger vi en redigeret version af gratis e-mail-skabelon af CampaignMonitor. Download det her for at følge denne vejledning.

Nu hvor du er klar med din e-mail-skabelon, skal du åbne den med Photoshop, vælg Slice Tool og begynd at skære hvert element i skabelonen.

I denne proces skal du skære hvert enkelt rum, tekst, linje og billede.

Når du skærer en tekst, skal du sørge for at vælge den nøjagtige størrelse, og lad ikke noget ekstra plads i tekstområdet. For tomme mellemrum skal du skære dem i et stort stykke, men adskille dem i firkanter.

Det næste værktøj, du skal bruge med Photoshop, er Skive Vælg værktøj. Brug dette værktøj til at fastsætte hvert enkelt skåret element i din skabelon. Sørg for, at hver ledning er tilsluttet, lad ikke noget tomt område gå uden at skære dem.

Med Slice Select Tool skal du zoome din skabelon og tjekke hvert enkelt skive, du har lavet. Sørg for, at hver ledning er tilsluttet og fastgjort.

Resultatet vil se sådan ud.

2. Gem som HTML-skabelon

Når du er klar med din skiveskabelon, skal du gå til Fil og vælge Gem til web og enheder.

Et vindue med gemme muligheder vil dukke op. For det første skal du dobbeltklikke på dit billedelement og navngive det, så du nemt kan genkende billedfilen, når den er gemt. Klik Okay efter at du har navngivet dem.

Næste i øverste højre hjørne af popup-vinduet skal du indstille billedtypen som JPEG fra dropdown menuen. Kvaliteten kan indstilles til 60 eller 80. Hvis du indstiller kvaliteten til 100, vil billedkvaliteten være maksimal, men det vil gøre din skabelon tung.

Klik nu på Gemme knappen nederst i vinduet.

Der vises et nyt popup-vindue. Her skal du vælge den destination, hvor du vil have filen gemt på, og derefter ændre formatet til HTML og billeder og indstil skiver til Alle skiver.

Dernæst under Indstillinger dropdown menu, vælg Andet.

Et andet popup-vindue vises under HTML afsnit, skal du kontrollere, at valgene under 'Formatering' er som nedenfor gør det samme for 'kodning' sektionen.

Nu fra HTML dropdown menu, vælg skiver, og vælg Slice Output til Generer tabel og sæt kolonnerne som følgende.

Nu fra skiver, gå til Gem filer Fra rullemenuen skal du gå ned til sektionen 'Optimerede filer' og tjekke Sæt billeder i mappe og indstil billedmappens navn. Standardbilledmappen bliver 'billeder'. Klik derefter på 'OKAY'.

Ved at klikke OK kommer du tilbage til det forrige popup-vindue, klik nu Gemme.

Når du har trykket på knappen Gem, skal du åbne mappen, hvor du gemte filen, og du vil se html- og billedmappen, der indeholder skivede billeder, der allerede er gemt til din e-mail-skabelon.

Åbn filen ".html" i din browser, og du vil se, at dit nyhedsbrev nu er konverteret til en HTML-skabelon.

3. Fix HTML, Skift tekst billede til web skrifttyper

I slutningen af ​​de følgende trin får du den færdige email skabelon i HTML-format.

Alle elementer i HTML-nyhedsbrevet gemmes i billeder, der indeholder al tekst. Nu skal du konvertere tekstbillederne til webfonte. For at gøre det skal du åbne '. Html'-filen med HTML-editor. I dette eksempel bruger jeg Dreamweaver.

Klik på overskriften og kontroller den fremhævede HTML.

HTML'et vil være noget som dette;

Slet nu hver linje, der er fremhævet, alternativt, klik på overskriftsbilledet og tryk på slet. Når du først er slettet, vil du se området fyldt med standard baggrundsfarve.

Gå nu tilbage til Photoshop, kontroller overskriftens skrifttype detaljer. Du skal have skrifttype, farve og størrelse.

Når du har fået detaljerne i skrifttypen, skal du indtaste headerteksten i overskriftsområdet i skabelonen og medtage skrifttypedetaljerne. I mit eksempel er min headertekst HTML som følger:

ABC Nyhedsbrev

HTML-linjen ovenfor har 'stil' inkluderet. Det er her du definerer din baggrundsfarve, skrifttypefamilie, skriftstørrelse samt bogstavafstand. Prøv at fylde tekstrummet med passende bogstavafstand og skriftstørrelse; sørg for at det ikke bryder din skabelon.

Nu skal du gentage den samme proces for hver tekst i din skabelon. Sørg for, at alle tekstbilleder omdannes til web skrifttyper og undgå unødvendige billeder i HTML.

Den næste er valgfri, men du kan indstille nyhedsbrevet til at centrere, tilføje justeringen i

afsnit.

For at gennemgå din endelige skabelon skal du åbne '. Html'-filen i din browser;

Du kan også downloade den endelige skabelon her til din reference.

4. Send HTML som nyhedsbrev via Gmail

Nu er det et lille trick for at få dig til at sende din HTML-email direkte fra Gmail. For at få dette gjort, skal du faktisk uploade nyhedsmappen til din webserver, men hvis du ikke har en, lad os få det gjort med Dropbox i stedet.

Brug af Dropbox Public Folder

Hvis du har registreret din Dropbox-konto før 1. august 2012, kan du følge nedenstående trin.

1. Registrer en gratis konto med Dropbox, og installer derefter appen til din pc eller Mac, så du kan springe over uploadprocessen over internettet. Lad appen uploade til dig.

   

2. Den e-mail-skabelon, du oprettede, blev gemt i en mappe. Kopier mappen og indsæt den i Offentlig mappe fundet i din Dropbox (Dropbox> Offentlig).

   

3. Find nu din .html-fil i mappen, højreklik og vælg Kopier offentlig link.

   

4. Når du har valgt 'Copy Public Link', gemmes linket i din computerhukommelse. Indsæt dette link til din webbrowser, og åbn det som en webside.

   

5. Du skal kopiere indholdet af dette nyhedsbrev, så brug dit tastatur og tryk på Ctrl + A for at vælge alt og derefter Crtl + C for at kopiere hele indholdet (for Mac, brug Cmd + A til at vælge alt og Cmd + C for at kopiere)

6. Åbn din Gmail, klik på Compose for at få en tom email, klik på din mus i tekstfeltet og tryk derefter på Ctrl + V for at indsætte dit nyhedsbrev i feltet e-mail indhold. Mac-brugere kan trykke Cmd + V

   

7. Dit nyhedsbrev vises nu som dit email-indhold. Indtast emne og e-mail-adresse og send dit første e-mail-nyhedsbrev!

Brug af Site44 App

Da Dropbox ikke længere har offentlig mappefunktion til Dropbox-brugeren, der er registreret efter 1. august 2012, kan du prøve Site44, en app, der gør Dropbox-mapper til websites.

1. Besøg Site44 og log ind med Dropbox for at komme i gang.

   

2. Tillad Site44 at forbinde med din Dropbox-konto. I de fleste tilfælde skal du bekræfte din e-mail-adresse.

   

3. Klik på "Klik på en ny hjemmeside" for at starte.

   

4. I sektionen "Brug en site44.com domæne" skal du indtaste dit foretrukne mappenavn for denne hjemmeside i din Dropbox og klikke på "Opret". I dette tilfælde bruger jeg "mynewsletter"som mit mappens navn. Derefter accepterer du vilkårene for brug for at fortsætte.

   

5. Nu har Site44 oprettet nye mapper til hjemmesiden i din Dropbox.

   

6. Kopier nyhedsbrev.html og billedmappe, som du tidligere har oprettet til mynewsletter.site44.com Dropbox-mappe.

   

7. Åbn webbrowser og gå til http://mynewsletter.site44.com/newsletter.html.

   

8. Du skal kopiere indholdet af dette nyhedsbrev, så brug dit tastatur og tryk på Ctrl + A for at vælge alt og derefter Crtl + C for at kopiere hele indholdet (for Mac, brug Cmd + A til at vælge alt og Cmd + C for at kopiere)

9. Åbn din Gmail, klik på Compose for at få en tom email, klik på din mus i tekstfeltet og tryk derefter på Ctrl + V for at indsætte dit nyhedsbrev i feltet e-mail indhold. Mac-brugere kan trykke Cmd + V

   

10. Dit nyhedsbrev vises nu som dit email-indhold. Indtast emne og e-mail-adresse og send dit første e-mail-nyhedsbrev!

Konklusion

Så længe nyhedsbrevets HTML-mappe stadig er gemt i din Dopbox Public-mappe, vil din modtager kunne se dit nyhedsbrev korrekt, men når du har fjernet mappen, vil linket blive brudt, og modtageren vil kun kunne se tekst. Jeg håber du kan følge denne vejledning om, hvordan et grundlæggende HTML-nyhedsbrev kan oprettes med Photoshop og derefter sendes i HTML-formular via Gmail. Hvis du har andre måder, skal du dele med resten af ​​vores læsere.