Cum să creezi o fereastră pop-up în WordPress (Cea ușoară)

Publicat: 2022-09-22

O fereastră pop-up este o modalitate excelentă de a atrage atenția vizitatorilor site-ului dvs. și de a le oferi șansa de a se înscrie la buletinul informativ, de a afla mai multe despre cel mai recent produs al dvs. sau de a profita de o ofertă specială. Există câteva moduri diferite de a crea un pop-up în WordPress, dar cel mai simplu mod este să utilizați un plugin. Există multe pluginuri pop-up disponibile pentru WordPress, dar vă recomandăm să utilizați Popup de la OptinMonster. După ce ați instalat și activat pluginul, va trebui să creați o nouă fereastră pop-up. Pentru a face acest lucru, accesați Popup-uri » Adăugați nou în zona dvs. de administrare WordPress. Pe ecranul următor, va trebui să introduceți un nume pentru pop-up și să selectați un tip de pop-up. OptinMonster oferă mai multe tipuri diferite de ferestre pop-up, inclusiv ferestre pop-up lightbox, ferestre pop-up glisante și ferestre pop-up pe ecran complet. Pentru acest exemplu, vom alege o casetă pop-up lightbox. După ce ați selectat un tip de pop-up, veți putea alege un șablon pentru pop-up. OptinMonster oferă peste 50 de șabloane pop-up proiectate profesional pe care le puteți folosi. După ce ați selectat un șablon, veți putea personaliza fereastra pop-up. Puteți schimba culorile, textul, imaginile și multe altele. După ce sunteți mulțumit de pop-up, faceți clic pe butonul „Salvați” pentru a salva modificările. Acum că v-ați creat popup-ul, este timpul să îl adăugați pe site-ul dvs. WordPress. Pentru a face acest lucru, accesați Ferestre pop-up » Gestionați ferestrele pop-up și faceți clic pe fila „Încorporați”. Pe următorul ecran, veți vedea un cod pe care trebuie să îl adăugați pe site-ul dvs. web. Puteți adăuga manual acest cod pe site-ul dvs. web sau puteți utiliza un plugin precum Inserați anteturi și subsoluri pentru a adăuga codul automat. După ce ați adăugat codul pe site-ul dvs. web, faceți clic pe butonul „Salvați” și ați terminat. Fereastra pop-up va fi acum vizibilă pe site-ul dvs. web.

Cum pot adăuga cod pop -up pe site-ul meu WordPress? Pașii de mai jos durează doar aproximativ 5 minute. Instrumentul Popupsmart, care vă permite să creați ferestre pop-up pe site-ul dvs. cu o singură linie de cod, este o alegere excelentă pentru a crea ferestre pop-up. Când vă înregistrați, faceți clic pe Creați o fereastră pop-up nouă în tabloul de bord. Vă rugăm să introduceți mai întâi codul de încorporare, urmat de eticheta corporală. Amplasarea codului este critică. Pentru a termina eticheta corporală, introduceți o pastă. Acum este posibil să salvați și să publicați din nou fereastra pop-up.

Selectați Editați site-ul web din meniul din stânga pentru a accesa editorul site-ului dvs. Selectați Popup din Suplimente de site din fila Site din partea de sus a editorului dvs. Caseta pop-up poate fi personalizată pentru a răspunde nevoilor dumneavoastră specifice. Prin activarea butonului Activare pop-up, puteți activa sau dezactiva caseta pop-up.

Formularul pop-up poate fi creat făcând clic pe Formulare din meniul de sus, apoi selectând fila Ferestre pop-up, apoi făcând clic pe Creare pop-up. Formularul va fi salvat și veți putea continua după ce îi dați un nume și îl salvați. Apoi, alegeți grupul dvs. de abonați, un șablon și personalizați formularul și pagina de succes până vă place cum arată.

Cum creez un pop-up personalizat în WordPress?

Credit: WPForms

Navigați la tabloul de bord WordPress și faceți clic pe Popup Maker . Ecranul de editare pop-up apare după ce ați activat Popup. Când faceți clic aici, primul lucru pe care va trebui să-l faceți este să introduceți un nume pentru fereastra pop-up. Am folosit acest exemplu pentru a demonstra că puteți introduce și un titlu de afișare opțional. Vizitatorii vor putea vedea acest titlu afișat opțional dacă este disponibil.

În acest ghid pas cu pas, veți învăța cum să creați ferestre pop-up de formulare de contact în WordPress. OptinMonster, un plugin, este unul dintre cele mai populare plugin-uri pop-up, cu peste un milion de utilizatori. Formularele care se pot completa, în special cele furnizate de MailerLite sau Mailchimp, funcționează bine cu formularele pop -up . Ratele de conversie și adresele de e-mail vor crește dacă utilizați corect un formular pop-up. În Pasul 1, creați un formular de contact folosind Formulare formidabile, iar în Pasul 2, creați un pop-up WordPress folosind OptinMonster. Instalând aceste plugin-uri în administratorul WordPress, puteți începe să le testați pe o pânză goală. În următorii pași, vom trece la pasul următor după ce au fost instalate și activate.

Produsul final al formularului dvs. va fi afișat atunci când este publicat sau previzualizat. Pentru a configura declanșatoarele noastre, accesați fila Reguli de afișare din partea de sus a paginii și selectați opțiunea corespunzătoare. Vizitatorii pot alege dacă pop-up-ul se afișează sau nu la sosire. Ora pe site poate fi aleasă făcând clic pe fila Declanșare (când) din meniul contextual. Un formular pop-up este o modalitate excelentă de a face site-ul dvs. să pară mai rafinat. De ce subsolul sau bara laterală trebuie să fie un formular pop-up când puteți crea cu ușurință formulare pop-up cu WordPress? Instrumentul nostru vizual de stilare a formularelor poate fi folosit pentru a potrivi aspectul formularelor dvs. cu site-ul dvs. web.

Link WordPress către pop-up

WordPress este un sistem de management al conținutului (CMS) care vă permite să creați un site web sau un blog de la zero sau să îmbunătățiți un site web existent. Una dintre cele mai utile caracteristici ale WordPress este legătura sa către capacitatea pop-up. Acest lucru vă permite să creați linkuri care se deschid într-o fereastră nouă, facilitând menținerea cititorilor pe site-ul dvs., oferindu-le în același timp informații suplimentare.

Puteți afișa funcționalitatea WordPress Popup într-o varietate de moduri, în funcție de viteza de încărcare a paginii, timpul de derulare a paginii și modul în care părăsiți site-ul. Odată ce codul necesar a fost adăugat, totul este făcut. Cum pot face să apară o fereastră pop-up după ce fac clic pe linkul meu de conținut? În HTML, puteți utiliza atributul onclick al popup-ului pentru orice element din site-ul dvs., dacă știți cum să faceți acest lucru. Popup-urile nu vor fi încărcate pe server dacă utilizați atributul onclick în temă sau oriunde altundeva din conținutul site-ului. Completați codul necesar pentru a afișa ferestre pop-up pe site-ul dvs. Ca prim pas, faceți PopUp să se încarce din partea serverului (bază de date), iar în al doilea pas, legați-l la linkul pe care ați făcut clic.

Cum se creează pop-up personalizat în WordPress utilizând Javascript

Există multe modalități de a crea ferestre pop- up personalizate în WordPress folosind JavaScript. O modalitate este să utilizați pluginul Popup Maker. Acest plugin vă permite să creați ferestre pop-up personalizate și să le adăugați pe site-ul dvs. WordPress. O altă modalitate este să utilizați pluginul WP Popup.

PenguinArts a creat un ghid pas cu pas pentru crearea pop-up-urilor personalizate pe o platformă WordPress de la zero. În acest tutorial, vă vom arăta cum să faceți acest lucru pe cont propriu cu PHP, jQuery și câteva linii de CSS. Tot conținutul pop -up va fi gestionat de administrator și veți putea să vă selectați propriul design. Acest tutorial va fi realizat folosind un pop-up magnific și un ACF. Pentru ca pop-up-ul să apară pe pagina noastră, vom avea nevoie de câteva rânduri de cod. Dacă aveți probleme cu această implementare, vă rugăm să-mi spuneți și voi face tot ce pot pentru a vă ajuta.

Plugin popup modal WordPress

Există multe plugin-uri pop-up modale WordPress disponibile. Unele dintre cele mai populare sunt: ​​Popup Maker, Modal Popups de WPForms și Ninja Popups. Aceste plugin-uri vă permit să creați ferestre pop-up care pot fi utilizate pentru o varietate de scopuri, cum ar fi afișarea unui formular de abonare, afișarea unui videoclip sau furnizarea de informații suplimentare despre un produs sau serviciu.

Snitcher include o varietate de caracteristici care vă permit să adăugați ferestre pop-up pe orice pagină, indiferent de tipul de conținut. Puteți folosi acest lucru pentru a stârni interesul utilizatorilor față de promoțiile, ofertele și anunțurile dvs. de caracteristici, precum și pentru a oferi informații importante prin mesaje pop-up strălucitoare. Fiecare dintre ferestre are propriul set de preferințe de stil pentru fiecare element, permițându-vă să creați un aspect unic pentru site-ul dvs. Pluginul este compatibil cu standardul WCAG Level AA și permite un nivel ridicat de accesibilitate a conținutului în interiorul pop-up-ului. Este simplu să vizualizați fereastra pop-up făcând clic, derulând, trecând cu mouse-ul, în funcție de timpul de activitate sau de inactivitate, sau prin schimbarea filei sau a ieșirii, și se va deschide imediat după ce pagina a fost încărcată. Acest instrument este acceptat de Chrome, Firefox, Opera, Safari și alții, indiferent de ce browser vă vizualizează site-ul.

Cum să eliminați pop-up-ul din WordPress

Există câteva moduri diferite prin care puteți elimina ferestrele pop-up din WordPress. O modalitate este de a dezactiva pur și simplu pluginul care provoacă apariția pop-up-ului. O altă modalitate este să editați codul pluginului pentru a elimina pop-up-ul. În cele din urmă, puteți utiliza, de asemenea, un plugin WordPress de blocare a ferestrelor pop-up pentru a bloca toate ferestrele pop-up de pe site-ul dvs.

Am folosit anterior un plugin Popup Builder pe pagina mea, dar nu mai era relevant, așa că am vrut să-l șterg. Acest pop-up pare să fie dificil de codificat în pagină. Nu pot să-l editez sau să îl elimin de pe computer. Cum procedez cu cererea mea? Puteți încerca, vă rog, să ștergeți memoria cache și să verificați din nou?

Cum scap de formularul pop-up Mailchimp din WordPress?

Dacă aveți mai multe site-uri conectate, faceți clic pe linkul Editați pentru a le selecta pe cele pe care doriți să apară formularul pop-up. Pentru a dezactiva formularul pop-up de pe site-ul dvs., faceți clic pe comutator dezactivat.

Cum se deschide un pop-up modal pe butonul Faceți clic în WordPress

Pentru a deschide un pop-up modal la clic pe buton în WordPress, va trebui să creați un element buton și să adăugați următoarea clasă la acesta: „popmake-trigger”. Apoi, va trebui să creați un pop-up modal și să adăugați următoarea clasă la acesta: „popmake-modal”.

Cum să adăugați un pop-up în WordPress în trei pași simpli – WPMPet Acesta este cel mai simplu mod de a adăuga un pop-up la un site WordPress. Ferestrele pop-up sunt o modalitate excelentă de a crește numărul de abonați la buletinul informativ, sporind în același timp experiența utilizatorului site-ului dvs. Pe baza a 2 miliarde de ferestre pop-up modale, primele 10% dintre site-uri web au avut o rată medie de conversie de 9,28%. Modalurile pop -up sunt cunoscute că au o rată de succes ridicată în campaniile de generare de clienți potențiali. În mai puțin de doi ani, Sumo susține că a colectat peste 23 de milioane de adrese de e-mail folosind un mod pop-up. Când solicitați vizitatorilor site-ului web să ia măsuri sau să observe un mesaj important, utilizarea modalelor este o modalitate foarte eficientă de a realiza acest lucru. Cadrul ElementsKit vă permite să modificați aspectul, tipatorul, poziția pop-up și afișarea ferestrei dvs. modale.

Pe lângă o imagine sau un videoclip personalizat, îl puteți face să apară ca o pagină, făcându-l să apară. Pictograma de închidere, antetul și subsolul pot fi, de asemenea, ascunse. Pluginul WordPress ElementsKit este un creator de pop-up all-in-one care poate fi folosit pentru crearea de site-uri web. Formularul de contact 7 poate fi adăugat la fișierul Modal cu ElementsKit. Utilizați widget-urile încorporate în ElementsKit pentru a crea modalități captivante. Metodele vă permit să contactați mai mulți abonați și să colectați date despre utilizatori.