- - Jak tworzyć obrazy najazdu na e-maile i strony produktów

Jak tworzyć obrazy najazdu na e-maile i strony produktów

Obrazy, które zmieniają się, aby pokazać inny kiedykursor nad nim ustawiony jest nazywany obrazami najazdu. Są świetnym sposobem na zaprezentowanie produktów lub uczynienie treści bardziej interaktywnymi dla odwiedzających. Te obrazy są szeroko stosowane w e-mailach marketingowych, a także tam, gdzie być może są mniej mile widziane. Obrazy są tworzone za pomocą CSS i HTML, ale jeśli szukasz prostej metody ich tworzenia opartej na interfejsie użytkownika, Narzędzie Rollover FreshInbox jest to, czego potrzebujesz.

Zanim zaczniesz, upewnij się, że masz dwaobrazy, które chcesz uwzględnić w obrazie najazdu. Z dwóch obrazów jeden pojawi się, gdy kursor nie będzie nad nim ustawiony, a drugi pojawi się, gdy kursor przejdzie do obrazu. Twoje obrazy mogą być w formacie PNG lub JPG. Prześlij je do dysku w chmurze lub usługi udostępniania obrazów, takich jak Imgur, a następnie przejdź do narzędzia Rollover FreshInbox.

W podstawowym adresie URL obrazu wprowadź adres URL plikuobraz, który powinien się pojawić, gdy kursor myszy nie znajduje się nad obrazem. Określ szerokość i wysokość obrazu, a w alternatywnym adresie URL obrazu wprowadź adres URL obrazu, który pojawi się po umieszczeniu nad nim kursora.

FreshInbox

Następnie wprowadź adres URL przekierowania w polu „Link”. Jeśli użytkownik kliknie obraz z najazdem, zostanie przekierowany na podany tutaj adres URL. Wpisz tekst ALT i kliknij „Generuj. Po prawej stronie zobaczysz podgląd obrazu i otrzymasz kody do dodania obrazu do swojej witryny lub e-maila.

Jeśli chcesz, aby obraz był responsywny, włączopcja „Skaluj obraz do szerokości kontenera”, ale rób to tylko wtedy, gdy wiesz, jak pracować z kontenerami. Pozostaw tę opcję niezaznaczoną dla normalnego obrazu najazdu. Aby wstawić go do wiadomości e-mail lub strony internetowej, skopiuj kod i wklej go w znaczniku, do którego jest przeznaczony, np. Nagłówek wiadomości e-mail i Treść strony internetowej. To wszystko, czego potrzeba, aby utworzyć obraz najazdu.

Odwiedź narzędzie Rollover FreshInbox

Komentarze