Cum să creați un covor de bun venit pentru site-ul dvs. WordPress (+ Exemple)

Publicat: 2023-03-18


Doriți să adăugați un covoraș de bun venit pe ecran complet pe site-ul dvs.?

Un covor de bun venit este o suprapunere dinamică pe ecran complet, care vă poate ajuta să obțineți mai mulți abonați la buletine informative, descărcări de cărți electronice, vânzări la produsele dvs. și multe altele.

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

How to create a welcome mat for your WordPress

De ce un covoraș de bun venit vă poate stimula conversiile

Peste 70% dintre vizitatorii care părăsesc site-ul dvs. WordPress nu se vor întoarce niciodată decât dacă îi convertiți în abonați sau clienți de e-mail.

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

Poate părea o idee proastă, dar este o modalitate excelentă de a-ți transmite imediat mesajul în fața vizitatorilor.

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

Desigur, veți dori să oferiți oamenilor un motiv întemeiat pentru a se înscrie dacă le arătați un covoraș de bun venit în loc de o fereastră pop-up cu intenția de ieșire, cum ar fi un cod de reducere sau chiar un gratuit.

De exemplu, este posibil să fi văzut că magazinele de comerț electronic populare oferă o reducere specială folosind un covor de bun venit pe ecran complet cu gamification.

Gamified Spin a Wheel Campaign

În alte cazuri, este posibil să fi văzut bloggeri populari folosind un covor de bun venit pe ecran complet pentru a-și dezvolta buletinul informativ prin e-mail.

Goins writer welcome screen mat

Acestea fiind spuse, haideți să aruncăm o privire la cum să adăugați cu ușurință un covoraș de bun venit pe site-ul dvs. web.

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

Cel mai simplu mod de a crea un covor de bun venit în WordPress este utilizarea OptinMonster. Este cel mai bun software de generare de clienți potențiali din lume și vă permite să creați cu ușurință formulare de optin, inclusiv covorașe de bun venit.

Mai întâi, va trebui să vizitați site-ul web OptinMonster și să vă înscrieți pentru un cont. Veți avea nevoie de cel puțin planul de bază pentru a crea suprapuneri pe ecran complet.

OptinMonster

În continuare, 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. După 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”.

Connecting an OptinMonster account to WordPress

În continuare, se va deschide o nouă fereastră.

Pur și simplu faceți clic pe butonul „Conectați-vă la WordPress”.

Connect OptinMonster to WordPress

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

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

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

Continuați și faceți clic pe butonul „Creați prima campanie” pentru a începe să vă creați covorașul de bun venit.

Create first OptinMonster campaign

Acum va apărea o nouă fereastră în care puteți selecta șabloane prefabricate sau puteți alege campanii gata de utilizare și magneți de lead, inspirate de mărci 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”.

Choose a template or playbook

Aceasta vă va duce la generatorul de campanii OptinMonster.

Apoi, alegeți „Ecran complet” pentru tipul dvs. de campanie.

Select fullscreen template and campaign

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

După ce ați selectat un șablon, introduceți un nume pentru campania dvs. și faceți clic pe butonul „Începeți construirea”.

Click start building

Apoi, vă puteți personaliza campania utilizând generatorul de glisare și plasare. 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.

Customize your fullscreen campaign

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 pe ecran complet pentru campania noastră demonstrativă.

Edit the text of welcome mat

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

De aici, trebuie să comutați opțiunea „Afișează un diapozitiv de pagină?” opțiunea de activare.

Display a page slide

Aceasta înseamnă că covorașul dvs. de bun venit va aluneca în jos din partea de sus a ecranului în loc să dispară în vedere.

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

View the success view of welcome screen mat

Odată ce sunteți mulțumit de covorașul dvs. de bun venit, puteți configura modul în care va fi afișat pe site-ul dvs.

Afișarea covorașului de bun venit pe site-ul dvs. WordPress

Puteți seta cum să afișați pop-up-ul de bun venit trecând la fila „Afișare reguli” 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 lor de comerț electronic, ce au făcut anterior pe site-ul dvs., intenția de ieșire și multe altele.

În mod implicit, campaniile OptinMonster se afișează pe toate paginile site-ului dvs. după ce vizitatorul a fost acolo timp de 5 secunde.

Select display rules

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

În mod implicit, covorașul de bun venit se va afișa pe fiecare pagină a site-ului dvs. Puteți include sau exclude cu ușurință anumite pagini utilizând regulile de personalizare ale OptinMonster.

Choose display rules for welcome mat

Puteți face clic pe butonul „Pasul următor” când ați terminat.

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

Pentru acest tutorial, vom folosi setările implicite și vom face clic pe butonul „Pasul următor”.

Add effects to campaign

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.

Summary of display rules

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

Continuați și modificați starea publicării din „Schiță” în „Publicare”.

Publish welcome screen campaign

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

Apoi, veți vedea Setări 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 „Salvați modificările” când ați terminat.

Change the status of welcome mat campaign

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

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

Fullscreen welcome mat preview

Exemple de Great Welcome Mats

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

1. Singularitatea

Acest covor de bun venit de la Singularity i-a determinat pe utilizatori să se înscrie și să urmărească fluxul live al Summit-ului Global al Universității Singularity. A avut un succes enorm și a capturat peste 2.000 de noi înscrieri prin e-mail în mai puțin de 9 zile.

Singularity fullscreen mat preview

Ne place în mod deosebit utilizarea excelentă a siglei, fonturile clare și „Amintește-mi!” strălucitor. buton.

2. Goins, scriitor

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

Goins writer welcome screen mat

Considerăm că butoanele „Da” și „Nu, mulțumesc” sunt clare și ușor de utilizat, iar utilizarea numerelor în titlu reprezintă 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.

Welcome mat example AVweb

Ne place imaginea grozavă și clar „Înscrie-mă!” apel la acțiune. O mică modificare posibilă ar fi scurtarea sloganului pentru a evita ca acesta să acopere partea de sus a imaginii.

4. Peisaje încărcate

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

Loaded landscape

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 distrage puțin atenția, așa că ar putea merita să îl schimbați pentru a fi complet opac.

5. OptimizeMyBnb

Acest covor de bun venit a fost folosit pe o anumită pagină, care a fost inclusă ca link pe care se poate face clic în interiorul unei cărți pe care proprietarul site-ului a vândut-o prin comercianți terți. Acești comercianți cu amănuntul nu au transmis însă detaliile clienților. Utilizarea unui covor de bun venit în acest fel a ajutat la capturarea adreselor de e-mail ale clienților.

Optimize your Airbnb thank you

Considerăm că titlul, subtitlul și textul îndemnului foarte clar au funcționat bine și că butonul „nu, mulțumesc” este bine folosit pentru a oferi utilizatorului simțul FOMO.

Mai sunt zeci de exemple de mat de bun venit pe ecran complet pe care le puteți vedea, dar nu le-am adăugat pe toate în acest ghid.

Dacă sunteți în căutarea mai multă inspirație, iată câteva lucruri pe care le puteți face cu un covoraș de bun venit pe ecran complet:

  • Prezentați o ofertă sau un cupon vizat
  • Prezentați produse și servicii noi
  • Informați vizitatorii la ce să se aștepte de la site
  • Câștigă noi abonați evidențiind cel mai bun conținut al acestora
  • Indicați vizitatorii către profilurile lor de rețele sociale
  • Colectați abonați de e-mail ca parte a unei faze de pre-lansare

Dacă doriți în mod serios să îmbunătățiți conversiile site-ului dvs., atunci mesajele intercalate de bun venit și chiar de ieșire pe ecran complet sunt unele dintre elementele cu cele mai mari conversii pe care le puteți adăuga site-ului dvs.

Sperăm că acest articol v-a ajutat să învățați cum să creați un covor de bun venit pentru site-ul dvs. web și că exemplele v-au găsit inspirate. De asemenea, poate doriți să aruncați o privire la comparația noastră dintre cele mai bune servicii de marketing prin e-mail și lista noastră de pluginuri WordPress obligatorii.

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