Samouczek: Jak stworzyć spersonalizowany obraz w wiadomości e-mail

Dzisiejsze spersonalizowane e-maile są wypełnione dynamiczną treścią. Spójrz tylko, ile e-maili w Twojej skrzynce odbiorczej zawiera spersonalizowaną treść dostosowaną do Ciebie. Może to być tak proste, jak wyświetlenie swojego imienia w bardziej zaawansowanych rekomendacjach produktów, reklamach, a nawet pełnych zdjęciach!

Ten artykuł pierwotnie ukazał się na naszym siostrzanym blogu Warsztaty projektowania e-maili

Dzięki licznym narzędziom online dodawanie dynamicznych treści do naszych kampanii e-mailowych staje się łatwiejsze i bardziej dostępne, jak zobaczymy w tym warsztacie projektowania e-maili. Możesz wziąć dowolny obraz z kampanii e-mailowych i przekształcić go w spersonalizowany, dynamiczny obraz. Twoi subskrybenci zobaczą swoje imię i nazwisko, jak pokazano poniżej z tym obrazem z okazji urodzin z NiftyImages:

Praktyczny przykład: e-mail z okazji urodzin

Weźmy tego e-maila z okazji urodzin od Stitch Fix , internetowej marki stylizacyjnej.

Urodziny to świetna okazja do osobistego kontaktu z subskrybentami. Będą zachwyceni wiedzą, że o nich myślisz, i chętnie zobaczą osobistą ofertę w ich wyjątkowy dzień. Jeśli jeszcze nie wysyłasz spersonalizowanej urodzinowej wiadomości e-mail , nadszedł czas, aby zacząć, ponieważ spersonalizowane e-maile urodzinowe osiągają o 179% wyższy współczynnik klikalności w porównaniu ze zwykłymi wiadomościami promocyjnymi.

Przejmiemy statyczny obraz tortu urodzinowego z wiadomości e-mail o naprawie ściegu i przekształcimy go w dynamiczny, spersonalizowany obraz, na którym będzie widoczne imię subskrybenta. Oto jak wygląda gotowy e-mail z mojej skrzynki odbiorczej z moim imieniem, Kelly:

Zacznijmy od warsztatu i podążaj za naszym samouczkiem wideo:

[post_video_embed url=”https://www.youtube.com/embed/gYooNhQX57c”wysokość=””szerokość=””]

Krok #1: Zaprojektuj swój e-mail w edytorze przeciągnij i upuść

Chodźmy odtworzyć układ email Stitch Fix okazji urodzin w edytorze drag & drop. Zacznij od układu jednokolumnowego i dodaj poniżej nagłówek, blok obrazu i bloki tekstu.

Następnie dodaj tekst i dostosuj przycisk CTA. Dodajmy również do obrazu turkusowe dopełnienie koloru HTML, tak jak w oryginalnej wiadomości e-mail. Na razie jednak zostawmy element zastępczy obrazu pusty .

Nasz układ jest prawie kompletny. Teraz musimy stworzyć spersonalizowany, dynamiczny obraz z NiftyImages, a następnie wgrać go do naszego bloku obrazu w edytorze:

Krok #2: Stwórz i dostosuj swój spersonalizowany obraz za pomocą NiftyImages

Jeśli jeszcze tego nie zrobiłeś, utwórz darmowe konto NiftyImages, aby zacząć od razu!

Krok #2.1: Zaprojektuj swój spersonalizowany obraz

Na ekranie powitalnym wybierz Nowy spersonalizowany obraz .

1. Prześlij swój własny obraz
2. Wybierz szablon z biblioteki NiftyImages

Oto rzut oka na wspaniałe szablony obrazów urodzinowych, które są dostępne:

Ponieważ mamy już nasz obraz urodzinowy z przykładu Stitch Fix, prześlijmy go do NiftyImages. Kliknij przycisk [Prześlij obraz] w prawym górnym rogu, aby zaimportować obraz naprawy ściegu. Domyślny tekst personalizacji „Świetne oferty dla naszych klientów” pojawi się, abyśmy mogli dalej edytować.

Korzystając z menu po lewej stronie, rzeczywiście możemy dostosować rozmiar i styl czcionki oraz sam tekst. Zaktualizujmy wiadomość, aby odzwierciedlić motyw urodzinowy:

Na razie użyjemy FIRSTNAME jako symbolu zastępczego naszego dynamicznego tekstu; w następnym kroku zobaczysz, jak dostosować go do swojego dostawcy usług poczty e-mail (ESP).

Następnie podaj tekst zapasowy , aby każdy odbiorca, którego imię i nazwisko nie znajduje się w bazie danych listy mailingowej, nadal otrzymał pełną wiadomość.

Zobaczmy teraz, jak wygląda nasz urodzinowy obraz, klikając przycisk [Podgląd] w prawym górnym rogu:

Krok #2.2: Utwórz swój dynamiczny adres URL obrazu

Przejdźmy do kwestii technicznych. Zaprojektowany przez nas spersonalizowany obraz z okazji urodzin ma specjalny dynamiczny adres URL . Zwróć uwagę, że adres URL obrazu ma na końcu pole imienia odbiorcy jako parametr , który jest specyficzny dla platformy e-mail, której będziesz używać do wysłania tego e-maila. Dlatego musisz wybrać dostawcę usług e-mail (ESP) z menu rozwijanego. Oto przykład dla MailUp, naszej platformy e-mail marketingu.

Ten krok jest bardzo ważny: jeśli składnia tagu scalania imienia jest nieprawidłowa, obraz nie będzie działał . Każdy ESP ma inną składnię dla znaczników scalających (niektóre używają na przykład nawiasów klamrowych). Menu rozwijane w NiftyImages generuje adres URL dostawcy usług poczty e-mail (ESP). Więc po wybraniu ESP skopiuj adres URL obrazu i wróćmy do edytora. Prawie skończyliśmy!

Oto krótki samouczek wideo od NiftyImages na temat generowania dynamicznego adresu URL obrazu:

[post_video_embed url=”https://www.youtube.com/embed/uwUxinJaklM”wysokość=””szerokość=””]

Krok #3: Dodaj spersonalizowany obraz do wiadomości e-mail

W edytorze MailUp kliknij symbol zastępczy obrazu, aby wyświetlić menu po prawej stronie. Włącz przycisk Obraz dynamiczny we Właściwościach zawartości . Aby dowiedzieć się więcej o funkcji dynamicznych obrazów w edytorze, zapoznaj się z naszym artykułem pomocy Jak używać dynamicznych obrazów do odliczania czasu i spersonalizowanej zawartości.

Wklej adres URL obrazu z NiftyImages, a spersonalizowany obraz z okazji urodzin pojawi się teraz w edytorze.

Na koniec zobaczmy, jak odtworzona wiadomość e-mail z okazji urodzin Stitch Fix wygląda z utworzonym przez nas spersonalizowanym, dynamicznym obrazem . Wygląda świetnie, nie sądzisz?

Zakończ: zaprojektuj kolejną spersonalizowaną wiadomość e-mail

Voila! Stworzyliśmy niesamowitą spersonalizowaną wiadomość z okazji urodzin za pomocą zaledwie dwóch narzędzi do projektowania i w trzech prostych krokach. Nie ma więc wymówki, aby nie próbować większej personalizacji w kampaniach e-mailowych ! Jeśli nie korzystasz jeszcze z MailUp, zarejestruj się, aby uzyskać bezpłatną wersję próbną i uzyskaj dostęp do dodatkowych szablonów i funkcji projektowych.