Doriți să adăugați un formular de contact cine alunecă pe blogul tău WordPress?
Dacă compania dvs. dorește să aibă noi perspective formular de contact site-ului dvs., una dintre cele mai bune metode este să vă creați formular de contact mai vizibile.
În acest tutorial, vă vom arăta cum să adăugați un formular la WordPress fără a vă irita utilizatorii.
Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs.
Apoi înapoi la motivul pentru care suntem aici.
De ce să adăugați un formular de contact animat pe WordPress?
Mulți proprietari de afaceri mici își încep site-ul web sperând că îi va ajuta să-și dezvolte afacerea.
Acesta este motivul pentru care adăugați o pagină de formular de contact, astfel încât utilizatorii să poată intra în contact cu dvs.
Cu toate acestea, problema este că majoritatea utilizatorilor care pot avea întrebări vor părăsi site-ul dvs. fără a vă contacta.
Citiți și ghidul nostru despre: Bloggeri: Nu scrie cuvinte 1000, dar folosesc doar o imagine
De aceea, veți observa că multe site-uri web populare adaugă ferestre pop-up pentru formulare de contact, formulare care alunecă în pagină sau butoane de îndemn care deschid formulare de contact.
Aceste opțiuni animate și interactive distrag atenția utilizatorului asupra formularul de contact și permiteți-le să completeze rapid formularul fără a vizita o altă pagină. Aceste forme vă cresc dramatic conversiile, motiv pentru care le vedeți peste tot.
Să aruncăm o privire la cum să creați un formular de contact care se introduce în WordPress.
Adăugarea unui formular de contact exclusiv în WordPress
Pentru acest tutorial veți avea nevoie WPForms. Este una dintre cele mai bune WordPress plug-in formularul de contact de pe piață.
Puteți utiliza versiunea gratuită a pluginului de formular de contact WPForms dacă nu aveți nevoie de toate funcțiile premium.
De asemenea, vei avea nevoie d 'OptinMonster. Este un software de optimizare a conversiilor. Vă ajută să convertiți vizitatorii care vă abandonează site-ul în clienți. Veți avea nevoie de planul Professional care vă oferă acces la funcționalitatea pe care o vom folosi în acest tutorial.
Pasul 1. Crearea unui formular de contact pe WordPress
Mai întâi trebuie să instalați și să activați pluginul WPForms. Pentru mai multe detalii, consultați ghidul nostru pas cu pas mod de a instala un plugin WordPress .
După activare, trebuie să vizitați " WPForms »Adaugă nou » pentru a vă crea formularul de contact. Aceasta va lansa interfața generatorului WPForms.
Introduceți un nume pentru formularul dvs. de contact, apoi selectați șablonul „Selectați un șablon".
WPForms va afișa un simplu formular de contact. Veți vedea previzualizarea formularului în panoul din dreapta. Puteți face clic pe orice câmp pentru al edita sau puteți adăuga câmpuri noi din coloana din stânga.
După ce ați terminat de editat formularul, faceți clic pe butonul Registru pentru a salva modificările.
Descoperă și tu Cum să capturați adresele de e-mail cu MailOptin
Apoi trebuie să faceți clic pe butonul de încorporare din partea de sus pentru a obține codul de încorporare pentru formularul dvs.
Aceasta va afișa o fereastră pop-up care arată codul scurt al formularului. Continuați și copiați acest cod scurt, deoarece veți avea nevoie de el la pasul următor.
Pasul 2. Crearea unui slide pe OptinMonster
Acum vom crea o campanie de renunțare care afișează formularul de contact pe care l-ați creat la primul pas.
Mai întâi trebuie să instalați și să activați pluginul OptinMonster. Pentru mai multe detalii, consultați ghidul nostru pas cu pas mod de a instala un plugin WordPress .
Acest plugin acționează ca un conector între site-ul dvs. web și contul dvs. OptinMonster.
După activare, faceți clic pe meniul OptinMonster din bara de administrare WordPress și introduceți cheia API. Puteți obține aceste informații de pe site-ul web OptinMonster.
După ce ați introdus cheia de licență, faceți clic pe „ Creați o nouă Optin În partea dreaptă sus a ecranului.
Aceasta vă va duce la site-ul web OptinMonster.
OptinMonster oferă diferite tipuri de campanii dinamice. Pentru acest tutorial, vom folosi campania 'diapozitiv'. Continuați și faceți clic pentru a selecta „Glisați înăuntru' ca tip de campanie.
Apoi, trebuie să selectați modelul. OptinMonster oferă mai multe șabloane gata făcute, dar trebuie să alegem 'Planșă' pentru acest tutorial.
De îndată ce selectați șablonul, trebuie să furnizați un nume pentru campania dvs. Acest lucru vă va ajuta să localizați cu ușurință campania în tabloul de bord OptinMonster.
4 plugin-uri WordPress pentru a adăuga realitate virtuală a descoperi absolut
Acum, OptinMonster își va încărca interfața generatorului de campanii.
Veți vedea o previzualizare în timp real a campaniei dvs. în partea dreaptă. Deoarece folosim modelul de pânză, acesta va fi complet gol în acest moment.
Vezi și nostru Pluginurile 10 premium WordPress pentru a crea portofolii pe blogul dvs.
În stânga, veți observa diferite file. In sectiunea "Setări generale pentru optiuni", trebuie să introduceți adresa URL a site-ului dvs. sub opțiunea "Site-ul campaniei Optin".
Apoi trebuie să treceți la fila „Optin'. Aici puteți selecta culorile, înălțimea și lățimea opțiunii dvs.
Continuați și selectați culorile care vă plac și ajustați lățimea și înălțimea, astfel încât să vă poată afișa bine întregul formular.
Citiți și articolul nostru pe Pluginurile 5 WordPress pentru a crea o zonă membră
După aceea, trebuie să derulați în jos la „ HTML personalizat canvas » și introduceți codul scurt WPForms pe care l-ați copiat mai devreme.
Introducerea codului scurt nu va afișa imediat formularul dvs. în campania Instant Submit. Acest lucru se datorează faptului că shortcode-ul funcționează numai pe propriul site WordPress.
Acum puteți face clic pe butonul „Salvare” din partea de sus pentru a salva setările și apoi faceți clic pe butonul „Publicare”.
Pe următorul ecran, trebuie să modificați starea opțiunii de publicare. Acest lucru va face opțiunea disponibilă pentru site-ul dvs. WordPress.
Pasul 3. Afișarea formularului de contact pe WordPress
Acum că ați creat formularul de contact și campania de eliminare, sunteți gata să îl afișați pe site-ul dvs. web.
Descoperiți și Formular de contact WordPress 10 Pluginele 7 pe care probabil le ignorați
Mergeți mai departe și vizitați pagina OptinMonster în zona dvs. de administrare WordPress. Veți vedea campania recentă recent creată.
Trebuie să faceți clic pe linkul „Editați setările de ieșire” pentru a decide cum doriți să le afișați pe site-ul dvs.
Pe următorul ecran, asigurați-vă că bifați caseta de lângă „Activați înscrierea pe site?'. OptinMonster vă permite să alegeți cine poate vedea optin-ul. De asemenea, puteți selecta o anumită zonă a site-ului dvs. web pentru a afișa opțiunea.
Nu uitați să faceți clic pe buton Salvează Setările pentru a vă salva modificările.
Vezi și: 5 plugin-uri premium pentru promovarea conținutului pe blogul dvs. WordPress
Acum puteți vizita site-ul dvs. web pentru a vedea formularul de contact în acțiune. Asigurați-vă că utilizați modul icognito în browser sau deconectați-vă, astfel încât să puteți vedea exact ce vor vedea utilizatorii dvs.
În mod implicit, campania de eliminare este afișată la 5 secunde după încărcarea paginii. Cu toate acestea, OptinMonster vă permite să schimbați și asta.
Puteți crea nenumărate reguli pentru afișarea campaniei ori de câte ori sunt îndeplinite anumite condiții.
Citiți și: Pluginurile 10 WordPress pentru a adăuga chat live în blogul dvs.
De exemplu, puteți afișa formularul atunci când un utilizator a parcurs 50% din pagină, când un utilizator este pe cale să părăsească o pagină și multe altele.
Descărcați Optinmonster
Descoperiți și câteva plugin-uri premium WordPress
Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.
Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.
1. LatePoint
Te-ai săturat de complicații de rezervare complicate, a căror configurare durează pentru totdeauna și uneori chiar o dată - acestea încetinesc întregul site web și te fac să pierzi potențiali clienți?
Le WordPress plug-in premiu LatePoint vine în salvarea dvs. ajutându-vă să integrați un sistem simplu și intuitiv în site-ul dvs. web. managementul numirilor, care vorbește cu clienții dvs. și face programarea unei întâlniri incredibil de ușoară cu doar câteva clicuri. Se instalează în mai puțin de 5 minute și oferă opțiuni de conectare prin rețelele sociale.
Deși este simplu în exterior, este incredibil de puternic în interior. Panoul său de control curat și modern este conceput în așa fel încât orice proprietar de companie să poată vizualiza cu ușurință rapoartele de performanță ale agenților și să gestioneze serviciile și clienții fără probleme.
Descarca | Demo | web hosting
2. Algori Social Share Buttons Pro
noul WordPress plug-in Premium Algori Social Share Buttons Pro vă permite să adăugați cu ușurință butoane de partajare a rețelelor sociale pe site-ul dvs. web.
Adăugarea acestor populare butoane de partajare socială face ca vizitatorii site-ului dvs. web să vă promoveze și să partajeze conținutul cu prietenii. Ceea ce vă va spori SEO-ul, va stimula implicarea utilizatorilor.
Acest plugin WordPress vă va permite crește-ți traficul, pentru a vă optimiza SEO, pentru a viza mai multe tipuri de rețele sociale și alte aplicații mobile, pentru a personaliza aspectul complet al butoanelor dvs. și al altora.
Descarca | Demo | web hosting
3. Pro Custom Admin
Pluginul WordPress Premium Pro Custom Admin vă permite să personalizați cu ușurință paginile de înregistrare și autentificare ale site-ului dvs. web sau să creați o pagină de întreținere.
Oferă o serie de caracteristici, principalele pe care le vom menționa: schimbarea culorii de fundal și sigla paginii de conectare, adăugați favicon personalizate backend și frontend al site-ului dvs. web, schimbați culorile linkurilor și butoanelor, personalizați textul subsolului care apare pe fiecare pagină de administrator, eliminați numărul versiunii WordPress din subsol, actualizați gratuit și pe viață, și multe altele.
Descărcați | Demo | web hosting
Resurse recomandate
Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.
- Unele plugin-uri WordPress pentru a trimite SMS-uri de pe un blog
- plugin-uri WordPress 13 pentru a personaliza pagina de autentificare
- Pluginurile 8 WordPress BuddyPress pentru a vă stimula rețeaua socială
- plugin-uri WordPress 8 pentru a gestiona eficient un Newsletter
Concluzie
Asa de ! Asta e tot pentru acest tutorial, sper că vă va permite să afișați un formular în animație „slide out” pe blogul dvs. WordPress. simte-te liber sa împărtășește acest articol cu prietenii de pe rețelele de socializare preferate.
Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.
Dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.
...
