Popup cu Numărătoare Inversă – Hello Bar
Cuprins:
arată
Creați o fereastră pop-up care să afișeze un cronometru pentru reducere de 24 de ore. În acest articol veți învăța cum să creați o Fereastră Popup cu Numărătoare Inversă – Hello Bar, care:
- Adaugă o urgență
- Crește vânzările
Proiectați Popup-ul și Conținutul Acestuia
- Accesați Șabloane > Ferestre Pop-up > Adăugați nou și dați un nume noii ferestre pop-up
- Alegeți un șablon pop-up pre-proiectat sau închideți suprapunerea Bibliotecă și proiectați-vă pop-up-ul de la zero.
Popup > Fila Aspect
- Lățimea: 100vw, deci se va afișa pe 100% din lățimea ferestrei de vizualizare
- Înălțime: Personalizat
- Înălțime personalizată: 300 px
- Poziție > Verticală: Sus
- Suprapunere: Glisați la Oprit
- Animație de intrare: Fade In
- Durata animației: 2,2 secunde
Popup > Fila Stil
- Popup > Culoare: Glisați la transparent
- Popup > Box Shadow: faceți clic pe săgeata de resetare pentru a dezactiva caseta de umbră.
- Buton de închidere > Poziție verticală: 20
- Buton Închidere > Poziție orizontală: 4
- Dimensiune: 30
Popup > Fila Avansat
Padding: 30px pentru toți.
Conţinut
- Faceți clic pe + pentru a adăuga o nouă secțiune cu 4 coloane.
- Secțiune > Aspect > Poziție conținut: mijloc
- Secțiune > Stil > Culoare: #e8e8e8
- Adăugați un Widget Titlu și introduceți titlul și ajustați dimensiunea și greutatea fontului după cum doriți
- Adăugați un Widget Buton și ajustați textul, culoarea și elementele de design după cum doriți
- Adăugați un Widget Numărătoare inversă și întindeți-l trăgând coloana
- Numărătoare inversă > Conținut > Tip: Timer Evergreen
- Numărătoare inversă > Conținut > Ore: 23
- Numărătoare inversă > Conținut > Minute: 59
- Numărătoare inversă > Conținut > Acțiuni după expirare: alegeți atât Ascunde, cât și Mesaj nou
- Numărătoare inversă > Conținut > Mesaj: mesajul pe care doriți să-l afișați împreună cu cronometrul expiră
- Numărătoare inversă > Stil > Casete > Culoare de fundal: Selectați o culoare
- Numărătoare inversă > Stil > Conținut > Cifre: Schimbați culoarea și tipografia după cum doriți
- Numărătoare inversă > Stil > Conținut > Etichetă: schimbați culoarea și tipografia după cum doriți
- Adăugați un Widget Imagine și alegeți o fotografie din biblioteca dvs.
- Imagine > Avansat > Marjă: setați o marjă minus în partea de jos, astfel încât imaginea să plutească ușor sub fereastra pop-up.
- Imagine > Avansat > Animație intrare: Rotiți în jos stânga
- Imagine > Avansat > Durată animație: Lentă
- Imagine > Avansat > Întârziere animație (ms): 500
Setați opțiunile de publicare
- Condiție: Include > Întregul site
- Declanșatoare > Încărcare pe pagină: da, în 3 secunde
- Reguli avansate > Ascundere pentru utilizatorii conectați: da, toți utilizatorii
- Reguli avansate > Afișați până la X ori: Da, 1 dată
Totul este gata. Vizitați pagina dvs. și, după 3 secunde, va apărea Fereastra Popup cu Numărătoarea inversă, creând un sentiment de urgență și un stimulent pentru a cumpăra un produs.
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.
