Creați un formular de client pentru agenția dvs. WordPress - folosind Elementor și un plugin pentru formularul de contact

Dacă dețineți o afacere de dezvoltare WordPress și primiți în prezent întrebări de pe internet, vă puteți simplifica procesul de vânzări și vă puteți îmbunătăți serviciile folosind un formular de client eficient. Deci, de ce este necesar să avem o formă de client bună din punct de vedere psihologic? Și cum să implementați acest lucru în afacerea dvs. până la de trei ori valoarea veniturilor? Vă voi împărtăși cunoștințele tehnice despre cum să creați un formular de client pentru agenția dvs. WordPress folosind Elementor și un plugin de formular de contact .

Există o serie de elemente pe care o să le subliniez. Dar mai întâi, am vrut să explic de ce să creați un formular de client specializat și de ce aveți nevoie și de acest tip de formular de contact.

Formularul dvs. de contact general vs. Formularul dvs. de contact specializat

Când oamenii vin pe un site web și derulează în jos, vor vedea un formular de contact destul de standard, care probabil a fost văzut de un milion de ori înainte pe multe site-uri web (nu doar site-uri WordPress).

Când cineva face o întrebare pe site-ul tău, trebuie să te gândești foarte atent care va fi următorul tău pas. În funcție de modul în care răspundeți, fie veți fi văzut ca „doar tipul de pe web”, fie veți fi văzut ca cineva care poate aduce obiectivele clientului la fructificare folosind puterea internetului. După cum vă puteți imagina, formularul de client specializat vă va ajuta să câștigați mult mai mult.

Și acesta este formularul de client specializat pe care îl vom crea în această postare:

Pentru imaginea completă a formularului de client, vă rugăm să vizitați aici.

Când un client vă trimitea un e-mail folosind acest formular de client, veți răspunde cu următoarele

• Clientul trebuia să rezerve o întâlnire cu dvs. folosind aplicația Calendly
• Clientul trebuia să completeze formularul de client de mai sus

Să vedem cum să creăm acest formular în timp ce discutăm și elementele care ajută la eficientizarea acestui formular.

Pasul 1: Instalați pluginurile

Un plugin excelent (și gratuit) pentru formularul de contact pe care l-aș recomanda este WPForms. Puteți instala și activa pluginul accesând Dashboard > Plugin > Add New .

Apoi, instalați și activați generatorul gratuit de pagini Elementor cu aceeași metodă.

După ce avem toate instrumentele necesare, vom începe imediat!

Pasul 2: Creați o pagină pentru formularul dvs. de client în Elementor

Trebuie să creăm un șablon de pagină care să includă formularul de contact pentru client. Această pagină are această structură de sus în jos: antet pagină – antet formular de contact – formular de contact – subsol pagină.

Notă : Formularul de contact se va face mai târziu, în Pasul 3.

Creați o pagină de pânză

Primul lucru pe care îl veți observa despre formularul client de colectare a datelor este că nu există niciun antet sau chiar subsol . Întregul scop al paginii, atunci când trimit linkul către client, este de a obține de la client informațiile pe care le-aș folosi apoi pentru consultarea mea inițială.

Prin urmare, primul lucru pe care trebuie să-l facem este să creăm pagina în Elementor și să ne asigurăm că tipul de pagină este Canvas .

Creați un antet pentru pagină

Deși nu există antet și subsol tradițional, am vrut să includ un antet mic care să le spună site-ul pe care se află. Veți observa, de asemenea, că linkul din antetul de sus merge de fapt la secțiunea Recenzii clienți .

Astfel clientul știe unde se află. În cazul în care clientul ezită, făcând clic pe link îi va da încredere să continue?

Acest lucru se face printr-o secțiune simplă cu un fundal pentru culoarea mărcii dvs., urmat de un câmp de text. Lucruri destul de simple!

Creați un antet pentru formularul de contact cu clientul

Următorul pas este antetul formularului client. Aici am folosit fontul Lato la 60px la editare.

Subtitlul era același font doar la 24px. De asemenea, greutatea subantetului este de 300. Puteți face manual ca subanteturile să aibă o greutate mai mică decât media, astfel încât antetul superior să iasă mai mult în evidență.

Creați un subsol pentru pagină

Apoi, adăugați un subsol, care este doar o secțiune cu același fundal ca și antetul. În acest caz, am 2 coloane. Nu numai că fac link încă o dată la recenzii pentru a câștiga încredere, dar fac link și la pagina Despre unde vorbesc mai mult despre mine.

Pasul 3: Creați formularul de contact folosind pluginul WPForms

Următorul pas este crearea formularului de contact. Nu voi intra prea mult în asta, deoarece un generator de formulare de contact este destul de simplu. Pentru mai multe detalii despre cum să utilizați acest plugin pentru formularul de contact, avem deja un tutorial aici.

Acolo este doar o chestiune de glisare și plasare a câmpurilor formularului de contact.

Din fericire, nu trebuie să creați singur formularul de contact – puteți importa fișierul JSON pe care l-am încărcat în linkul de mai jos și îl puteți importa accesând WPForms > Instrumente > Import și completând formularele.

Aici este linkul către fișierul JSON .

Pentru a-l importa, încărcați-l aici:

Un lucru de reținut: odată ce ați importat formularul de contact, va trebui să obțineți codul scurt. După ce ați terminat de editat formularul de contact, faceți clic pe Încorporare și apoi pe opțiunea Utilizați un cod scurt .

Apoi, pur și simplu copiați/lipiți acel shortcode în pagina dvs.

Pasul 4: Creați citatul potrivit pentru coloana și puneți-vă imaginea pe el

Un lucru pe care doriți să îl faceți și cu formularul de client este să vă mențineți poziționarea, să adăugați caracter și viață formei dvs. de client.

Creați citatul bloc

Prima parte este citatul bloc. Acesta este un element Elementor standard. Cu toate acestea, există câteva puncte despre acest lucru.

Veți observa că am făcut citatul în sine roșu și mare. Puteți seta secțiunea Edit Blockquote la Quote și puteți seta culoarea la roșu și dimensiunea la 1.

În ceea ce privește caseta de text în sine, doriți să amintiți clientului de ce completează formularul de client și cum îl va ajuta acest lucru. Veți observa, de asemenea, că îi mulțumesc utilizatorului pentru că a făcut clic pe pagina din linkul din e-mail.

Creați fotografia și semnătura

Următorul element este pur și simplu o fotografie a dvs. și o semnătură în formularul de client. O semnătură adaugă o notă de clasă și face ca secțiunea să sune mai oficial. Poate părea o prostie, dar arată mai bine decât pur și simplu să-ți scrii numele mărcii și, din nou, vrei să-ți faci brand-ul cât mai puternic posibil în această etapă.

Am folosit generatorul de semnături online DocSketch pentru a face această semnătură.

Și acesta este ultimul pas al creării unui formular de client. Nu uitați să salvați și să publicați formularul dvs. de client.

Concluzie

Odată ce acest formular de client este completat, sunteți gata să-l puneți la lucru. Acum tot ce trebuie să faceți este să așteptați următoarea întrebare online. Când se întâmplă acest lucru, trebuie să trimiteți un e-mail clientului, solicitându-i să completeze formularul de client.

Sper că acest formular de client funcționează pentru dvs. și vă ajută să vă poziționați ca expert incontestabil înainte de întâlnirea dvs.! Noroc!

Biografia autorului

Kosta este un specialist în dezvoltarea WordPress din Sydney și este un expert în furnizarea de site-uri web personalizate WordPress care sunt rapide, stabile, de încredere, dar cel mai important, care îi determină pe clienți să facă ceea ce trebuie să facă – și asta înseamnă să ia măsuri.