Cum se creează casete de alertă în WordPress

Dacă site-ul dvs. primește un număr solid de vizitatori, dar înscrierile sau conversiile sunt mai mici decât ați dori, nu sunteți singuri. Există o mulțime de resurse disponibile pentru a vă ajuta să vă creșteți traficul, dar a face ca acest trafic să ia acțiunile corecte pe site-ul dvs. este o altă poveste.

O soluție posibilă este utilizarea unei casete de alertă. Acesta este un instrument puternic și simplu care poate crește dramatic conversiile pe site-ul dvs. WordPress. În plus, este foarte ușor să creezi și să personalizi această caracteristică.

În acest articol, vom acoperi ce este o casetă de alertă și de ce ar trebui să o utilizați. Apoi vă vom arăta cum să vă creați propria casetă de alertă în WordPress. Să ne scufundăm!

Ce este o casetă de alertă?

O casetă de alertă este exact ceea ce sună. Este o alertă care apare pe un site web pentru a anunța vizitatorii că s-a întâmplat ceva. Este posibil să cunoașteți mai bine această caracteristică ca „pop-up”.

Casetele de alertă din WordPress iau de obicei una dintre cele două forme. Este posibil să vedeți o fereastră pop-up care apare pe ecran sau o bară care se află în partea de sus a paginii dvs. (uneori numită „bară salut”).

De ce să creați o casetă de alertă?

Casetele de alertă sunt de obicei folosite pentru a notifica (sau a alerta) utilizatorii cu privire la ceva important care se întâmplă pe site-ul dvs. De exemplu, ați putea folosi o casetă de alertă WordPress pentru a informa vizitatorii despre o vânzare specială pentru un produs pe care ar putea să nu îl vadă altfel sau despre o serie de postări recomandate.

O altă utilizare foarte comună a acestei funcții este capturarea adreselor de e-mail ale vizitatorilor. Multe pluginuri pentru casetele de alertă WordPress pot fi setate să apară atunci când un utilizator își mută cursorul departe de site (pentru a închide fila sau pentru a apăsa butonul Înapoi, de exemplu).

Aceste alerte „de ultimă oră” pot fi o modalitate excelentă de a capta detaliile de contact ale vizitatorilor înainte de a pleca, ceea ce poate duce la o conversie pe drum. Aceste alerte pot fi extrem de eficiente – ferestrele pop-up cu cele mai bune performanțe au o rată de conversie de peste 9 procente. Cu alte cuvinte, merită efortul de a le implementa.

Crearea unei casete de alertă cu un plugin

Datorită pluginurilor WordPress, crearea propriilor casete de alertă este simplă. Vă vom ghida prin fiecare pas folosind pluginul puternic (și gratuit) Popup Maker.

Pasul 1: Descărcați un plugin (cum ar fi Popup Maker)

Primul lucru pe care trebuie să-l faceți este să alegeți un plugin dedicat. După cum am menționat mai sus, pluginul gratuit Popup Maker este bine revizuit și o alegere solidă.

Pentru a instala acest instrument, mergeți la tabloul de bord WordPress și navigați la Plugin-uri > Adăugați nou . Căutați „fabricant de pop-up” și ar trebui să fie prima intrare:

Apoi faceți clic pe Instalați acum . Când s-a terminat de instalat, nu uitați să activați pluginul selectând Activare . Rețineți că, deși Popup Maker în sine este gratuit, unele funcții necesită un plan premium pentru a fi utilizate.

Pasul 2: Creați o fereastră pop-up

Cu Popup Maker instalat, ar trebui să vedeți o nouă intrare în bara laterală WordPress care poartă numele pluginului . Faceți clic pe el pentru a deschide o listă cu toate ferestrele pop-up. La început va fi gol, dar ești pe cale să remediezi asta.

Pentru a crea o fereastră pop-up, faceți clic pe Adăugare pop-up nouă în partea de sus a ecranului. Aceasta va deschide editorul WordPress:

Când vizitați acest ecran, va apărea un tutorial care vă arată cum să creați o fereastră pop-up. Primul lucru pe care vi se cere este să introduceți un nume, astfel încât să puteți identifica fereastra pop-up mai târziu.

După aceea, puteți introduce un titlu opțional care va apărea în fereastra pop-up ca titlu. În câmpul editorului principal, puteți introduce și conținutul pe care doriți să îl afișați în fereastra pop-up. Dacă doriți doar să creați un formular de contact simplu, puteți utiliza și un shortcode predefinit.

Aceste coduri scurte se găsesc sub un buton nou cu sigla Popup Maker în bara de instrumente:

Faceți clic pe Formular de abonare pentru a insera un formular de contact de bază pentru captarea e-mailurilor. Textul câmpurilor și declinarea răspunderii privind confidențialitatea pot fi personalizate făcând clic pe formular și selectând butonul de editare. Există o serie de opțiuni pentru stiluri și aspect, pe lângă text.

Pasul 3: Configurați declanșatoarele pentru popup-ul dvs

Cu formularul pop-up creat, următorul pas este să îi configurați declanșatoarele. Acestea determină când apare caseta de alertă.

Pe ecranul editorului pop-up, derulați în jos la Setări pop-up și selectați Declanșatoare din listă. Apoi faceți clic pe Adăugați un nou declanșator :

Pluginul de bază Popup Maker conține trei opțiuni aici: Faceți clic pe Deschidere , Întârziere/Deschidere automată și Trimitere formular . De asemenea, puteți selecta Exit Intent ca declanșator dacă aveți un plan premium – aceasta este opțiunea de utilizat dacă doriți ca fereastra pop-up să apară atunci când un utilizator încearcă să părăsească site-ul dvs.

De asemenea, puteți ajusta paginile pe care apare caseta de alertă din fila Direcție . Asigurați-vă că personalizați această setare dacă doriți să excludeți anumite pagini sau tipuri de dispozitive de la a vedea alerta.

Pasul 4: stilați caseta de alertă

În cele din urmă, puteți modifica aspectul noii casete de alertă pentru a se potrivi mai bine cu tema site-ului dvs. În zona Setări pop-up , selectați Afișare . Acolo, puteți schimba locul în care apare fereastra pop-up pe ecran (inclusiv ca bară de sus), puteți să setați dimensiunea și poziția acestuia și să alegeți una dintre mai multe teme disponibile:

Când ați terminat, asigurați-vă că selectați butonul Publicare pentru a salva modificările și pentru a activa pop-up-ul.

Crearea unei casete de alertă fără un plugin

Dacă preferați să nu utilizați un plugin, puteți crea și dvs. o casetă de alertă folosind un cod și puțină unsoare de cot. Va trebui să editați fișierul header.php și să adăugați niște CSS pe site. Pentru acest exemplu, vom crea o bară de alertă în partea de sus a paginii.

Pasul 1: Editați fișierul header.php

Primul lucru pe care va trebui să-l faceți este să adăugați un cod în fișierul header.php . Acesta poate fi accesat folosind Editorul de teme WordPress. Din tabloul de bord, navigați la Aspect > Editor de teme . Apoi selectați Antetul temei (header.php) din bara laterală din dreapta:

Copiați și inserați următorul cod în fișierul de la sfârșitul secțiunii <head> :

<div class="alertbar">All items 20% off!</div>

Iată cum ar trebui să arate fișierul după această adăugare:

Aceasta va afișa mesajul „Toate articolele 20% reducere!” în bara de alertă. Puteți personaliza textul după cum doriți.

Pasul 2: Adăugați CSS personalizat

În cele din urmă, va trebui să utilizați foile de stil în cascadă (CSS) pentru a vă stila alerta. Puteți adăuga CSS folosind Personalizatorul WordPress.

Pentru a face acest lucru, mergeți la tabloul de bord WordPress și navigați la Aspect > Personalizare. Aceasta vă va deschide site-ul în Personalizator. În bara laterală, selectați CSS suplimentar . Aceasta deschide o casetă de cod în care puteți introduce CSS personalizat.

Lipiți următorul cod în câmpul de text:

.alertbar {

background-color: #A9A9A9;

color: #FFFFFF;

display: block;

line-height: 45px;

height: 50px;

position: relative;

text-align: center;

text-decoration: none;

top: 0px;

width: 100%;

z-index: 100;

}

Iată cum arată alerta:

Codul de mai sus creează o bară gri închis cu text alb – dar puteți modifica culorile și dimensiunea după cum doriți, pentru a se potrivi cu tema. Când ați terminat, faceți clic pe Publicare pentru a salva modificările.

Îmbunătățiți-vă site-ul cu WP Engine

Indiferent dacă doriți să creșteți numărul de înscrieri prin e-mail sau aveți nevoie de o modalitate simplă de a notifica vizitatorii despre ofertele speciale, o casetă de alertă este o soluție elegantă și eficientă. Implementarea unuia pe site-ul dvs. WordPress vă poate crește dramatic rata de conversie.

Puteți implementa o casetă de alertă cu un plugin WordPress, cum ar fi Popup Maker. De asemenea, puteți codifica unul dvs. relativ ușor cu puțin CSS. În orice caz, veți primi o alertă personalizabilă, concepută pentru a crește înscrierile și conversiile.

Dacă doriți să vă îmbunătățiți și mai mult site-ul, asigurați-vă că consultați planurile noastre dedicate de găzduire WordPress!