Jak tworzyć i wysyłać biuletyn e-mail za darmo

Istnieje wiele płatnych opcji dostarczanych przez wielu dostawców biuletynów e-mailowych, ale jeśli możesz wysłać jeden z Gmaila, Yahoo, Hotmail i dowolnego innego bezpłatnego konta e-mail, możesz zarezerwować więcej swojego budżetu na inne przedmioty.

Jeśli szukasz lepiej zarządzanych usług newslettera z narzędziami do monitorowania kampanii e-mailowej, skorzystaj z płatnej usługi, ale jeśli chcesz wysłać biuletyn do kilku znajomych, pokochasz ten samouczek.

Poprowadzimy Cię, jak zapisać swój własny szablon newslettera jako szablon HTML i zacząć wysyłać je za pomocą CampaignMonitor.

Zacznij od szablonu e-mail w Photoshopie

Jeśli masz pomysł na to, jak ma wyglądać Twój szablon newslettera, możesz rozpocząć pracę z Photoshopem. W przeciwnym razie możesz pobrać szablon od wielu bezpłatnych dostawców szablonów e-mail. Nie ma określonej szerokości i wysokości szablonu wiadomości e-mail, ale aby upewnić się, że jest kompatybilny i czytelny na każdej wiadomości e-mail bez przerw, sugerujemy ustawienie rozmiaru na nie więcej niż 650px. Nie ma jednak ograniczeń wysokości, więc ten parametr zależy od Ciebie.

Szablon e-mail

Możesz być tak kreatywny, jak tylko chcesz w swoim szablonie poczty e-mail, ale pamiętaj, że przy uwzględnieniu bardziej kreatywnych elementów, będzie więcej pracy w krojeniu każdego elementu. Szablon, którego będziemy używać, zawiera tylko kilka prostych elementów: nagłówek, zdjęcie, wiersze i tekst, z korzyścią dla tego przewodnika.

Wybór czcionek

Na pewno możesz użyć dowolnego typu czcionki dostępnej w Photoshopie. Ale jeśli tworzysz biuletyn, wskazane jest używanie czcionek internetowych, takich jak Times New Roman, Arial i Georgia. W przeciwnym razie użyj specjalnych czcionek, ale zachowaj je jako obrazy, a nie jako tekst.

Postaraj się ograniczyć konieczność zapisywania zbyt wielu obrazów w swoim szablonie, ponieważ spowoduje to tylko zwiększenie, a tym samym dłuższe ładowanie.

1. Pokrój szablon wiadomości e-mail

W tym przewodniku będziemy używać edytowanej wersji bezpłatnego szablonu e-mail przez CampaignMonitor. Pobierz go tutaj, aby wykonać ten samouczek.

Teraz, gdy jesteś gotowy na szablon e-mail, otwórz go w Photoshopie, wybierz Narzędzie do cięcia i zacznij kroić każdy element szablonu.

W tym procesie musisz przeciąć każdą pojedynczą spację, tekst, linię i obraz.

Gdy wycinasz tekst, upewnij się, że wybrałeś dokładny rozmiar, nie zostawiaj żadnej dodatkowej przestrzeni w polu tekstowym. W przypadku pustych przestrzeni przecinaj je w jeden duży plaster, ale rozdziel je na kwadraty.

Kolejnym narzędziem, którego musisz użyć w Photoshopie, jest Narzędzie do zaznaczania plasterków. Użyj tego narzędzia, aby naprawić każdy pojedynczy element w plasterkach w szablonie. Upewnij się, że każda linia jest podłączona, nie zostawiaj pustego obszaru bez ich przecinania.

Za pomocą narzędzia Zaznaczanie plasterków powiększ swój szablon i sprawdź każdy pojedynczy wycinek. Upewnij się, że każda linia jest połączona i naprawiona.

Wynik będzie wyglądał następująco.

2. Zapisz jako szablon HTML

Kiedy będziesz gotowy z pokrojonym szablonem, przejdź do Plik i wybierz Zapisz dla Internetu i urządzeń.

Pojawi się okno z opcjami zapisu. Najpierw kliknij dwukrotnie element obrazu i nadaj mu nazwę, aby móc łatwo rozpoznać plik obrazu podczas zapisywania. Kliknij dobrze po ich nazwaniu.

Następnie w prawym górnym rogu okna podręcznego ustaw typ obrazu jako JPEG z menu rozwijanego. Jakość można ustawić na 60 lub 80. Jeśli ustawisz jakość na 100, jakość obrazu będzie maksymalna, ale spowoduje to, że twój szablon będzie ciężki.

Teraz kliknij Zapisać przycisk u dołu okna.

Pojawi się nowe okno podręczne. Tutaj wybierz miejsce docelowe, w którym chcesz zapisać plik, a następnie zmień format na HTML i obrazy i ustaw Plasterki do Wszystkie plasterki.

Dalej, pod Ustawienia menu rozwijanego, wybierz Inny.

Pojawi się kolejne okno podręczne pod HTML sekcji, upewnij się, że opcje w „Formatowanie” są jak poniżej; zrób to samo w sekcji „Kodowanie”.

Teraz z HTML menu rozwijanego, wybierz Plasterki, i wybierz Wyjście plasterka do Wygeneruj tabelę i ustaw kolumny w następujący sposób.

Teraz od Plasterki, iść do Zapisywanie plików z menu rozwijanego przejdź do sekcji „Zoptymalizowane pliki” i sprawdź Umieść obrazy w folderze i ustaw nazwę folderu obrazu. Domyślnym folderem obrazu będą „obrazy”. Następnie kliknij 'DOBRZE'.

Kliknięcie OK spowoduje powrót do poprzedniego okna podręcznego, teraz kliknij Zapisać.

Po naciśnięciu przycisku zapisywania otwórz folder lokalizacji, w którym został zapisany plik, a zobaczysz folder html i obrazy zawierający pokrojone obrazy już zapisane dla szablonu wiadomości e-mail.

Otwórz plik „.html” w przeglądarce, a zobaczysz, że Twój biuletyn został teraz przekonwertowany na szablon HTML.

3. popraw HTML, Zmień obraz tekstowy na czcionki internetowe

Na końcu poniższych kroków otrzymasz sfinalizowany szablon wiadomości e-mail w formacie HTML.

Wszystkie elementy biuletynu HTML są zapisywane w obrazach, które zawierają cały tekst. Teraz musisz przekonwertować obrazy tekstowe na czcionki internetowe. Aby to zrobić, otwórz plik „.html” w edytorze HTML. W tym przykładzie używam programu Dreamweaver.

Kliknij nagłówek i sprawdź podświetlony kod HTML.

HTML będzie podobny do tego;

Teraz usuń każdą podświetloną linię, ewentualnie kliknij obraz nagłówka i naciśnij Delete. Po usunięciu zobaczysz obszar wypełniony domyślnym kolorem tła.

Wróć teraz do Photoshopa, sprawdź szczegóły czcionki nagłówka. Musisz uzyskać rodzaj czcionki, kolor i rozmiar.

Po uzyskaniu szczegółów czcionki wprowadź tekst nagłówka w obszarze nagłówka szablonu i podaj również szczegóły dotyczące czcionki. W moim przykładzie tekst nagłówka HTML jest następujący:

Newsletter ABC

Powyższa linia HTML zawiera „styl”. W tym miejscu definiujesz kolor tła, rodzinę czcionek, rozmiar czcionki oraz odstępy między literami. Spróbuj wypełnić przestrzeń tekstową odpowiednim odstępem między literami i rozmiarem czcionki; upewnij się, że nie złamie twojego szablonu.

Teraz musisz powtórzyć ten sam proces dla każdego tekstu w szablonie. Upewnij się, że wszystkie obrazy tekstowe są przekształcane w czcionki internetowe i unikaj niepotrzebnych obrazów w HTML.

Następny jest opcjonalny, ale możesz ustawić biuletyn na środku, dodać wyrównanie w

Sekcja.

Aby przejrzeć ostateczny szablon, otwórz plik „.html” w przeglądarce;

Możesz również pobrać ostateczny szablon tutaj w celach informacyjnych.

4. Wyślij HTML jako biuletyn za pośrednictwem Gmaila

Oto mała sztuczka, dzięki której możesz wysłać e-mail HTML bezpośrednio z Gmaila. Aby to zrobić, musisz przesłać folder biuletynu na swój serwer internetowy, ale w przypadku, gdy go nie masz, niech zrobi to za pomocą Dropbox..

Korzystanie z folderu publicznego Dropbox

Jeśli zarejestrowałeś swoje konto Dropbox przed 1 sierpnia 2012 r., Możesz wykonać poniższe kroki.

1. Zarejestruj bezpłatne konto w Dropbox, a następnie zainstaluj aplikację na komputerze PC lub Mac, aby pominąć proces przesyłania przez Internet. Pozwól aplikacji na przesyłanie za Ciebie.

   

2. Utworzony szablon wiadomości e-mail został zapisany w folderze. Skopiuj folder i wklej go w Publiczny folder znaleziony w Twoim Dropbox (Dropbox> Publiczny).

   

3. Teraz znajdź plik „.html” w folderze, kliknij prawym przyciskiem myszy i wybierz Skopiuj link publiczny.

   

4. Po wybraniu opcji „Kopiuj publiczny link” łącze zostanie zapisane w pamięci komputera. Wklej ten link do swojej przeglądarki internetowej, a następnie otwórz go jako stronę internetową.

   

5. Musisz skopiować zawartość tego biuletynu, więc użyj klawiatury i naciśnij Ctrl + A, aby zaznaczyć wszystkie, a następnie Crtl + C, aby skopiować całą zawartość (na Macu użyj Cmd + A, aby zaznaczyć wszystkie, a Cmd + C, aby skopiować)

6. Otwórz Gmaila, kliknij Komponować aby otrzymać pusty e-mail, kliknij myszą w polu tekstowym, a następnie naciśnij Ctrl + V, aby wkleić biuletyn w polu treści e-mail. Użytkownicy komputerów Mac mogą nacisnąć Cmd + V

   

7. Twój biuletyn pojawia się teraz jako treść wiadomości e-mail. Wprowadź temat i adres e-mail i wyślij swój pierwszy biuletyn e-mail!

Korzystanie z aplikacji Site44

Ponieważ Dropbox nie udostępnia już funkcji folderu publicznego dla użytkownika Dropbox, który zarejestrował się po 1 sierpnia 2012 r., Możesz wypróbować aplikację Site44, która zamienia foldery Dropbox na strony internetowe.

1. Odwiedź witrynę44 i zaloguj się w Dropbox, aby zacząć.

   

2. Zezwól na Site44 łączy się z Twoim kontem Dropbox. W większości przypadków musisz zweryfikować swój adres e-mail.

   

3. Kliknij „Kliknij nową witrynę”, aby rozpocząć.

   

4. W sekcji „Użyj domeny site44.com” wpisz preferowaną nazwę folderu dla tej witryny w Dropbox i kliknij „Utwórz”. W tym przypadku używam „mynewsletter„jako moja nazwa folderu. Następnie zaakceptuj warunki użytkowania, aby kontynuować.

   

5. Teraz Site44 utworzył nowe foldery dla witryny w Twoim Dropbox.

   

6. Skopiuj folder newsletter.html i obrazy, który wcześniej utworzyłeś, do folderu Dropbox w mynewsletter.site44.com.

   

7. Otwórz przeglądarkę internetową i przejdź do http://mynewsletter.site44.com/newsletter.html.

   

8. Musisz skopiować zawartość tego biuletynu, więc użyj klawiatury i naciśnij Ctrl + A, aby zaznaczyć wszystkie, a następnie Crtl + C, aby skopiować całą zawartość (na Macu użyj Cmd + A, aby zaznaczyć wszystkie, a Cmd + C, aby skopiować)

9. Otwórz Gmaila, kliknij Komponować aby otrzymać pusty e-mail, kliknij myszą w polu tekstowym, a następnie naciśnij Ctrl + V, aby wkleić biuletyn w polu treści e-mail. Użytkownicy komputerów Mac mogą nacisnąć Cmd + V

   

10. Twój biuletyn pojawia się teraz jako treść wiadomości e-mail. Wprowadź temat i adres e-mail i wyślij swój pierwszy biuletyn e-mail!

Wniosek

Tak długo, jak folder HTML biuletynu jest nadal zapisywany w folderze Dopbox Public, odbiorca będzie mógł poprawnie przeglądać biuletyn, ale po usunięciu folderu link zostanie zerwany, a odbiorca będzie mógł zobaczyć tylko tekst. Mam nadzieję, że możesz śledzić ten samouczek na temat tworzenia podstawowego biuletynu HTML za pomocą programu Photoshop, a następnie przesyłać go w formie HTML za pośrednictwem Gmaila. Jeśli masz inne sposoby, podziel się z resztą naszych czytelników.