Cum să afișați un formular de contact plutitor în WordPress (3 metode)

Vă faceți griji vreodată că vizitatorii doresc să vă contacteze, dar nu știu cum?

Un formular de contact ascuns pe o pagină WordPress este ușor de ratat. Clienții potențiali ar putea pleca fără să pună o întrebare, să împărtășească feedback sau să facă o achiziție. Acest lucru poate duce la oportunități ratate și la o experiență de utilizare mai puțin prietenoasă.

Vestea bună este că există o soluție simplă: adăugarea unui formular de contact plutitor care îi urmărește pe vizitatori în timp ce navighează. Astfel, aceștia pot lua legătura oricând, fără să-l caute.

Este o modalitate ușoară de a crește implicarea și de a construi încredere, fără a fi intruziv. Mai mult, nu aveți nevoie de abilități de codare. Cu pluginurile potrivite, puteți configura unul în doar câteva clicuri.

În acest ghid, vă vom prezenta trei metode rapide pentru a adăuga un formular de contact plutitor pe site-ul dvs. WordPress.

Ce este un formular de contact plutitor și de ce să-l folosiți?

Un formular de contact plutitor rămâne pe ecran, cum ar fi în colțul de jos sau în panoul lateral, în timp ce vizitatorii navighează pe un site WordPress. De obicei, apare ca un mic buton sau o pictogramă care se extinde într-un formular complet atunci când este apăsat sau când cursorul este plasat deasupra.

Iată câteva beneficii ale utilizării unui formular de contact plutitor pe site-ul dvs. WordPress:

• Accesibilitate. Deoarece formularul plutește și rămâne fix, vizitatorii site-ului îl pot accesa de pe orice pagină web, în orice moment.
• Intruziune minimă. Spre deosebire de pop-up-urile care pot întrerupe experiența utilizatorului, formularele plutitoare sunt, de obicei, mai puțin perturbatoare, fiind totuși vizibile.
• Apel la acțiune. Prezența constantă a unui formular plutitor amintește utilizatorilor să interacționeze, ceea ce ajută la creșterea conversiilor.

Ca proprietar de site web, puteți utiliza un formular de contact plutitor pentru suport clienți, solicitări de vânzări și colectarea feedback-ului.

Permițând vizitatorilor să obțină ajutor instantaneu în timp ce navighează, să pună întrebări fără a părăsi pagina și să împărtășească sugestii oricând, creați o experiență de utilizator mai fluidă și mai plăcută.

Din fericire, WordPress face ușor să adăugați un formular de contact flotant în diverse moduri. În secțiunile următoare, vă vom ghida prin trei metode simple pentru a configura unul:

• Metoda 1: Crearea unui formular de contact plutitor în WordPress folosind UserFeedback (Ușor)
• Metoda 2: Crearea unui formular de contact plutitor în WordPress folosind WPForms și OptinMonster (Cel mai personalizabil)
• Metoda 3: Crearea unui formular de contact flotant în WordPress folosind un plugin gratuit (Gratuit + Ușor)
• Metodă alternativă: Utilizați un chatbot pe site-ul dvs. web
• Întrebări frecvente despre formularele de contact plutitoare în WordPress
• Resurse suplimentare despre formularele WordPress

Să începem!

Metoda 1: Crearea unui formular de contact plutitor în WordPress folosind UserFeedback

Dacă doriți să creați un formular de contact plutitor simplu, cu opțiuni de personalizare directe, această metodă este pentru dvs.

UserFeedback este cel mai bun plugin de feedback pentru WordPress care te poate ajuta să creezi formulare de feedback personalizabile, formulare de contact plutitoare și sondaje pop-up. Acesta vine cu șabloane și întrebări predefinite, inclusiv pentru experiența site-ului și formulare de sondaj pentru magazinele eCommerce.

Folosind UserFeedback, puteți îmbunătăți site-ul dvs. pe baza feedback-ului real al utilizatorilor, puteți crește satisfacția clienților și puteți aborda prompt orice probleme.

La WPBeginner, am folosit de fapt UserFeedback pe propriile noastre site-uri web și am avut o experiență excelentă cu acesta. Pentru mai multe informații despre plugin, nu ezitați să consultați recenzia noastră completă despre UserFeedback.

Mai întâi, să instalăm și să activăm pluginul UserFeedback. Dacă nu știi cum să instalezi un plugin, poți urma ghidul nostru despre cum să instalezi un plugin WordPress.

Odată ce aveți UserFeedback activat pe site-ul dvs. web, puteți începe să creați primul dvs. formular de sondaj.

Din tabloul de bord WordPress, navigați la UserFeedback » Surveys » Create New.

După ce faceți acest lucru, veți ajunge la secțiunea „Configurare”.

Cu UserFeedback, puteți începe cu o pagină goală cu opțiunea „Începe de la zero” sau puteți utiliza un șablon pre-făcut. În acest ghid, vom folosi șablonul „Feedback Website”. 

Pentru a alege șablonul, pur și simplu faceți clic pe el.

În continuare, să edităm textul. În acest exemplu, schimbăm eticheta „Feedback despre site” în „Aveți feedback?”.

Apoi, s-ar putea să doriți să faceți clic pe meniul derulant „Tipul întrebării” pentru a alege cum pot vizitatorii să răspundă la această întrebare. În acest exemplu, vom alege „Câmp de text unic”.

După aceea, puteți schimba întrebarea în „Nume”.

Acum, veți avea nevoie de un alt câmp de întrebare pentru adresa de e-mail a utilizatorului.

Puteți derula puțin în jos și faceți clic pe butonul „Adăugare întrebare”.

După ce faceți acest lucru, continuați și configurați tipul de întrebare și titlul, așa cum ați făcut în pasul anterior.

Următorul pas este configurarea setărilor formularului.

În fila „Setări”, puteți activa urmărirea vizualizărilor și răspunsurilor formularului dvs. folosind Google Analytics și MonsterInsights.

Pur și simplu activează opțiunea „Activare urmărire Google Analytics” pentru a utiliza funcția.

După aceea, s-ar putea să doriți să derulați în jos fila pentru a configura direcționarea și comportamentul.

În secțiunea „Targeting”, puteți alege tipul de dispozitiv și pagina web pe care va fi afișat formularul dvs. de sondaj.

Opțiunile pentru tipul de dispozitiv includ desktop, tabletă și mobil. Dacă doriți ca formularul să fie afișat pe toate aceste dispozitive, puteți selecta toate cele trei.

Apoi, puteți alege toate paginile pe care doriți să afișați formularul flotant. Recomandăm alegerea opțiunii „Toate paginile”, astfel încât vizitatorii să vă poată accesa formularul oriunde pe site-ul dvs.

Odată terminat, să derulăm în jos și să configurăm comportamentul formularului. Aici vei seta:

• Momentul afișării. Alegeți când va apărea formularul dvs. pe paginile dvs.
• Lungimea afișării. Definiți cât de des va fi afișat formularul dvs. vizitatorilor.
• Durata sondajului. Specificați cât timp va apărea formularul dvs. pe paginile desemnate.

Iată configurația noastră pentru referința dvs.: „Temporizare afișare: Imediat”, „Durată afișare: Întotdeauna, până la finalizarea sondajului UserFeedback” și „Durată rulare sondaj: Nelimitat”.

Acum, sunteți gata să treceți la pasul următor.

În fila „Notificări”, veți introduce adresa de e-mail care va primi notificări despre trimiterea formularelor. Puteți adăuga mai mulți destinatari, dar va trebui să vă asigurați că folosiți o virgulă pentru a separa fiecare dintre ei.

În cele din urmă, s-ar putea să doriți să acordați puțin timp pentru a verifica formularul dvs. încă o dată înainte de a-l finaliza.

În partea de sus a tab-ului „Publish”, veți vedea „Summary of Website Feedback”. Puteți parcurge punctele listate unul câte unul pentru a vedea dacă configurațiile formularului dvs. sunt corecte.

Dacă totul arată bine, puteți derula în jos la secțiunea „Publish”.

Acolo, puteți schimba starea din „Draft” în „Publish”.

Alternativ, puteți programa o lansare activând opțiunea „Programare pentru mai târziu” și definind data și ora.

Odată terminat, pur și simplu faceți clic pe „Salvați și publicați” pentru a afișa formularul dvs.

Și asta e tot!

Ați afișat cu succes un formular de contact flotant pe site-ul dvs. WordPress utilizând UserFeedback.

Metoda 2: Crearea unui formular de contact plutitor în WordPress folosind WPForms și OptinMonster

Dacă doriți mai mult control asupra designului formularului dvs. de contact flotant, atunci aceasta este metoda pentru dvs. Vom folosi WPForms pentru a crea formularul și OptinMonster pentru a-l face să plutească pe site-ul dvs. WordPress.

WPForms este cel mai bun constructor de formulare de contact pentru WordPress cu o interfață simplă de tip drag-and-drop. Cu peste 2.000 de șabloane și instrumente bazate pe inteligență artificială, puteți crea un formular WordPress în doar câteva clicuri.

La WPBeginner, folosim WPForms pentru a colecta contactele utilizatorilor, feedback-ul și cererile de migrare. Aflați de ce iubim acest plugin în recenzia noastră detaliată despre WPForms.

Pentru a crea formulare cu WPForms, primul lucru pe care va trebui să-l faceți este să instalați și să activați pluginul pe site-ul dvs. web. Dacă aveți nevoie de ajutor suplimentar, puteți citi ghidul nostru despre cum să instalezi un plugin WordPress.

După activare, puteți naviga la WPForms » Adăugare nou din tabloul de bord WordPress.

Acest lucru te va redirecționa către interfața constructorului de formulare.

Acolo, tot ce trebuie să faceți este să introduceți numele formularului dvs. și să selectați un șablon. În acest exemplu, să creăm un formular de contact și să-l numim „Formular de contact”.

După ce ți-ai denumit formularul, poți derula în jos panoul pentru a-ți construi formularul cu AI sau pentru a selecta un șablon.

WPForms AI te ajută să creezi formulare rapid. Tot ce trebuie să faci este să descrii ce ai nevoie. În loc să adaugi câmpuri manual, AI-ul o face pentru tine în câteva secunde.

Indiferent dacă aveți nevoie de un simplu formular de înregistrare pentru utilizatori, un formular de candidatură interactiv sau un sondaj detaliat, AI-ul WPForms face procesul rapid.

În acest ghid, însă, vom folosi șablonul „Formular de contact simplu”.

Pentru a începe crearea, puteți pluti cursorul peste caseta de șablon și faceți clic pe „Utilizați șablonul”.

Acest lucru te va redirecționa către panoul „Câmpuri” al constructorului de formulare.

De aici, s-ar putea să doriți să revizuiți formularul de contact și să ajustați conținutul pre-făcut. Dacă totul arată deja bine, puteți merge mai departe și faceți clic pe butonul „Salvare”.

Pentru instrucțiuni detaliate, consultați ghidul nostru pas cu pas despre cum să creați un formular de contact.

După ce ați terminat de creat formularul, este timpul să îi ajustați setările, astfel încât să apară ca un formular plutitor.

Pentru aceasta, va trebui să instalați OptinMonster, cel mai bun plugin de generare de lead-uri pentru WordPress.

Instrumentul vă poate ajuta să creați și să gestionați campanii pentru a converti vizitatorii în abonați și clienți plătitori. Puteți consulta ghidul nostru detaliat despre cum să construiți o listă de e-mailuri cu OptinMonster.

La WPBeginner, folosim OptinMonster pentru a promova oferte speciale prin pop-up-uri și bannere de antet. Consultați recenzia noastră completă despre OptinMonster pentru a afla mai multe despre acest software.

La activare, puteți face clic pe elementul de meniu „OptinMonster” din tabloul de bord WordPress.

Vei vedea apoi ecranul de bun venit, unde poți face clic pe „Conectează-ți contul existent” pentru a începe cu pluginul.

Se va deschide o nouă fereastră, iar aici puteți face clic pe „Conectare la WordPress”.

OptinMonster vă va solicita apoi detaliile contului dvs. pentru a finaliza procesul.

Odată verificat, ești gata să creezi prima ta campanie.

Pentru a începe, navigați pur și simplu la OptinMonster » Campaigns din zona de administrare WordPress.

Odată ajuns în „Campanii”, sunteți gata să creați și să configurați formularul dvs. plutitor.

Pentru a începe, pur și simplu faceți clic pe butonul „Create Your First Campaign”.

Acum, este timpul să selectezi un tip de campanie.

OptinMonster are diverse tipuri de campanii, inclusiv o bară plutitoare. Deși ar putea suna ca tipul perfect de campanie, o bară plutitoare are spațiu limitat. Deci, ați dori să o utilizați pentru alte cazuri, cum ar fi anunțarea promoțiilor de vânzare sau partajarea codurilor de cupon.

Dacă doriți să aflați mai multe despre utilizarea unei bare plutitoare, vă recomandăm să consultați ghidul nostru despre crearea unei bare de subsol plutitoare „lipicioase” în WordPress.

Pentru a vă menține designul îngrijit, puteți opta pentru „Slide-in” ca tip de campanie pentru adăugarea formularului dvs. de contact WPForms.

O fereastră flotantă de tip slide-in va rămâne în colțul din dreapta jos al ecranului utilizatorului. Astfel, poate ajuta la menținerea lizibilității conținutului dvs., la organizarea designului web și la o experiență excelentă pentru utilizator.

Puteți pur și simplu să faceți clic pe tipul de campanie pentru a-l utiliza.

Apoi, să derulăm în jos panoul și să selectăm un șablon.

Pentru a utiliza un șablon, pur și simplu treceți cu mouse-ul peste blocul șablonului și faceți clic pe „Utilizare șablon”. Aici, vom alege „Abonare la newsletter (Light)”.

Odată ce ai ales tipul de campanie și șablonul, va apărea o fereastră pop-up.

Va trebui doar să dai un nume campaniei tale. În acest exemplu, vom numi campania noastră „Formular de contact plutitor”.

După ce ați decis numele, puteți face clic pe „Start Building”.

OptinMonster vă va redirecționa apoi către constructorul de campanii.

Interfața de creare a campaniilor are două secțiuni. Partea stângă conține toate caracteristicile pe care le puteți adăuga la campania dvs., iar partea dreaptă este previzualizarea live.

Pentru mai multe informații, puteți consulta tutorialul nostru despre cum să adăugați un formular de contact glisant în WordPress.

Pentru a adăuga formularul dvs. de contact WPForms, puteți derula în jos panoul din stânga pentru a localiza blocul WPForms.

Odată ce l-ați găsit, pur și simplu trageți și plasați blocul WPForms în previzualizarea live din panoul din dreapta.

Apoi, veți vedea un meniu derulant „Selecție formular”. Puteți face clic pe el și apoi alegeți „Formular de contact”. Blocul din previzualizarea live va încărca apoi shortcode-ul formularului.

După aceea, s-ar putea să doriți să treceți la fila „Reguli de afișare”. Această filă este locul unde puteți seta temporizarea și paginile de afișare a formularului de contact plutitor.

Pentru a vă asigura că formularul dvs. plutește și rămâne fix de la prima secundă, recomandăm setarea primelor două meniuri derulante la „timp pe pagină” și „este imediat”.

Apoi, pentru a afișa formularul pe toate paginile, puteți seta următoarele meniuri derulante ca „calea URL curentă” și „orice pagină”.

Odată terminat, puteți accesa fila „Publicare”.

În această filă, primul lucru pe care trebuie să-l faceți este să schimbați starea de publicare a campaniei dvs. la „Publicare” sau „Programare”.

Următorul pas este să utilizați funcția „Inspector Site Live” pentru a testa cum arată campania dvs. pe pagina dvs. web. Pentru a face acest lucru, pur și simplu introduceți URL-ul site-ului dvs. în caseta de text și faceți clic pe „Test”.

Aceasta vă va redirecționa către o nouă filă.

Dacă totul arată așa cum doriți, puteți reveni la constructorul de campanii OptinMonster și puteți salva campania.

Poftim! Ați creat cu succes un formular de contact flotant folosind WPForms și OptinMonster.

Metoda 3: Crearea unui formular de contact plutitor în WordPress folosind un plugin gratuit pentru formulare plutitoare

Ultima noastră metodă vă va permite să afișați o pictogramă plutitoare care redirecționează către pagina formularului dvs. de contact. Această abordare este ușor diferită, dar poate fi eficientă.

Mai multe pluginuri gratuite vă permit să adăugați pictograme de contact plutitoare pe site-ul dvs. WordPress. Unele opțiuni populare includ Simple Floating Menu și Float Menu. Aceste pluginuri necesită, de obicei, să introduceți un URL în setările lor.

În acest tutorial, vom demonstra cum să faci acest lucru folosind Simple Floating Menu. Dacă ai nevoie de ajutor pentru instalarea pluginului, poți citi ghidul nostru despre cum să instalezi un plugin WordPress.

Înainte de a accesa zona de setări a pluginului Simple Floating Menu, să copiem URL-ul paginii unde afișați formularul de contact.

Pentru a face acest lucru, navighează la pagina în cauză și copiază URL-ul din bara de adrese.

Acum, puteți deschide Simple Floating Menu din tabloul de bord WordPress.

Odată ce sunteți în zona de setări a plugin-ului, veți dori să activați pictograma plutitoare a formularului. Puteți face acest lucru activând glisorul „Enable Floating Menu”. Acesta se va transforma apoi din gri în verde sau din oprit în pornit.

Apoi, continuați și găsiți câmpul „Button URL” pentru a lipi URL-ul.

După ce ați introdus URL-ul butonului, ar trebui să vedeți o notificare dacă setările dvs. au fost salvate cu succes.

Până acum, pictograma dvs. plutitoare ar trebui să fie activă pe site-ul dvs. WordPress. Cu toate acestea, puteți personaliza în continuare poziția și aspectul butonului.

Deasupra câmpului „Button URL”, puteți schimba pictograma implicită cu ceva mai relevant. Acest plugin oferă zeci de opțiuni de pictograme, deci dacă vă simțiți vreodată blocat, este o idee bună să folosiți funcția de filtrare.

„Text tooltip” va apărea atunci când vizitatorii site-ului trec cu mouse-ul peste pictograma plutitoare. Recomandăm completarea acestui câmp pentru a oferi vizitatorilor context despre unde îi va duce pictograma.

Apoi, dacă doriți să redirecționați vizitatorii către o nouă pagină după ce au făcut clic pe pictogramă, pur și simplu bifați căsuța din câmpul „Deschidere într-o filă nouă”.

Puteți edita culorile pictogramei plutitoare derulând în jos pe ecran. Simțiți-vă liber să fiți creativ cu culorile de fundal, pictograme și efecte de hover, atâta timp cât acestea se potrivesc mărcii dvs. sau personalității site-ului web.

Când ați terminat, faceți clic pe „Salvare setări”.

Apoi, puteți trece la fila „Setări” pentru mai multe funcții de personalizare.

În această filă, puteți alege unde doriți să apară formularul pe site-ul dvs., cum ar fi stânga sus, dreapta mijloc sau dreapta jos.

Există și setări pentru orientarea butoanelor. Puteți alege vertical sau orizontal.

S-ar putea să doriți să schimbați și stilul butonului. Forma implicită este un dreptunghi, dar puteți opta pentru un cerc, un triunghi sau chiar o stea.

Puteți găsi mai multe setări de personalizare în panou. Nu ezitați să ajustați dimensiunea, stilurile umbrei, tipografia și mai multe pentru a-l face mai unic.

Odată terminat, tot ce mai rămâne de făcut este să salvați pentru a nu vă pierde progresul.

Acum, puteți continua și vedea cum arată pictograma flotantă pe website-ul dvs.

Iată cum arată pictograma noastră plutitoare pentru referință:

Metodă alternativă: Utilizați un chatbot pe site-ul dvs. web

Un formular de contact plutitor este o modalitate excelentă de a permite vizitatorilor să te contacteze. Dar dacă dorești să oferi răspunsuri imediate utilizatorilor tăi, atunci ar putea merita să instalezi un chatbot în schimb.

Un chatbot poate fi bazat pe AI sau gestionat direct de echipa dvs. de suport. De exemplu, un instrument precum ChatBot poate extrage informații de pe site-ul dvs. web și din centrul de ajutor pentru a oferi răspunsuri bazate pe AI imediat vizitatorilor dvs.

Pentru detalii despre cum să configurați acest lucru, puteți consulta tutorialul nostru despre cum să adăugați un chatbot în WordPress. Și pentru a afla mai multe despre software, consultați recenzia noastră completă despre ChatBot.

Întrebări frecvente despre formularele de contact plutitoare în WordPress

Iată răspunsurile la cele mai frecvente întrebări despre configurarea și personalizarea formularelor de contact plutitoare.

Care este cel mai bun plugin pentru crearea unui formular de contact plutitor?

Dacă sunteți în căutarea unei soluții simple, all-in-one, UserFeedback este o alegere excelentă. Este conceput pentru configurare și personalizare ușoară, făcându-l ideal pentru formulare plutitoare simple, fără nicio codare.

Pentru un control mai mare asupra aspectului și comportamentului formularului dvs., luați în considerare combinarea WPForms cu OptinMonster.

WPForms oferă un constructor drag-and-drop ușor de utilizat, cu peste 2.000 de șabloane și multe instrumente AI. OptinMonster adaugă opțiuni avansate de direcționare și flexibilitate de design, permițându-vă să afișați formularul exact când și unde doriți.

Pot personaliza designul formularului meu de contact plutitor?

Absolut. Toate cele trei metode permit personalizarea. Puteți personaliza culorile, textul și poziționarea pentru a se alinia cu brandingul site-ului dvs.

OptinMonster duce personalizarea un pas mai departe, oferind opțiuni avansate de design și reguli de direcționare. Acest lucru înseamnă că puteți ajusta fin fiecare detaliu al campaniei dvs. de formulare plutitoare pentru a se potrivi nevoilor dvs. specifice.

Un formular de contact flotant va încetini site-ul meu web?

Deloc. Pluginurile prezentate în acest ghid sunt bine codificate și optimizate pentru performanță. Acestea se încarcă asincron, asigurându-se că nu blochează încărcarea conținutului principal al paginii dvs. Acest lucru ajută la menținerea unei experiențe rapide și fluide pentru utilizator pe site-ul dvs.

Resurse suplimentare despre formularele WordPress

Sperăm că acest ghid te-a ajutat să adaugi un formular de contact plutitor pe site-ul tău. Acum că este configurat, s-ar putea să vrei să consulți aceste alte articole utile pentru a obține și mai mult de la formularele tale:

• Cum să încorporați formulare în WordPress
• Cum să personalizați și să stilizați formularele dvs. WordPress
• Cum să creați formulare multilingve în WordPress
• Cum să creezi formulare mai interactive în WordPress
• Ghidul complet pentru utilizarea formularelor WordPress
• Cele mai bune constructoare de formulare online (alegeri ale experților)

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.