Crea un modulo cliente per la tua agenzia WordPress - utilizzando Elementor e un plug-in per moduli di contatto

Se possiedi un'attività di sviluppo WordPress e stai ricevendo richieste via Internet in entrata, puoi semplificare il processo di vendita e migliorare i tuoi servizi utilizzando un modulo cliente efficace. Quindi, perché è necessario avere una buona forma del cliente da un punto di vista psicologico? E come implementarlo nella tua attività per 3 volte l'importo delle entrate? Condividerò con te le conoscenze tecniche su come creare un modulo cliente per la tua agenzia WordPress utilizzando Elementor e un plug-in per moduli di contatto .

Ci sono una serie di elementi che sto per sottolineare. Ma prima, volevo spiegare perché creare un modulo cliente specializzato e perché è necessario anche questo tipo di modulo di contatto.

Il tuo modulo di contatto generale rispetto al tuo modulo di contatto specializzato

Quando le persone visitano un sito Web e scorrono verso il basso, vedranno un modulo di contatto abbastanza standard che probabilmente è stato visto un milione di volte prima su molti siti Web (non solo sui siti WordPress).

Quando qualcuno fa una richiesta sul tuo sito web, devi pensare molto attentamente a quale sarà il tuo prossimo passo. A seconda di come rispondi, sarai visto come "solo il web guy" o verrai visto come qualcuno che può portare a frutto gli obiettivi del cliente usando la potenza di Internet. Come puoi immaginare, il modulo cliente specializzato ti aiuterà a guadagnare molto di più.

E questo è il modulo cliente specializzato che creeremo in questo post:

Per l'immagine completa del modulo cliente, visitare qui.

Quando un cliente ti inviava un'e-mail utilizzando questo modulo cliente, rispondevi affermando quanto segue

• Il cliente aveva bisogno di prenotare un appuntamento con te utilizzando la tua app Calendly
• Il cliente aveva bisogno di compilare il modulo cliente sopra

Vediamo come creare questo modulo mentre discutiamo anche degli elementi che aiutano a renderlo così efficace.

Passaggio 1: installa i plugin

Un ottimo (e gratuito) plug-in per moduli di contatto che consiglierei è WPForms. Puoi installare e attivare il plugin andando su Dashboard > Plugin > Aggiungi nuovo .

Quindi, installa e attiva il generatore di pagine Elementor gratuito con lo stesso metodo.

Dopo aver avuto tutti gli strumenti necessari, inizieremo subito!

Passaggio 2: crea una pagina per il modulo cliente in Elementor

Dobbiamo creare un modello di pagina che includa il modulo di contatto del cliente. Questa pagina ha questa struttura dall'alto verso il basso: intestazione della pagina – intestazione del modulo di contatto – modulo di contatto – piè di pagina.

Nota : il modulo di contatto verrà compilato più avanti nel passaggio 3.

Crea una pagina tela

La prima cosa che noterai del modulo client per la raccolta dei dati è che non c'è intestazione o piè di pagina . L'intero scopo della pagina, quando invio il collegamento al cliente, è ottenere le informazioni dal cliente che utilizzerei quindi per la mia consultazione iniziale.

Pertanto, la prima cosa che dobbiamo fare è creare la pagina in Elementor e assicurarci che il tipo di pagina sia Canvas .

Crea un'intestazione per la pagina

Sebbene non ci siano intestazioni e piè di pagina tradizionali, volevo includere una piccola intestazione che indicasse loro il sito Web su cui si trovavano. Noterai anche che il link nell'intestazione superiore va effettivamente alla sezione Recensioni dei miei clienti .

In questo modo il cliente sa dove si trova. Se il cliente esita, fare clic sul collegamento gli darà la sicurezza di procedere?

Questo viene fatto attraverso una semplice sezione con uno sfondo per il colore del tuo marchio seguito da un campo di testo. Roba abbastanza semplice!

Crea un'intestazione per il modulo di contatto del cliente

Il passaggio successivo è l'intestazione del modulo client. Qui ho usato il carattere Lato a 60px durante la modifica.

Il sottotitolo era lo stesso carattere solo a 24px. Inoltre, il peso del sottotitolo è 300. Puoi fare in modo che i sottotitoli abbiano manualmente un peso inferiore alla media in modo che l'intestazione superiore risalti di più.

Crea un piè di pagina per la pagina

Quindi, aggiungi un piè di pagina, che è solo una sezione con lo stesso sfondo dell'intestazione. In questo caso, ho 2 colonne. Non solo mi collego ancora una volta alle recensioni per guadagnare fiducia, ma mi collego anche alla pagina About dove parlo di più di me stesso.

Passaggio 3: crea il modulo di contatto utilizzando il plugin WPForms

Il prossimo passo è creare il modulo di contatto. Non mi dilungherò troppo su questo dato che un generatore di moduli di contatto è abbastanza semplice. Per ulteriori dettagli su come utilizzare questo plugin per moduli di contatto, abbiamo già un tutorial qui.

Lì è solo questione di trascinare e rilasciare i campi del modulo di contatto.

Fortunatamente, non devi creare tu stesso il modulo di contatto: puoi importare il file JSON che ho caricato nel link sottostante e importarlo andando su WPForms > Strumenti > Importa e popolando i tuoi moduli.

Ecco il collegamento al file JSON .

Per importarlo basta caricarlo qui:

Una cosa da notare: una volta importato il modulo di contatto dovrai ottenere lo shortcode. Dopo aver finito di modificare il modulo di contatto, fai semplicemente clic su Incorpora e quindi sull'opzione Usa uno shortcode .

Quindi, copia/incolla semplicemente lo shortcode nella tua pagina.

Passaggio 4: crea la citazione della colonna giusta e metti la tua immagine su di essa

Una cosa che vuoi fare con il modulo cliente è anche mantenere il tuo posizionamento, aggiungere carattere e vita al tuo modulo cliente.

Crea il Blockquote

La prima parte è il blockquote. Questo è un elemento Elementor standard. Tuttavia, ci sono un paio di punti su questo.

Noterai che ho fatto la citazione stessa in rosso e grande. Puoi impostare la sezione Modifica Blockquote su Quote e impostare il colore su rosso e la dimensione su 1.

Per quanto riguarda la casella di testo stessa, vuoi ricordare al cliente perché sta compilando il modulo cliente e come questo lo aiuterà. Noterai anche che ringrazio l'utente per aver fatto clic sulla pagina dal link nell'e-mail.

Crea la foto e la firma

L'elemento successivo è semplicemente una tua foto e una firma nel modulo del cliente. Una firma aggiunge un tocco di classe e rende la sezione più ufficiale. Può sembrare sciocco, ma ha un aspetto migliore che scrivere semplicemente il nome del tuo marchio, e ancora una volta vuoi rendere il tuo marchio il più forte possibile in questa fase.

Ho usato il generatore di firme online DocSketch per creare questa firma.

E questo è l'ultimo passaggio della creazione di un modulo cliente. Ricordati di salvare e pubblicare il tuo modulo cliente.

Conclusione

Una volta che questo modulo cliente è completo, sei pronto per metterlo al lavoro. Ora non ti resta che attendere la tua prossima richiesta online. Quando ciò accade, è necessario inviare un'e-mail al cliente chiedendogli di compilare il modulo cliente.

Spero che questo modulo cliente funzioni per te e ti aiuti a posizionarti come esperto indiscusso prima del tuo incontro! Buona fortuna!

Biografia dell'autore

Kosta è uno specialista nello sviluppo di WordPress a Sydney ed è un esperto nella fornitura di siti Web personalizzati WordPress che sono veloci, stabili, affidabili ma, soprattutto, che inducono i clienti a fare ciò di cui hanno bisogno - e questo è agire.