Nasze widżety mailowe umożliwiają zamieszczenie zebranych treści UGC w kampaniach e-mail marketingowych. Można je skonfigurować za pomocą naszego edytora widżetów e-mail, który generuje kod, który następnie może zostać użyty w dowolnej kampanii mailingowej.
Uwaga: Widżet mailowy wyświetli jedynie zdjęcia kampanii, do których przypisane zostały produkty.
Poniżej możesz zobaczyć zrzut ekranu przedstawiający edytor widżetów e-mail.
Layout (Układ Graficzny)
Dostępne opcje układów to 'photo wall' i 'single line'. Pierwsza opcja wyświetla zawartość w formie galerii składającej się z 3 kolumn i dowolnej ilości wierszy, w zależności od liczby określoną w polu 'media count'. Druga opcja, jak pokazano na powyższym zrzucie ekranu, jest podobna do karuzeli, w której wszystkie zdjęcia są wyświetlane w jednej linii, a wymiary miniatur odpowiadają ustawieniom ustalonym w 'media count'.
Filters
'Granted Only': Włączenie tego filtru zapewnia, że będą wyświetlane tylko te treści, którym przyznano prawa do wykorzystania.
Integracja widżetów
Po skonfigurowaniu widżetu e-mail przejdź do górnej zakładki 'Embed Code'. Tam znajdziesz kod HTML, który należy skopiować i wkleić na platformę ESP, z której korzystasz przy tworzeniu kampanii marketingowych.
Na przykład w Mailchimp wystarczy dodać 'Code Block' do Twojego e-maila, jak pokazano poniżej:
Maile Tranzakcyjne
Ta funkcja pozwala na wyświetlanie treści związanych jedynie z konkretnym SKU (w przypadku e-maili wysyłanych po “porzuceniu koszyka” w trakcie zakupów). Filtr SKU musi być zawarty w “embed code” dołączonym do marge tagów ESP. Przykład, który zobaczysz poniżej, przedstawia “embed code” utworzony przez nasz edytor:
Przed
<table border="0" cellPadding="0" cellSpacing="0" style="margin:0 auto">
<tr>
<td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&link=true" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td>
<td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&link=true" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td>
<td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&link=true" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td>
</tr>
</table>
Tutaj marge tagi twojego ESP związane z Twoim SKU lub ID produktu powinny być dodane na końcu linków kodu.
Wystarczy skopiować następujący parametr „SKU”:
&sku=SKU
I dodaj go na końcu wszystkich linków, które pojawiają się w “embed code”. Na przykład, jeśli SKU produktu, który nas interesuje, to „0001”, wynik byłby następujący:
Po
<table border="0" cellPadding="0" cellSpacing="0" style="margin:0 auto"> <tr> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&link=true&sku=0001" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&sku=0001" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&link=true&sku=0001" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&sku=0001" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&link=true&sku=0001" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&sku=0001" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> </tr> </table>
Zapewni to, że z naszej platformy będą zbierane tylko treści związane z określonym SKU.
Maile wielojęzyczne
Domyślnie nasz “embed code” nie zawiera specyfikacji języka. Gdy użytkownik kliknie jedną z miniatur i wybierze produkt, zostanie automatycznie przekierowany na stronę z językiem zgodnym z katalogiem na platformie Photoslurp.
Aby określić język / lokalizację stron produktów, do których użytkownicy powinni być przekierowywani, dodaj kod języka zgodny z Twoim katalogiem na końcu linków HREF, jak widać poniżej:
<table border="0" cellPadding="0" cellSpacing="0" style="margin:0 auto"> <tr> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&link=true&sku=SKU&lang=en_gb" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&sku=SKU" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&link=true&sku=SKU&lang=en_gb" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&sku=SKU" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&link=true&sku=SKU&lang=en_gb" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&sku=SKU" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> </tr> </table>
Uwaga: Upewnij się, że format kodu języka, który tu określisz, jest taki sam, jak format używany w feedzie produktowym.
Obrazy zastępcze
Obrazy zastępcze są wymagane w przypadku korzystania z filtrów dynamicznych, takich jak SKU, gdy mamy niewystarczającą ilość treści, aby osiągnąć minimalną liczbę ustawioną w polu 'media count' dla określonego produktu.
Na przykład, jeśli 'media count' zostało ustawione na minimum 6 zdjęć, a e-mail wysłany po porzuceniu koszyka dotyczy produktu, który ma tylko 3 dostępne zdjęcia, ta funkcja pozwoli wypełnić brakujące pozycje, trzema zdjęciami zastępczymi.
Pola wymagają adresów URL zdjęć oraz linków, do których użytkownicy zostaną przekierowani po kliknięciu na dany obraz. Wykorzystanie zdjęć i linków do produktów, które są obecnie na wyprzedaży, może okazać się tutaj dobrą strategią.
Zalecamy, aby zawsze określać taką samą liczbę obrazów zastępczych, jaka została ustawiona w 'media count' aby mieć pewność, że wiadomości e-mail będą zawsze wysyłane z odpowiednią ilością zdjęć.
Analytics
Nasze widżety mailowe w pełni obsługują tagi Google Analytics UTM. Tagi należy po prostu dodać na końcu linku HREF w “embed code”, jak w poniższym przykładzie:
<table border="0" cellPadding="0" cellSpacing="0" style="margin:0 auto"> <tr> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0&link=true&utm_source=newsletter&utm_medium=email-widget&utm_campaign=summersales" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=0" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1&link=true&utm_source=newsletter&utm_medium=email-widget&utm_campaign=summersales" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=1" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> <td class="ps-email-td" style="padding:5px;border:none;width:265px"><a href="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2&link=true&utm_source=newsletter&utm_medium=email-widget&utm_campaign=summersales" target="_blank" rel="noopener noreferrer"><img src="https://email.photoslurp.com/redirect/15/?media_count=3&media_index=2" alt="" border="0" style="display:block;max-height:265px;max-width:100%;margin:0 auto" /></a></td> </tr> </table>
To jest funkcja premium. Aby uzyskać więcej informacji na temat Twojego pakietu Photoslurp i cen, skontaktuj się z menedżerem CS.