Elementul imagine oferă o modalitate convenabilă de a încorpora vizuale în funnelul sau pagina dvs. web, îmbunătățind experiența utilizatorului. Prin integrarea imaginilor care completează conținutul dvs., puteți crea un site mai captivant și estetic plăcut, captând atenția vizitatorilor și transmițând eficient mesajul dvs.

Setări Generale

Când editați elementul imagine pe pagina funnelului dvs., cele mai multe ajustări pot fi efectuate în secțiunea Setări Generale situată în stânga.

Numele Elementului

În partea de sus a acestei secțiuni, veți găsi numele elementului, care este denumirea implicită pentru opțiunea de editare pe care lucrați. Aveți opțiunea de a păstra acest nume implicit sau de a-l schimba pentru o identificare mai ușoară atunci când construiți pagina funnelului.

Opțiunea de Spațiu

Opțiunile de spațiu din secțiunea Setări Generale vă permit să ajustați paddingul și marginile pentru conținutul imaginii dvs.

• Padding (Stânga, Dreapta, Sus și Jos): Aceste patru bare de comutare vă permit să mutați conținutul în direcția specificată (stânga, dreapta, sus sau jos) în funcție de bara de comutare selectată.
• Margine (Sus și Jos): Ajustați marginea de sus sau de jos a conținutului dvs. prin comutarea barelor corespunzătoare.

Culoare de Fundal

Pentru a schimba culoarea de fundal a elementului imagine, faceți clic pe zona de conținut pe care doriți să o ajustați. Puteți selecta apoi o culoare din opțiunile furnizate sau introduceți un cod de culoare personalizat pentru a se potrivi cu brandingul dvs.

Opacitate

Puteți controla gradul în care textul sau conținutul dvs. se estompează în cadrul fiecărei casete de element. Opțiunile de opacitate variază de la Niciuna, Ușoară, și Jumătate, până la Estompare Greu.

Aliniere

Puteți ajusta poziționarea textului dvs. așa cum doriți, permițându-vă să îl aliniați la Stânga, Centrat, Dreapta sau Justificat.

Opțiunea Imagine

Facând clic pe pictograma imagine, veți fi direcționat către pagina de stocare, unde puteți încărca imaginea dorită. Odată ce a fost încărcată, faceți dublu clic pe imagine pentru a o încărca în spațiul editorului.

Optimizare Încărcare Imagine

Pentru a optimiza încărcarea imaginii, pur și simplu comutați-o pe off. Vine cu un avertisment, dacă sunteți sigur că doriți să o dezactivați, faceți clic pe "Ok"

?Notă: Optimizarea imaginilor pentru site-ul dvs. poate reduce timpul total de încărcare a paginii cu până la 80%.

Lățime și Înălțime (PX)

Specificați lățimea și înălțimea imaginii introducând dimensiunile dorite în câmpurile desemnate.

Text Alt

Asigurați-vă că adăugați text alt pentru scopuri SEO oferind o descriere scurtă a imaginii.

Acțiuni Imagine

Selectați acțiunea de redirecționare dorită pentru imaginea dvs. din meniul drop-down. Opțiunile includ:

• Niciuna: Facând clic pe imagine nu va solicita nicio acțiune.
• Deschide Popup: Se va afișa un popup presetat.
• Mergi la URL-ul Website-ului: Utilizatorii vor fi redirecționați către website-ul configurat. Puteți alege și dacă URL-ul ar trebui să se deschidă într-o filă nouă.
• Ascunde Element: Specificați elementele care ar trebui să fie ascunse atunci când imaginea este selectată.
• Afișează Element: Specificați elementele care ar trebui să fie afișate atunci când imaginea este selectată.
• Derulează la Element: Selectați elementul la care pagina ar trebui să deruleze atunci când imaginea este selectată.
• Pas: Alegeți pasul pe care imaginea ar trebui să-l afișeze atunci când este selectată.
• Pasul Următor: Redirecționează la pasul următor din funnel sau website.
• Apel: Inițiază un apel către numărul selectat atunci când imaginea este clicată.
• SMS: Inițiază un mesaj SMS către numărul configurat.
• Adresă de Email: Inițiază un email către adresa configurată.

Animatii

Alegeți dintr-o varietate de efecte de animație adaptate stilului dvs. de conținut și preferințelor publicului. Opțiunile includ:

• Estompare la Intrare: Introduceți elemente cu un efect subtil de estompare.
• Alunecare la Intrare: Elementele alunecă din direcții diferite.
• Recul la Intrare: Adăugați un efect jucăuș de rebotez.
• Întoarcere la Intrare: introduceți imaginea dvs. cu o mișcare dinamică de întoarcere.
• Rotire la Intrare: Elementele intră cu o mișcare de rotire.
• Zoom la Intrare: Elementele apar cu un efect de zoom.
• Animații Loop: Aplicați efecte continue pentru a menține elementele în mișcare.

Setări Avansate

Pentru tab-ul Setări Avansate, aveți opțiuni de personalizare suplimentare, cum ar fi adăugarea de border-radius, ajustarea vizibilității, adăugarea unei clase personalizate și copierea codului CSS pentru utilizare ulterioară.

Umbre

Aplicați umbre de casă pentru a se potrivi nevoilor dvs. de design. Faceți clic pe butonul plus pentru a aplica o umbră exterioară implicită cu valori presetate, care pot fi personalizate suplimentar cu setări specifice. Adăugați mai multe umbre făcând clic pe butonul plus, permițând designuri mai complexe. Modificați fiecare umbră selectând între tipuri exterioare sau interioare și ajustați parametrii, cum ar fi valoarea X, valoarea Y, Estompare, Distribuție și Culoare.

Raza de Imagine

Dropdown-ul Raza de Bordură oferă opțiuni pentru a afișa imaginea dvs. în forma sa originală, ca un cerc sau ca un oval.

Bordura Imagine

Puteți selecta tipul dorit de bordură pentru imaginea dvs.

Umbra Imagine

Puteți îmbunătăți imaginea dvs. adăugând o umbră de bordură. Pentru a face acest lucru, selectați dropdown-ul umbrelor de bordură și alegeți între opțiunile de umbră exterioară și umbră interioară.

Vizibilitate

Secțiunea Vizibilitate vă permite să controlați afișarea elementului imagine, permițându-vă să comutați vizibilitatea acestuia pentru dispozitive desktop sau mobile conform cerințelor dvs. Puteți previzualiza modificările folosind opțiunile desktop și mobile din colțul din stânga sus al constructorului de funneluri pentru a vedea cum apare pe diferite dispozitive.

Clasă Personalizată

Introduceți sau lipiți codul clasei dvs. personalizate în câmpul furnizat.

Selector CSS

Pentru a copia un selector CSS, faceți clic pe pictograma "copiază" situată în partea dreaptă a numărului de referință.