Cum să creați o casetă pop-up lightbox pe site-ul dvs. (pas cu pas)

Publicat: 2021-12-31

Căutați o modalitate de a crea o casetă de tip pop-up lightbox pentru site-ul dvs.?

O fereastră pop-up lightbox poate fi incredibil de eficientă pentru captarea clienților potențiali. Sunt concepute pentru a convinge și a converti.

Dar a trebui să codificați unul de la zero este o adevărată durere. În primul rând, ar trebui să cunoașteți suficient HTML, CSS și Javascript pentru a crea pop-up-ul împreună cu regulile de declanșare pentru când să îl afișați. Apoi, va trebui să creați o integrare manuală cu furnizorul de servicii de e-mail. Și, în sfârșit, va trebui să vă ocupați de orice problemă de confidențialitate și securitate.

Vești bune: există o modalitate mult mai simplă.

În acest articol, vă vom arăta cum să lansați un pop-up lightbox cu codificare zero în mai puțin de 10 minute.

Să ne scufundăm.

Ce este o casetă pop-up Lightbox?

O fereastră pop-up lightbox este un formular de înscriere care apare cu un efect cinematografic. Când apare o casetă lightbox, restul site-ului este estompat în fundal. În acest fel, toată atenția ta este pe pop-up.

Exemplu de tip pop-up lightbox

Inițial, conceptul de casete luminoase provine din publicitatea exterioară:

Reclamă lightbox

Și apoi, unii dezvoltatori au crezut că acesta a fost un efect cu adevărat grozav și au creat o bibliotecă Javascript pentru a recrea același efect asupra activelor web. Mai târziu, a intrat în joc ideea utilizării ferestrelor pop-up lightbox.

De ce funcționează ferestrele pop-up Lightbox

Ferestrele pop-up lightbox captează mai multe e-mailuri decât un formular tradițional de înscriere pentru e-mail.

Dar de ce funcționează?

Să aruncăm o privire rapidă la principalele motive pentru care ferestrele pop-up lightbox funcționează atât de bine.

#1. Ferestrele pop-up Lightbox prezintă un îndemn clar la acțiune

Majoritatea oamenilor cred că este un lucru grozav să le oferi clienților lor o mulțime de opțiuni.

Dar asta nu este chiar adevărat.

Dacă sunteți în căutarea unor conversii directe, doriți un singur îndemn la acțiune clar pe care publicul dvs. să se poată concentra. În acest fel, eliminați toate distragerile din mintea utilizatorului. Și ferestrele pop-up lightbox fac o treabă grozavă în evidențierea ofertei dvs. de bază și pentru a determina oamenii să se concentreze asupra îndemnului dvs. la acțiune.

Deci, firește, ratele de conversie sunt destul de mari.

#2. Ferestrele pop-up Lightbox sunt imposibil de ignorat

Ferestrele pop-up lightbox ocupă întregul ecran și estompează totul. Deci, este practic imposibil să le ignori.

Acest lucru este valabil mai ales dacă sunt animate:

efecte de animație pop-up

Desigur, trebuie să vă asigurați că ferestrele pop-up nu sunt intruzive. Și puteți face asta personalizând când să declanșați diferite ferestre pop-up pe site-ul dvs. Atâta timp cât publicul tău nu este enervat de întrerupere, îl poți convinge și converti foarte ușor.

#3. Ferestrele pop-up Lightbox au declanșatoare personalizate

Nu ar trebui să afișați aceeași ofertă tuturor vizitatorilor dvs. web. Dacă conduceți un magazin de comerț electronic, veți avea nevoie de oferte foarte diferite pentru clienții noi și cei care revin.

Pentru un client nou, puteți declanșa o campanie de bun venit:

Popup cu cupon

Dar pentru un client care revine, poate doriți să îi trimiteți o ofertă diferită:

Popup cupon de implicare

Observați cum sumele reducerilor pentru ambele oferte sunt exact aceleași. Dar modul în care este încadrată oferta este drastic diferit. Și acest lucru este foarte important, deoarece ferestrele pop-up lightbox sunt create pentru efecte teatrale. Deci, o abordare mai personalizată vă va aduce cu siguranță rezultate mult mai bune.

Puteți chiar personaliza oferta în funcție de preferințele de conținut ale utilizatorului. Dacă citesc un articol despre rețetele de cină, este mai logic să le arăți o ofertă legată de rețetele de cină decât să le arăți o ofertă pentru mașini.

Popup de ieșire de viață la țară

#4. Ferestrele pop-up Lightbox pot capta vizitatorii abandonați

Lightbox-urile sunt doar o metodă de afișare a ferestrei pop-up. Deci, nimic nu vă împiedică să personalizați declanșatorul în măsura în care doriți. Vă recomandăm să creați ferestre pop-up lightbox cu intenția de ieșire.

Ieșiți din fereastra pop-up de intenție

Ferestrele pop-up cu intenția de ieșire sunt declanșate atunci când vizitatorii dvs. încearcă să părăsească site-ul dvs. Ca urmare, rețineți un număr mare de vizitatori care altfel ar fi abandonat site-ul dvs. Deci, dacă suferiți de abandonarea site-ului, cu siguranță ar trebui să creați o casetă pop-up cu intenția de ieșire.

Cum se creează o casetă pop-up Lightbox

Acum că înțelegi ce este o casetă de tip pop-up lightbox și de ce ai dori să creezi una, cum se creează un pop-up lightbox? Vă recomandăm să utilizați OptinMonster pentru a vă crea ferestre pop-up.

OptinMonster acasă

OptinMonster este setul de instrumente de conversie numărul 1 din lume și l-am folosit singuri. OptinMonster face foarte simplă crearea de ferestre pop-up puternice care convertesc. Și nu va trebui niciodată să utilizați nicio codificare.

Am scris chiar și o recenzie completă a OptinMonster.

Puteți verifica asta sau puteți începe campania chiar acum. Tot ce trebuie să faceți este să vă înscrieți la OptinMonster și să urmați restul acestui articol.

Pasul #1: Creați o campanie

Mergeți la tabloul de bord OptinMonster și apăsați butonul Creare :

Creați o nouă campanie pop-up

Selectați tipul de campanie Lightbox Popup :

creați un pop-up lightbox

Apoi, alegeți un șablon de campanie. Puteți alege orice șablon doriți, dar vom alege tipul de campanie simplă pentru acest tutorial.

Selectați tema campaniei pop-up

Acum, dă un nume campaniei tale. Nu uitați, acest nume de campanie este pentru dvs. și probabil veți crea o mulțime de aceste ferestre pop-up cu diferite opțiuni de direcționare. Deci, dați campaniei un nume semnificativ sau veți ajunge cu adevărat confuz mai târziu.

De asemenea, în funcție de planul dvs., puteți utiliza și OptinMonster pe mai multe site-uri. Așadar, selectați și site-ul pe care doriți să vă afișați campania.

Creați identitatea campaniei

Apăsați Start Building când ați terminat.

Pasul 2: Editați-vă pop-up

Cu OptinMonster, veți obține un generator vizual de pop-up prin drag and drop. După ce ați terminat de creat campania, veți putea edita chiar și cele mai mici detalii despre pop-up. Începeți prin a edita titlul pop-upului:

Editează-ți titlul

Cea mai uimitoare parte aici este că faceți clic pe orice text pe care doriți să îl editați și să îl modificați în linie. Nu este nevoie să completați un formular sau să editați niciun cod HTML în fereastra pop-up.

Apoi, ajustați textul și aspectul butonului pentru a crea un îndemn clar la acțiune:

Personalizați CTA

Când ești mulțumit de aspectul pop-up-ului tău, poți trece la setări mai avansate.

Pasul 3: Setați regulile de afișare

Regulile de afișare sunt menite să definească când apare campania dvs. pe site și cine o vede.

Reguli de afișare pop-up

Recomandarea noastră este să schimbați condiția de declanșare în exit-intent:

Fereastra pop-up lightbox cu intentia de iesire

Faceți clic pe Pasul următor pentru a alege Acțiunea . Aici, vă recomandăm să setați Afișați vizualizarea campaniei la Optin View, să setați emisiunea cu MonsterEffect la orice animație de intrare doriți și să redați efectul sonor la orice efect de sunet pentru pop-up-ul dvs.

Setări de acțiuni ale campaniei

Apoi, faceți clic pe butonul Următorul pas . Puteți vedea întreaga amploare a setărilor dvs. în fila Rezumat.

Pasul #4: Configurați integrarea dvs. de e-mail

Următorul pas este să vă configurați integrarea e-mailului. Faceți clic pe Adăugați o nouă integrare din fila Integrari și selectați furnizorul dvs. de servicii de e-mail:

Integrari OptinMonster

Vă recomandăm să utilizați Drip pentru marketing prin e-mail dacă nu aveți deja un furnizor de servicii de e-mail.

Pasul 5: Publicați popup-ul cu caseta de lumină

Când creați o campanie nouă, aceasta este întreruptă în mod prestabilit.

Accesați fila Publicare din meniul de sus pentru a vedea Opțiunile de publicare . Apoi, setați starea la Publicare și selectați platforma site-ului web:

Publicați campania OptinMonster

Dacă rulați un site WordPress, pluginul OptinMonster se ocupă de restul configurării automat. Este același lucru pentru Shopify și BigCommerce. Pentru orice alt site, faceți clic pe Orice site și inserați codul de încorporare în capul site-ului dvs.:

Încorporare globală

Și ai terminat!

Încheierea

Asta e tot pentru asta, oameni buni!

Spuneți-ne dacă acest articol a ajutat. Crearea ferestrelor pop-up pe site-ul dvs. vă poate ajuta să vă transformați traficul în abonați la e-mail și în clienți potențiali de afaceri. Și vă recomandăm să începeți imediat să creați ferestre pop-up lightbox.

Și dacă sunteți în căutarea unei modalități accesibile de a vă crește traficul, vă recomandăm să utilizați notificările push. Notificările push vă pot ajuta să generați mai mult trafic repetat și implicare pe site. De asemenea, puteți crea campanii automate de notificare push care generează vânzări.

Nu sunteți convins? Consultați aceste resurse:

  • 7 strategii inteligente pentru a stimula implicarea clienților
  • Sunt notificările push eficiente? 7 statistici + 3 sfaturi de experți
  • Cum să configurați notificările push pentru coșul abandonat (tutorial ușor)

Vă recomandăm să utilizați PushEngage pentru a vă crea campaniile de notificare push. PushEngage este software-ul de notificare push numărul 1 din lume. Deci, dacă nu ați făcut-o deja, începeți cu PushEngage astăzi!