Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să creați o „Welcome Mat” pentru site-ul dvs. WordPress (+ Exemple)

Un preș de bun venit este un strat dinamic, pe tot ecranul, care vă poate ajuta să obțineți mai mulți abonați la newsletter, descărcări de eBook-uri, vânzări de produse și multe altele.

La WPBeginner și alte mărci, folosim în mod constant covorașe de bun venit pentru a ne construi lista de e-mailuri și pentru a promova diferite produse. Aceasta este o modalitate excelentă de a crește conversiile pe site-ul dvs. și de a încuraja oamenii să revină.

În acest articol, vom împărtăși cum să creați un covoraș de bun venit pentru site-ul dvs. WordPress, împreună cu câteva exemple excelente de covorașe de bun venit din care să învățați.

Cum să creezi un covor de bun venit pentru site-ul tău WordPress

De ce un Welcome Mat poate crește conversiile dumneavoastră

Mai mult de 70% dintre vizitatorii care părăsesc site-ul dumneavoastră WordPress nu se vor mai întoarce niciodată, dacă nu îi convertiți în abonați de email sau clienți.

Un covoraș de bun venit este un interstițial mare, pe tot ecranul, care blochează vizualizarea restului conținutului site-ului dvs. web pentru a capta atenția utilizatorului.

Aceasta ar putea suna ca o idee proastă, dar este o modalitate excelentă de a vă face mesajul să ajungă imediat la vizitatori.

Dacă vizitatorii nu doresc ceea ce oferiți, atunci aceștia pot închide pur și simplu covorașul de bun venit.

Desigur, veți dori să oferiți oamenilor un motiv bun să se înscrie dacă afișați un covor de bun venit în loc de un popup de intenție de ieșire, cum ar fi un cod de reducere sau chiar un cadou gratuit.

De exemplu, este posibil să fi văzut magazine eCommerce populare care oferă o reducere specială folosind un covor de bun venit pe tot ecranul cu gamification.

Campanie Gamificată "Rotește Roata"

În alte cazuri, este posibil să fi văzut bloggeri populari folosind un covor de bun venit pe tot ecranul pentru a-și crește newsletterul prin e-mail.

De exemplu, puteți oferi un ghid gratuit sau un fișier PDF în schimbul adresei de e-mail a unui utilizator.

Covoraș de bun venit pentru scriitorul Goins

Acestea fiind spuse, să vedem cum să adăugați cu ușurință un covoraș de bun venit pe site-ul dvs.

Cum să creați un covor de bun venit pentru site-ul dvs. web

Cea mai ușoară modalitate de a crea un covoraș de bun venit în WordPress este utilizând OptinMonster. Este cel mai bun software de generare de lead-uri din lume și vă permite să creați cu ușurință formulare de abonare, inclusiv covorașe de bun venit.

Puteți citi recenzia noastră completă OptinMonster pentru mai multe detalii.

Mai întâi, va trebui să vizitați site-ul OptinMonster și să vă înregistrați pentru un cont. Veți avea nevoie de cel puțin planul Basic pentru a crea suprapuneri fullscreen.

OptinMonster

Apoi, va trebui să instalați și să activați pluginul OptinMonster WordPress. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

Pluginul conectează aplicația OptinMonster la site-ul dvs. web. Odată ce ați activat pluginul, veți vedea expertul de configurare în tabloul de bord WordPress. Continuați și faceți clic pe butonul „Conectați-vă contul existent”.

Conectarea unui cont OptinMonster la WordPress

Apoi, se va deschide o nouă fereastră.

Pur și simplu faceți clic pe butonul „Connect to WordPress”.

Conectați OptinMonster la WordPress

Acum, sunteți gata să creați covorașul de bun venit.

Crearea unui covor de bun venit pentru site-ul dvs. web

Puteți accesa OptinMonster » Campanii pentru a crea o nouă campanie.

Apasă pe butonul „Creează prima ta campanie” pentru a începe crearea "welcome mat"-ului tău.

Creează prima campanie OptinMonster

Acum va apărea o fereastră nouă unde puteți selecta șabloane pre-construite sau puteți alege campanii gata de utilizare și lead magnets, inspirate de branduri de succes. OptinMonster vă oferă, de asemenea, opțiunea de a angaja un specialist pentru a vă personaliza campaniile.

Pentru acest tutorial, vom folosi opțiunea „Șabloane”.

Alege un șablon sau un ghid

Acest lucru vă va duce la constructorul de campanii OptinMonster.

Apoi, alegeți „Fullscreen” pentru tipul campaniei dumneavoastră.

Selectează șablonul și campania fullscreen

Va trebui să alegeți un șablon pentru campania dvs. Vom folosi șablonul „Intrare”, dar puteți alege unul diferit dacă doriți.

Odată ce ați selectat un șablon, introduceți un nume pentru campania dumneavoastră și faceți clic pe butonul „Start Building”.

Faceți clic pe start building

Apoi, puteți personaliza campania utilizând builder-ul drag-and-drop. Puteți schimba orice doriți aici.

Există diferite blocuri care pot fi adăugate la campanie, cum ar fi imagini, text, butoane și multe altele. De asemenea, veți dori să editați textul pentru a corespunde ofertei dvs.

Personalizează-ți campania fullscreen

Pur și simplu faceți clic pe orice element și veți vedea că îl puteți edita în panoul din stânga.

De exemplu, vom schimba titlul covorașului de bun venit fullscreen pentru campania noastră demo.

Editează textul covorașului de bun venit

Următorul pas este să glisați covorașul de bun venit. Puteți face acest lucru făcând clic pe pictograma roată dințată Setări din partea stângă jos.

De aici, trebuie să activați opțiunea „Afișare glisantă pagină?” pentru a o activa.

Afișează un glisor de pagină

Aceasta înseamnă că covorașul dvs. de bun venit va glisa în jos din partea de sus a ecranului, în loc să apară treptat.

Apoi, trebuie să comutați la vizualizarea „Succes” a covorașului dvs. de bun venit. Acesta este ceea ce vor vedea utilizatorii dvs. după ce efectuează acțiunea dorită. Dacă doriți, puteți personaliza vizualizarea de succes sau puteți utiliza șablonul implicit.

Vizualizați vizualizarea de succes a covorașului ecranului de bun venit

Odată ce sunteți mulțumit de welcome mat-ul dumneavoastră, puteți configura cum va fi afișat pe site-ul dumneavoastră.

Afișarea covorului de bun venit pe site-ul tău WordPress

Puteți seta cum să afișați fereastra pop-up a preșului de bun venit comutând la fila „Reguli de afișare” din OptinMonster.

Există o mulțime de opțiuni de personalizare și direcționare, cum ar fi locația utilizatorilor, ce articole au în coșul de eCommerce, ce au făcut anterior pe site-ul dvs., intenția de ieșire și multe altele.

Implicit, campaniile OptinMonster sunt afișate pe toate paginile site-ului dumneavoastră după ce vizitatorul a stat acolo timp de 5 secunde.

Regulă de afișare OptinMonster

Deoarece acesta este un covoraș de bun venit, probabil veți dori să fie afișat imediat. Schimbați această valoare la 0 secunde.

Implicit, covorașul de bun venit va fi afișat pe fiecare pagină a site-ului dvs. Puteți include sau exclude cu ușurință pagini specifice utilizând regulile de personalizare ale OptinMonster.

Accesați fila acțiuni

Puteți face clic pe butonul „Terminat? Mergi la Acțiuni” când ați terminat.

În continuare, veți vedea mai multe opțiuni pentru afișarea campaniei dvs. De exemplu, puteți adăuga un efect sau reda un sunet atunci când campania apare pe ecranul unui utilizator.

Pentru acest tutorial, vom folosi setările implicite.

Adăugați efecte Monster și animații

Dacă derulați în jos, veți vedea Setările cookie pentru campania dvs.

De exemplu, puteți afișa din nou campania dacă un utilizator a convertit deja după un anumit număr de zile. Similar, există și opțiuni pentru a afișa din nou campania persoanelor care au închis popup-ul sau l-au văzut, dar nu au convertit.

Editați setările cookie-urilor în OptinMonster

Pe ecranul următor, veți vedea un rezumat al setărilor regulilor de afișare.

Puteți edita setările înainte de a publica campania.

Vizualizați rezumatul campaniei dumneavoastră

Odată ce sunteți gata să publicați covorașul de bun venit, pur și simplu accesați fila „Publicare” din partea de sus a ecranului.

Continuați și schimbați Starea publicării din „Schiță” în „Publicat”.

Publicați campania ecranului de bun venit

Nu uitați să faceți clic pe „Salvare” pentru a stoca modificările și a închide constructorul de campanii.

În continuare, veți vedea Setările de ieșire WordPress pentru campania dvs. Asigurați-vă că campania dvs. este publicată.

Dacă nu este, atunci pur și simplu faceți clic pe meniul derulant Stare și selectați opțiunea „Publicat”. Nu uitați să faceți clic pe butonul „Salvare modificări” când ați terminat.

Schimbați starea campaniei covorașului de bun venit

Pentru a verifica campania dvs., puteți vizita site-ul dvs. web într-o fereastră nouă de browser incognito.

Ar trebui să vedeți covorașul de bun venit glisând fără probleme din partea de sus a ecranului.

Previzualizare completă a covorașului de bun venit

Exemple de covorașe de bun venit excelente

Să aruncăm o privire la câteva exemple de covorașe de bun venit din diferite industrii. Pentru fiecare, vom analiza ce fac bine, plus orice modificări minore pe care le-am putea sugera.

1. Singularitate

Acest welcome mat de la Singularity a determinat utilizatorii să se înscrie și să vizioneze livestream-ul Singularity University Global Summit. A avut un succes uriaș și a capturat peste 2.000 de noi înscrieri prin email în mai puțin de 9 zile.

Previzualizare fullscreen a "welcome mat" Singularity

Ne place în mod deosebit utilizarea excelentă a logo-ului, fonturile clare și butonul luminos „Amintește-ți!”.

2. Goins, Scriitor

Acest covoraș de bun venit de la Goins, Writer oferă un ghid gratuit. Este o ofertă clară și simplă, iar designul minimalist este în concordanță cu restul site-ului web.

Covoraș de bun venit pentru scriitorul Goins

Considerăm că butoanele „Da” și „Nu, mulțumesc” sunt clare și ușor de utilizat, iar utilizarea numerelor în titlu face o ofertă convingătoare.

3. AVweb

Acest covoraș de bun venit are o imagine mare și clară a unui avion mic. Este instantaneu atrăgător.

Exemplu de welcome mat AVweb

Ne place imaginea grozavă și apelul clar la acțiune „Înscrie-mă!”. O mică ajustare posibilă ar fi scurtarea sloganului pentru a evita acoperirea părții superioare a imaginii.

4. Peisaje încărcate

Acest covoraș de bun venit de la Loaded Landscapes este puțin diferit de alte exemple. Fundalul este ușor transparent.

Peisaj încărcat

Ne place oferta clară și entuziasmul butonului roșu de apel la acțiune. Fundalul site-ului de sub covorașul de bun venit ar putea fi puțin deranjant, așa că ar putea merita să-l schimbați pentru a fi complet opac, totuși.

5. OptimizeMyBnb

Acest "welcome mat" a fost utilizat pe o pagină specifică, care a fost inclusă ca un link clicabil în interiorul unei cărți vândute de proprietarul site-ului prin intermediul comercianților terți. Acești comercianți nu au transmis însă detaliile clienților. Utilizarea unui "welcome mat" în acest mod a ajutat la capturarea adreselor de e-mail ale clienților.

Optimizează-ți mulțumirea Airbnb

Considerăm că titlul, subtitlul și textul de tip call-to-action foarte clare au funcționat bine și că butonul „nu, mulțumesc” este utilizat bine pentru a oferi utilizatorului un sentiment de FOMO.

Există zeci de alte exemple de covor de bun venit pe tot ecranul pe care le puteți vedea, dar nu le-am adăugat pe toate în acest ghid.

Dacă sunteți în căutarea mai multor inspirații, iată câteva lucruri pe care le puteți face cu un preș de bun venit pe tot ecranul:

  • Prezentați o ofertă sau un cupon țintit
  • Prezintă produse și servicii noi
  • Anunțați vizitatorii ce să aștepte de pe site
  • Câștigați noi abonați evidențiind cel mai bun conținut al lor
  • Direcționați vizitatorii către profilurile lor de pe rețelele sociale
  • Colectați abonați prin e-mail ca parte a unei faze de pre-lansare

Dacă sunteți serios în legătură cu îmbunătățirea conversiilor site-ului dvs. web, atunci covorașul de bun venit și chiar interstițiile fullscreen la ieșire sunt printre elementele cu cea mai mare rată de conversie pe care le puteți adăuga pe site-ul dvs. web.

Sperăm că acest articol v-a ajutat să învățați cum să creați un covoraș de bun venit pentru site-ul dvs. web și că ați găsit exemplele inspiraționale. De asemenea, ați putea dori să consultați ghidul nostru despre cum să creați un popup cu cupon în WordPress și cele mai bune plugin-uri pentru bara de notificări WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

4 CommentsLeave a Reply

  1. Când am citit acest articol, am crezut că un welcome mat ar putea fi ceva care îi deranjează sau îi descurajează pe utilizatori. Cu toate acestea, din moment ce folosesc OptinMonster, am fost interesat de perspectiva dumneavoastră asupra acestui subiect din punctul de vedere al profesioniștilor mai experimentați decât mine. Mi-ați schimbat părerea, iar unele dintre punctele pe care le-ați adus acum au mult mai mult sens pentru mine. Cu siguranță voi încerca un welcome mat pe site-ul meu, iar datorită OptinMonster, pot, de asemenea, să măsor conversiile pentru a vedea dacă funcționează sau nu. Vă mulțumesc că mi-ați oferit o nouă perspectivă asupra acestui subiect și m-ați determinat să-mi reconsider opiniile anterioare.

  2. Great article on creating welcome mats! I found the section on OptinMonster particularly helpful. As a blogger, I’ve been hesitant to use welcome mats, fearing they might annoy visitors. However, your examples and explanation of their effectiveness have changed my perspective.
    Thanks a lot :)

  3. Este posibil ca un blogger care se află pe un plan gratuit să folosească un covoraș de bun venit?

    • Toate tutorialele noastre sunt pentru site-uri WordPress.org, WordPress.com are limitări cu privire la pluginurile disponibile și, din câte știm, aceasta nu este o opțiune pe WordPress.com în acest moment.

      Admin

Lăsați un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.