Fereastră Popup de Blocare a Conținutului
Cuprins:
arată
Creați o Fereastră Popup care să împiedice vizitatorii să vadă conținutul paginii, cu excepția cazului în care fac clic pe un anumit buton din Popup.
În acest articol veți învăța cum să creați o Fereastră Popup de Blocare a Conținutului și care:
- Puneți vizitatorului o întrebare Da sau Nu și permiteți vizitatorului să facă clic fie pe un buton Da, fie pe un buton Nu
- Afișați conținutul paginii dacă vizitatorul dă clic pe butonul Da și redirecționează vizitatorul către o altă adresă URL dacă face clic pe butonul Nu sau face clic oriunde în afară de butonul Da.\ În continuare exemplul folosit este un șablon gata proiectat din biblioteca de șabloane Elementor.
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. (O metodă alternativă este să apăsați CMD+E sau CTRL+E pentru a deschide Finder, căutați Popup, alegeți Add New Popup și dați-i un nume.)
- 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ățime: setată la 600 px
- Înălțime: selectați Personalizat
- Înălțime personalizată: Setată la 800 px
- Poziție verticală: centru
- Butonul Închidere: Setați pentru Ascundere
- Animație de intrare: Alegeți Fade In
Conţinut
- Adăugați un titlu care pune o întrebare Da sau Nu și stilați-l după cum este necesar.
- Adăugați două butoane, unul pentru Da și unul pentru Nu și modelați fiecare după cum este necesar.
- Faceți clic pe pictograma
din stânga jos a panoului pentru a reveni la Setările pop-up
din stânga jos a panoului pentru a reveni la Setările pop-upPopup > Fila Stil
- Tip de fundal: Transparent
- Imagine: Adăugați o imagine de fundal și ajustați setările acesteia după cum este necesar
Popup > Fila Avansat
- Umplutură: Setați la 80px pentru dreapta și stânga, plecând Top iar Jos gol
- Preveniți închiderea la suprapunere: setați la Da
- Prevenire la închidere pe cheia ESC: Setați la Da
Editați Secțiunea
Secțiune > Stil > Chenar
- Tip chenar: Solid
- Lățimea chenarului: 15px
- Culoare: alegeți o culoare pentru chenar
- Raza chenarului: 40 numai pentru partea de jos
Secțiune > Avansat
- Padding: 30 px numai pentru partea de jos.
Editați Coloana
Coloană > Stil
- Tip de fundal: Gradient
- Culoare: alegeți prima culoare gradient
- A doua culoare: alegeți a doua culoare gradient
- Tip: radial
Bordură
- Raza chenarului: 20px numai pentru partea de jos
- Box Shadow: Setați după cum este necesar
Coloană > Avansat
- Margini: Setați -30 (minus 30) atât pentru Sus, cât și pentru Stânga
- Umplutură: setați 100 de pixeli atât pentru partea de sus, cât și pentru cea de jos.
Editați Conținutul
Titlu > Stil
- Titlu: Setați culoarea la alb.
Buton > Stil
- Culoare text: setați culoarea la alb pentru fiecare buton.
Editați Butonul Da
Conţinut:
- Link: faceți clic pe pictograma Dynamic și alegeți Acțiuni > Popup
- Faceți clic din nou pe Popup
- Alegeți Închideți pop-up și glisați Nu se mai afișează pe Da
și alegeți Acțiuni > PopupEditați Butonul Nu
Conţinut:
Link: introduceți orice link de site adecvat vârstei
Setați opțiunile de publicare
Faceți clic pe butonul Publicați. Nu există condiții, declanșatoare sau reguli avansate pentru acest pop-up, așa că faceți clic pe butonul Salvare și închidere.
Editați pagina care conține butonul Cumpărați (sau orice buton pe care îl creați pentru a lansa fereastra pop-up).
Editați Butonul Cumpărați
- Dacă nu ați creat deja un Buton pentru a lansa Popup-ul, puteți face acest lucru acum. Editați-i textul și tipografia după cum este necesar.
- Link: faceți clic pe pictograma Dynamic și alegeți Acțiuni > Popup
- Faceți clic din nou pe Popup și, sub Acțiune, alegeți Open Popup.
- În câmpul Popup, introduceți câteva litere pentru a căuta/găsi popup-ul pe care tocmai l-ați creat.
- Faceți clic pe butonul Actualizare pentru a actualiza pagina.
Totul este gata. Acum accesați pagina cu Butonul Cumpărați, faceți clic pe el și vedeți fereastra pop-up în acțiune.
Sfat înțelept:
Poate acest Pop-up nu se potrivește exact nevoilor dvs., dar pentru a vă da seama exact cum se creează o Fereastră Popup de Blocare a Conținutului, efectuați exact pașii descriși mai sus. La urmă puteți modifica ce doriți, poză, conținut, culoare, dimensiune, etc. Veți știi exact unde să modificați.
Poate acest Pop-up nu se potrivește exact nevoilor dvs., dar pentru a vă da seama exact cum se creează o Fereastră Popup de Blocare a Conținutului, efectuați exact pașii descriși mai sus. La urmă puteți modifica ce doriți, poză, conținut, culoare, dimensiune, etc. Veți știi exact unde să modificați.
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.
