Cum se creează imagini de rol pentru emailuri și pagini de produse

Imagini care se schimbă pentru a arăta una diferită atunci cândcursorul dvs. este poziționat peste acesta se numesc Imagini Rollover. Sunt o modalitate minunată de a prezenta produsele sau de a face conținutul mai interactiv pentru vizitatori. Aceste imagini sunt utilizate pe scară largă și în e-mailurile de marketing, unde poate sunt mai puțin binevenite. Imaginile sunt create cu CSS și HTML, dar dacă căutați o metodă simplă bazată pe interfață de utilizator pentru a le crea, Instrumentul Ruleta lui FreshInbox este ceea ce ai nevoie.

Înainte de a începe, asigurați-vă că le aveți pe cele douăimagini pe care doriți să le includeți în imaginea înrudită. Dintre cele două imagini, una va apărea când cursorul nu este poziționat peste el, în timp ce cealaltă va apărea când cursorul se va muta pe imagine. Imaginile dvs. pot fi atât în ​​format PNG, fie în format JPG. Încărcați-le pe un serviciu de cloud drive sau servicii de partajare a imaginilor, cum ar fi Imgur, și apoi îndreptați-vă la instrumentul Rulmentul FreshInbox

În adresa URL a imaginii primare, introduceți adresa URL aimagine care ar trebui să apară atunci când cursorul mouse-ului nu este poziționat peste imagine. Specificați lățimea și înălțimea imaginii, iar în adresa URL a imaginii alternative, introduceți adresa URL a imaginii care va apărea când cursorul este poziționat peste ea.

În continuare, introduceți o adresă URL de redirecționare în caseta „Link”. Dacă un utilizator face clic pe imaginea dvs. de redresare, va fi dus la adresa URL introdusă aici. Introduceți textul ALT și faceți clic pe „Generați. Veți vedea o previzualizare a imaginii din dreapta și veți primi coduri pentru adăugarea imaginii pe site-ul dvs. web sau e-mail.

Dacă doriți ca imaginea să răspundă, activați-oopțiunea „Scalați imaginea pe lățimea containerului”, dar faceți acest lucru numai dacă știți să lucrați cu containerele. Lăsați opțiunea nemarcată pentru o imagine normală de rulare. Pentru a-l insera într-un e-mail sau într-o pagină web, copiați codul și lipiți-l în etichetă pentru care este destinat, adică Titlu pentru e-mail și Corp pentru pagina web. Este nevoie de toate pentru a face o imagine înrâurită.

Accesați instrumentul Ruleta FreshInbox