Hvordan lage og sende e-post nyhetsbrev gratis

Det finnes mange betalte alternativer fra mange e-postleverandører, men hvis du kan sende en fra Gmail, Yahoo, Hotmail og en hvilken som helst annen gratis e-postkonto, kan du reservere mer av budsjettet ditt på andre varer.

Hvis du er på utkikk etter bedre administrerte nyhetsbrevtjenester med verktøy for å overvåke e-postkampanjen din, må du gå med betaltjeneste, men hvis du ønsker å bare sende et nyhetsbrev til noen venner, vil du elske denne opplæringen.

Vi veileder deg om hvordan du lagrer din egen nyhetsbrevmal som en HTML-mal og begynner å sende dem, ved hjelp av CampaignMonitor.

Start med e-postmalen i Photoshop

Hvis du har en ide om hva du vil at nyhetsbrevmalen skal se ut, kan du begynne å jobbe med Photoshop. Ellers kan du laste ned en mal fra mange gratis e-postmallleverandører. Det er ingen bestemt bredde og høyde på en e-postmal, men for å sikre at den er kompatibel og lesbar på en hvilken som helst e-post uten pauser, foreslår vi at du angir breddestørrelsen på ikke mer enn 650px. Det er imidlertid ingen begrensninger på høyder, så parameteren er opp til deg.

E-postskjema

Du kan være så kreativ som du liker med e-postmalen din, men husk, med flere kreative elementer inkludert, vil det være mer arbeid i å snitte hvert element. Malen vi skal bruke, har bare noen få enkle elementer: et overskrift, bilde, linjer og tekst til fordel for denne veiledningen.

Valg av skrifttyper

Du kan definitivt bruke hvilken som helst type skrift tilgjengelig på Photoshop. Men hvis du lager et nyhetsbrev, er det tilrådelig å bruke webfonter som Times New Roman, Arial og Georgia. Ellers kan du bruke dine spesielle skrifttyper, men lagre dem som bilder, heller enn som tekst.

Prøv å begrense å måtte lagre for mange bilder i malen din, da dette bare vil gjøre det større og dermed ta lengre tid å laste.

1. Slip e-postmalen din

I denne veiledningen bruker vi en redigert versjon av gratis e-postmal av CampaignMonitor. Last ned det her for å følge denne opplæringen.

Nå som du er klar med e-postmalen din, åpner du den med Photoshop, velg Slice Tool og begynn å skive hvert element i malen.

I denne prosessen må du kutte hver eneste plass, tekst, linje og bilde.

Når du skar en tekst, må du kontrollere at du velger den eksakte størrelsen, ikke la noen ekstra plass i tekstområdet. For tomme mellomrom, skjær dem i ett stort stykke, men skill dem i firkanter.

Det neste verktøyet du trenger å bruke med Photoshop, er Slice Select Tool. Bruk dette verktøyet til å fikse hvert enkelt skåret element i malen. Pass på at hver linje er koblet til, ikke la noe tomt område uten å skille dem.

Med Slice Select Tool, zoome du på malen og sjekk hvert eneste stykke du laget. Pass på at hver linje er koblet til og festet.

Resultatet vil se slik ut.

2. Lagre som HTML-mal

Når du er klar med din skivede mal, går du til Fil og velger Lagre for web og enheter.

Et vindu med lagringsalternativer vil dukke opp. For det første, dobbeltklikk på bildeelementet ditt og navnet på det, slik at du enkelt kan gjenkjenne bildefilen når den er lagret. Klikk OK etter at du har kalt dem.

Neste i øverste høyre hjørne av popup-vinduet, sett inn bildetypen som JPEG fra rullegardinmenyen. Kvaliteten kan settes til 60 eller 80. Hvis du angir kvaliteten til 100, vil bildekvaliteten være maksimal, men det vil gjøre malen tung.

Klikk nå på Lagre knappen nederst i vinduet.

Et nytt popup-vindu vil vises. Her velger du destinasjonen hvor du vil at filen skal lagres på, og deretter endrer du formatet til HTML og bilder og sett Slices til Alle skiver.

Deretter under innstillinger rullegardinmenyen, velg Annen.

Et annet popup-vindu vil vises under HTML delen, kontroller at valgene under 'Formatering' er som nedenfor; Gjør det samme for delen "Koding".

Nå fra HTML rullegardinmenyen, velg Slices, og velg Slice Output til Generer tabell og sett kolonnene som følgende.

Nå fra Slices, gå til Lagre filer Fra rullegardinmenyen, gå ned til delen "Optimaliserte filer" og sjekk Sett bilder i mappe og angi bildemappenes navn. Standardbildemappen vil være 'bilder'. Klikk deretter 'OK'.

Ved å klikke OK kommer du tilbake til forrige popup-vindu, nå klikker du Lagre.

Etter at du har trykket på lagre-knappen, åpner du mappen hvor du lagret filen, og du vil se html- og bildemappen som inneholder skarpe bilder som allerede er lagret for e-postmalen din.

Åpne .html-filen i nettleseren din, og du vil se at nyhetsbrevet ditt nå er konvertert til en HTML-mal.

3. fikse HTML, endre tekstbilde til webfonter

På slutten av de følgende trinnene får du den ferdige e-postmalen i HTML-format.

Alle elementene i HTML-nyhetsbrevet lagres i bilder, som inkluderer all tekst. Nå må du konvertere tekstbildene til webfonter. For å gjøre det, åpne ".html" -filen med HTML-editor. I dette eksemplet bruker jeg Dreamweaver.

Klikk på overskriften og sjekk på den uthevede HTML-koden.

HTML-en vil være noe slikt;

Slett nå hver linje som er uthevet, alternativt, klikk på topptekstbildet og trykk slett. Når du er slettet, vil du se området fylt med standard bakgrunnsfargen.

Gå nå tilbake til Photoshop, kontroller overskriftens skriftdetaljer. Du må få skrifttypen, fargen og størrelsen.

Når du har fått detaljene i skrifttypen, skriver du inn overskriftteksten i overskriftsområdet i malen, og inkluderer også skriftstørrelsen. I mitt eksempel er HTML-overskriften HTML som følger:

ABC Nyhetsbrev

HTML-linjen over har 'stil' inkludert. Det er her du definerer bakgrunnsfargen, skriftfamilien, skriftstørrelsen og bokstavavstanden. Prøv å fylle tekstplassen med passende letteravstand og skriftstørrelse; sørg for at det ikke ødelegger malen din.

Nå må du gjenta samme prosess for hver tekst i malen. Pass på at alle tekstbilder blir forvandlet til webfonter og unngå unødvendige bilder i HTML.

Neste er valgfritt, men du kan sette nyhetsbrevet til senter, legg til justeringen i

seksjon.

For å se gjennom din siste mal, åpne ".html" -filen i nettleseren din;

Du kan også laste ned den endelige malgen her for din referanse.

4. Send HTML som nyhetsbrev via Gmail

Nå er det et lite triks for å få deg til å sende HTML-e-posten din direkte fra Gmail. For å få dette gjort, må du faktisk laste opp nyhetsbrevmappen til webserveren din, men hvis du ikke har en, kan du få det gjort med Dropbox i stedet.

Bruk av Dropbox Public Folder

Hvis du registrerte Dropbox-kontoen før 1. august 2012, kan du følge trinnene nedenfor.

1. Registrer en gratis konto med Dropbox, og installer deretter appen til din PC eller Mac, slik at du kan hoppe over opplastingsprosessen over nettet. La appen laste opp for deg.

   

2. E-postmalen du opprettet ble lagret i en mappe. Kopier mappen, og lim den inn i Offentlig mappe funnet i Dropbox (Dropbox> Offentlig).

   

3. Finn nå .html-filen i mappen, høyreklikk og velg Kopier offentlig lenke.

   

4. Når du velger "Kopier offentlig lenke", lagres lenken i datamaskinens minne. Lim inn denne koblingen til nettleseren din, og åpne den som en nettside.

   

5. Du må kopiere innholdet i dette nyhetsbrevet, så bruk tastaturet og trykk Ctrl + A for å velge alt og deretter Crtl + C for å kopiere hele innholdet (for Mac, bruk Cmd + A for å velge alt og Cmd + C for å kopiere)

6. Åpne Gmail, klikk komponer For å få en tom e-post, klikk musen i tekstfeltet og trykk deretter Ctrl + V for å lime inn nyhetsbrevet i feltet e-postinnhold. Mac-brukere kan trykke Cmd + V

   

7. Nyhetsbrevet ditt vises nå som ditt e-postinnhold. Skriv inn emnet og e-postadressen og send ut ditt første nyhetsbrev!

Bruke Site44 App

Siden Dropbox ikke lenger har offentlig mappefunksjon for Dropbox-brukeren som registrerte etter 1. august 2012, kan du prøve Site44, en app som gjør Dropbox-mapper til nettsteder.

1. Besøk Site44 og logg inn med Dropbox for å komme i gang.

   

2. Tillat Site44 å koble til din Dropbox-konto. I de fleste tilfeller er du pålagt å bekrefte e-postadressen din.

   

3. Klikk på "Klikk på et nytt nettsted" for å starte.

   

4. I delen "Bruk et site44.com-domene", skriv inn ditt foretrukne mappenavn for dette nettstedet i Dropbox og klikk "Create". I dette tilfellet bruker jeg "mynewsletter"som mappens navn. Etter det, godta vilkårene for bruk for å fortsette.

   

5. Nå har Site44 opprettet nye mapper for nettstedet i Dropbox.

   

6. Kopier nyhetsbrev.html og bildermappe som du opprettet tidligere til mynewsletter.site44.com Dropbox-mappen.

   

7. Åpne nettleseren og gå til http://mynewsletter.site44.com/newsletter.html.

   

8. Du må kopiere innholdet i dette nyhetsbrevet, så bruk tastaturet og trykk Ctrl + A for å velge alt og deretter Crtl + C for å kopiere hele innholdet (for Mac, bruk Cmd + A for å velge alt og Cmd + C for å kopiere)

9. Åpne Gmail, klikk komponer For å få en tom e-post, klikk musen i tekstfeltet og trykk deretter Ctrl + V for å lime inn nyhetsbrevet i feltet e-postinnhold. Mac-brukere kan trykke Cmd + V

   

10. Nyhetsbrevet ditt vises nå som ditt e-postinnhold. Skriv inn emnet og e-postadressen og send ut ditt første nyhetsbrev!

Konklusjon

Så lenge HTML-mappen for nyhetsbrev fremdeles er lagret i Dopbox Public-mappen din, vil mottakeren kunne se nyhetsbrevet ditt riktig, men når du fjerner mappen, vil linken bli ødelagt, og mottakeren vil bare kunne se tekst. Jeg håper du kan følge denne veiledningen om hvordan et grunnleggende HTML-nyhetsbrev kan opprettes med Photoshop, og deretter sendes i HTML-skjema via Gmail. Hvis du har andre måter, vennligst del med resten av leserne.