Hotspot Widget (Pro)
Cuprins:
arată
Widge-tul Hotspot Widget (Pro) vă ajută să creați imagini interactive care vă pot ajuta să evidențiați informații relevante, să creșteți implicarea și să creșteți conversiile pentru site-ul dvs.
Controale
Fundal
- Imagine – Alegeți imaginea de fundal a ferestrei de vizualizare.
- Dimensiunea imaginii – Alegeți dimensiunea potrivită în funcție de lățimea și înălțimea ambalajului.
- Aliniere – Alegeți între alinierea la stânga, la centru sau la dreapta.
Hotspot
Conţinut
- Etichetă – Introduceți text pentru a afișa o etichetă, mai degrabă decât un indicator de pictogramă.
- Link – Introduceți un link URL pentru Hotspot. Pot fi aplicate opțiuni dinamice.
- Pictogramă – Alegeți pictograma Hotspot-ului dvs. din bibliotecă sau încărcați-vă propria în format SVG.
- Dimensiune personalizată HotSpot – Comutați această opțiune pentru a activa o dimensiune personalizată pentru etichetă.
- Lățimea minimă – Reglați lățimea etichetei.
- Înălțime minimă – Reglați înălțimea etichetei.
- Conținut de indicație – Folosind editorul de text, introduceți conținutul pe care doriți să îl afișați în conținutul de informații despre codul HTML care este permis.
Sfat:
Puteți utiliza Opțiunile dinamice din Link pentru a deschide un Pop-up Elementor, mai degrabă decât un sfat explicativ.
Puteți utiliza Opțiunile dinamice din Link pentru a deschide un Pop-up Elementor, mai degrabă decât un sfat explicativ.
Poziționare
- Orientare orizontală – Alegeți poziția de pornire a Hotspot-ului dumneavoastră între stânga sau dreapta.
- Offset – Folosiți glisorul pentru a regla poziția orizontală a hotspot-ului în %.
- Orientare verticală – Alegeți poziția de pornire a Hotspot-ului dumneavoastră între Sus sau Jos.
- Offset – Folosiți glisorul pentru a regla poziția verticală a hotspot-ului în %.
- Poziție personalizată a balonului – Oferă opțiuni suplimentare pentru afișare numai pentru hotspot-ul curent.
- Poziție – Alegeți între stânga, sus, dreapta sau jos.
- Lățime – Ajustați lățimea casetei în PX sau %.
- Împachetarea textului – Comută această opțiune pentru a activa încadrarea textului în Hotspot-ul tău.
- Animație – Selectați animația pictogramei dvs.
- Animație secvențială – Comutați pentru a selecta utilizarea unui efect de animație secvențial.
- Durata secvenței – Dacă este selectată animația secvențială, determinați durata secvenței de animație în ms.
Tooltip
- Poziție – Alegeți poziția conținutului balonului explicativ între Stânga, Sus, Dreapta sau Jos.
- Declanșare – Selectați între Hover sau Click.
- Animație – Selectați animația pentru ca balonul dvs. să apară.
- Durată – Reglați timpul animației în ms.
Notă:
Dacă Poziția personalizată a balonului cu instrumente este activată, va fi utilizată Poziția casetei personalizată, mai degrabă decât Poziția generală a balonului cu instrumente.
Dacă Poziția personalizată a balonului cu instrumente este activată, va fi utilizată Poziția casetei personalizată, mai degrabă decât Poziția generală a balonului cu instrumente.
Stil
Fundal
- Lățimea – Ajustați lățimea imaginii de fundal în px, % sau vw.
- Înălțime – Ajustați înălțimea imaginii de fundal în px, % sau vh.
- Opacitate – Ajustați opacitatea imaginii de fundal.
Hotspot
- Culoare – Folosiți selectorul de culori pentru a alege culoarea punctului de acces.
- Dimensiune – Ajustați dimensiunea hotspot-ului dvs.
- Tipografie – Selectați proprietățile fontului etichetei hotspot-ului.
- Lățime – Ajustați lățimea zonei etichetei hotspot-ului în px sau %.
- Culoarea casetei – Folosiți selectorul de culori pentru a alege culoarea de fundal a etichetei.
- Padding – Reglați padding-ul etichetei.
- Raza chenarului – Setați raza chenarului etichetei.
- Box Shadow – Creează un efect de umbră pentru caseta de etichetă.
Tooltip
- Culoare text – Folosiți selectorul de culori pentru a alege culoarea textului pentru conținutul descrierii.
- Tipografie – Selectați proprietățile fontului din Tooltip.
- Aliniere – Alegeți alinierea textului justificat la stânga, la dreapta a balonului cu instrumente.
Box
- Lățimea – Ajustați lățimea casetei de indicații în px sau %.
- Padding – Setați padding-ul casetei de indicații în px, em sau %.
- Culoare – Folosiți selectorul de culori pentru a alege culoarea de fundal a indicației.
- Raza chenarului – Setați raza chenarului casetei cu indicații.
- Box Shadow – Creați un efect de umbră pentru caseta de indicații.
Avansat
Nu există opțiuni suplimentare specifice pentru Widge-tul Hotspot Widget (Pro) în fila Avansat.
Pentru confortul dvs. urmăriți acest Tutorial și în format Video. Video creat de echipa de asistență Elementor.
Notă! Ați găsit util acest articol? Atunci veți aprecia sprijinul oferit de Elementor în realizarea acestui tutorial. Experimentați construcția unui site cu Elementor astăzi și obțineți un site web modern, pre-securizat, pre-optimizat. Alegeți licența care vi se potrivește astăzi, treceți la versiunea Pro.
