Hoe u gratis e-mailnieuwsbrief maakt en verstuurt

Er zijn veel betaalde opties aangeboden door veel e-mailnieuwsbriefproviders, maar als u er een kunt verzenden vanuit uw Gmail, Yahoo, Hotmail en een ander gratis e-mailaccount, kunt u meer van uw budget reserveren voor andere items.

Als u op zoek bent naar beter beheerde nieuwsbriefdiensten met hulpmiddelen om uw e-mailcampagne te controleren, ga dan met de betaalde service, maar als u alleen een nieuwsbrief naar een paar vrienden wilt sturen, zult u dol zijn op deze zelfstudie.

We zullen u helpen met het opslaan van uw eigen nieuwsbriefsjabloon als een HTML-sjabloon en beginnen met het verzenden ervan, met de hulp van CampaignMonitor.

Begin met e-mailsjabloon in Photoshop

Als u een idee heeft over hoe u uw bulletin-sjabloon eruit wilt zien, kunt u beginnen met werken met Photoshop. Anders kunt u een sjabloon downloaden van veel gratis aanbieders van e-mailsjablonen. Er zijn geen specifieke breedte en hoogte van een e-mailsjabloon, maar om ervoor te zorgen dat het compatibel en leesbaar is voor elke e-mail zonder onderbrekingen, raden we u aan de breedte in te stellen op niet meer dan 650 px. Er zijn echter geen beperkingen op hoogtes, dus die parameter is aan jou.

Email sjabloon

Je kunt zo creatief zijn als je wilt met je e-mailsjabloon, maar houd rekening met meer creatieve elementen, er zal meer werk zijn in het in plakken snijden van elk element. De sjabloon die we gaan gebruiken heeft slechts een paar eenvoudige elementen: een koptekst, foto, lijnen en tekst, ten behoeve van deze gids.

Selectie van lettertypen

U kunt zeker elk lettertype gebruiken dat beschikbaar is op uw Photoshop. Maar als u een nieuwsbrief maakt, is het raadzaam om weblettertypen zoals Times New Roman, Arial en Georgia te gebruiken. Gebruik anders uw speciale lettertypen, maar sla ze op als afbeeldingen in plaats van als tekst.

Probeer te beperken dat u te veel afbeeldingen in uw sjabloon moet opslaan, omdat dit het alleen maar groter zal maken en dus langer duurt om te laden.

1. Snijd uw e-mailsjabloon

In deze handleiding gebruiken we een bewerkte versie van gratis e-mailsjabloon van CampaignMonitor. Download het hier om deze tutorial te volgen.

Nu u klaar bent met uw e-mailsjabloon, opent u deze met Photoshop en selecteert u Snij gereedschap en begin elk element van de sjabloon te snijden.

In dit proces moet je elke afzonderlijke spatie, tekst, regel en afbeelding knippen.

Wanneer u een tekst segmenteert, zorg er dan voor dat u de exacte grootte selecteert, laat geen extra ruimte in het tekstgebied achter. Voor lege ruimtes, snijd ze in een grote plak, maar scheid ze in vierkanten.

Het volgende hulpmiddel dat u bij Photoshop moet gebruiken, is het Slice Select Tool. Gebruik deze tool om elk afzonderlijk element in uw sjabloon te repareren. Zorg ervoor dat elke lijn is verbonden, laat geen leeg gebied achter zonder ze te snijden.

Met de Slice Select Tool zoomt u in op uw sjabloon en controleert u elke plak die u hebt gemaakt. Zorg ervoor dat elke lijn is verbonden en hersteld.

Het resultaat ziet er als volgt uit.

2. Sla op als HTML-sjabloon

Wanneer u klaar bent met uw gesneden sjabloon, gaat u naar Bestand en selecteert u Opslaan voor web en apparaten.

Er verschijnt een venster met opslagopties. Dubbelklik eerst op uw afbeeldingselement en geef het een naam zodat u het afbeeldingsbestand gemakkelijk kunt herkennen wanneer het is opgeslagen. Klik OK nadat je ze hebt genoemd.

Klik vervolgens in de rechterbovenhoek van het pop-upvenster op de afbeeldingstype als JPEG in het vervolgkeuzemenu. De kwaliteit kan worden ingesteld op 60 of 80. Als u de kwaliteit instelt op 100, is de beeldkwaliteit maximaal maar wordt uw sjabloon zwaar.

Klik nu op de Opslaan knop onderaan het venster.

Een nieuw pop-upvenster verschijnt. Selecteer hier de bestemming waar u het bestand wilt opslaan en wijzig het formaat in HTML en afbeeldingen en stel de Slices naar Alle plakjes.

Vervolgens, onder de instellingen vervolgkeuzemenu, selecteer anders.

Een ander pop-upvenster verschijnt, onder de HTML sectie, zorg ervoor dat de keuzes onder 'Opmaak' zijn zoals hieronder; doe hetzelfde voor de sectie 'Codering'.

Nu van de HTML vervolgkeuzemenu, selecteer Slices, en selecteer Segmentuitvoer naar Tabel genereren en stel de kolommen als volgt in.

Nu van Slices, ga naar Bestanden opslaan Ga in het dropdown-menu naar het gedeelte 'Geoptimaliseerde bestanden' en vink dit aan Zet afbeeldingen in map en stel de naam van de afbeeldingsmap in. De standaard afbeeldingsmap zal 'afbeeldingen' zijn. Dan klikken 'OK'.

Als u op OK klikt, keert u terug naar het vorige pop-upvenster en klikt u nu Opslaan.

Nadat u op de knop Opslaan hebt gedrukt, opent u de locatiemap waar u het bestand hebt opgeslagen en ziet u de map html en afbeeldingen met gesegmenteerde afbeeldingen die al zijn opgeslagen voor uw e-mailsjabloon.

Open het '.html'-bestand in uw browser en u zult zien dat uw nieuwsbrief nu is omgezet in een HTML-sjabloon.

3. fix HTML, verander tekstafbeelding in weblettertypen

Aan het einde van de volgende stappen ontvangt u de definitieve e-mailsjabloon in HTML-indeling.

Alle elementen in de HTML-nieuwsbrief worden opgeslagen in afbeeldingen, die alle tekst bevatten. Nu moet je de tekstafbeeldingen converteren naar weblettertypen. Open hiervoor het '.html'-bestand met de HTML-editor. In dit voorbeeld gebruik ik Dreamweaver.

Klik op de kop en vink de gemarkeerde HTML aan.

De HTML zal ongeveer zo zijn;

Verwijder nu elke regel die gemarkeerd is, of klik op de koptekst en druk op delete. Eenmaal verwijderd, ziet u het gebied gevuld met de standaard achtergrondkleur.

Ga nu terug naar Photoshop en controleer de lettertypegegevens van de koptekst. U moet het lettertype, de kleur en de grootte krijgen.

Nadat u de details van het lettertype hebt ontvangen, voert u de koptekst in het koptekstgedeelte van de sjabloon in en voegt u ook de details van het lettertype toe. In mijn voorbeeld is mijn HTML-headertekst als volgt:

ABC Nieuwsbrief

De HTML-regel hierboven bevat 'stijl'. Daar definieert u uw achtergrondkleur, lettertypefamilie, lettergrootte en letterafstand. Probeer de tekstruimte te vullen met een geschikte letterafstand en lettergrootte; zorg ervoor dat uw sjabloon niet wordt verbroken.

Nu moet je hetzelfde proces herhalen voor elke tekst in je sjabloon. Zorg ervoor dat alle tekstafbeeldingen worden omgezet in weblettertypen en vermijd onnodige afbeeldingen in HTML.

De volgende is optioneel, maar u kunt de nieuwsbrief in het midden plaatsen, de uitlijning toevoegen in de

sectie.

Als u uw definitieve sjabloon wilt bekijken, opent u het '.html'-bestand in uw browser;

U kunt de definitieve sjabloon hier ook downloaden voor uw referentie.

4. Verstuur HTML als nieuwsbrief via Gmail

Dit is een kleine truc om ervoor te zorgen dat je je HTML-e-mail direct vanuit Gmail verzendt. Om dit voor elkaar te krijgen, moet je de nieuwsbriefmap uploaden naar je webserver, maar in het geval dat je er geen hebt, kun je het in plaats daarvan doen met Dropbox.

De openbare map van Dropbox gebruiken

Als je je Dropbox-account hebt geregistreerd vóór 1 augustus 2012, kun je de onderstaande stappen volgen.

1. Registreer een gratis account bij Dropbox en installeer de app vervolgens op je pc of Mac, zodat je het uploadproces via internet kunt overslaan. Laat de app het uploaden voor je doen.

   

2. De e-mailsjabloon die je hebt gemaakt, is in een map opgeslagen. Kopieer de map en plak deze in de Openbaar map gevonden in uw Dropbox (Dropbox> Openbaar).

   

3. Lokaliseer nu uw '.html'-bestand in de map, klik met de rechtermuisknop en selecteer Openbare link kopiëren.

   

4. Zodra u 'Copy Public Link' selecteert, wordt de link opgeslagen in uw computergeheugen. Plak deze link in uw webbrowser en open deze als een webpagina.

   

5. Je moet de inhoud van deze nieuwsbrief kopiëren, dus gebruik je toetsenbord en druk op Ctrl + A om alles te selecteren en vervolgens Crtl + C om de hele inhoud te kopiëren (voor Mac, gebruik Cmd + A om alles te selecteren en Cmd + C om te kopiëren)

6. Open je Gmail, klik Componeren om een ​​blanco e-mail te krijgen, klik je met de muis in het tekstveld en druk je op Ctrl + V om je nieuwsbrief in het veld voor de e-mailinhoud te plakken. Mac-gebruikers kunnen op Cmd + V drukken

   

7. Uw nieuwsbrief verschijnt nu als uw e-mailinhoud. Voer het onderwerp en het e-mailadres in en stuur uw eerste e-mailnieuwsbrief!

De Site44-app gebruiken

Omdat Dropbox geen openbare mapfunctie meer biedt voor Dropbox-gebruikers die zich na 1 augustus 2012 hebben geregistreerd, kun je Site44 proberen, een app die Dropbox-mappen verandert in websites.

1. Ga naar Site44 en log in met Dropbox om aan de slag te gaan.

   

2. Sta Site44 toe verbinding te maken met je Dropbox-account. In de meeste gevallen moet u uw e-mailadres verifiëren.

   

3. Klik op "Klik op een nieuwe website" om te starten.

   

4. Typ in het gedeelte 'Gebruik een site44.com-domein' de gewenste mapnaam voor deze website in uw Dropbox en klik op 'Maken'. In dit geval gebruik ik "mynewsletter"als mijn mapnaam. Accepteer daarna de gebruiksvoorwaarden om verder te gaan.

   

5. Nu heeft Site44 nieuwe mappen voor de website in je Dropbox gemaakt.

   

6. Kopieer newsletter.html en de afbeeldingenmap die u eerder hebt gemaakt naar de map Dropbox van mynewsletter.site44.com.

   

7. Open een webbrowser en ga naar http://mynewsletter.site44.com/newsletter.html.

   

8. Je moet de inhoud van deze nieuwsbrief kopiëren, dus gebruik je toetsenbord en druk op Ctrl + A om alles te selecteren en vervolgens Crtl + C om de hele inhoud te kopiëren (voor Mac, gebruik Cmd + A om alles te selecteren en Cmd + C om te kopiëren)

9. Open je Gmail, klik Componeren om een ​​blanco e-mail te krijgen, klik je met de muis in het tekstveld en druk je op Ctrl + V om je nieuwsbrief in het veld voor de e-mailinhoud te plakken. Mac-gebruikers kunnen op Cmd + V drukken

   

10. Uw nieuwsbrief verschijnt nu als uw e-mailinhoud. Voer het onderwerp en het e-mailadres in en stuur uw eerste e-mailnieuwsbrief!

Conclusie

Zolang de HTML-map van de nieuwsbrief nog steeds wordt opgeslagen in de map Dopbox Public, kan uw ontvanger uw nieuwsbrief correct lezen, maar zodra u de map verwijdert, wordt de link verbroken en kan de ontvanger alleen de map bekijken. tekst. Ik hoop dat je deze zelfstudie kunt volgen over hoe een eenvoudige HTML-nieuwsbrief kan worden gemaakt met Photoshop die vervolgens in HTML-vorm via Gmail wordt verzonden. Als je andere manieren hebt, deel deze dan met de rest van onze lezers.