Vai al contenuto principale

Come aggiungere un modulo di contatto in Slide-Out su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Vuoi aggiungere un modulo di contatto che diapositive sul tuo blog WordPress? 

Se la tua azienda desidera ottenere nuovi lead tramite il modulo di contatto del tuo sito web, uno dei modi migliori è rendere il tuo modulo di contatto più visibile. 

In questo tutorial, ti mostreremo come aggiungere un modulo su WordPress senza irritare i tuoi utenti.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Crea una diapositiva nel modulo di contatto

Perché aggiungere un modulo di contatto animato in slide out su WordPress?

Molti proprietari di piccole imprese aprono i loro siti Web con la speranza che li aiuti a far crescere la loro attività.

Ecco perché aggiungi una pagina del modulo di contatto in modo che gli utenti possano mettersi in contatto con te.

Tuttavia, il problema è che la maggior parte degli utenti che potrebbero avere domande lasceranno il tuo sito Web senza contattarti.

Leggi anche la nostra guida su: I blogger: non scrivere parole 1000, ma usano solo una foto

Questo è il motivo per cui noterai che molti siti Web popolari aggiungono popup di moduli di contatto, moduli che scorrono nella pagina o pulsanti di chiamata all'azione che aprono moduli di contatto.

Queste opzioni animate e interattive distraggono l'utente da le formulaire de contact e consentire loro di completare rapidamente il modulo senza visitare un'altra pagina. Questi moduli aumentano notevolmente le tue conversioni, motivo per cui li vedi ovunque.

Diamo un'occhiata a come creare un modulo di contatto che scivola su WordPress.

Aggiunta di un modulo di contatto esclusivo in WordPress

Per questo tutorial, è necessario WPForms. È uno dei migliori plugin per moduli di contatto di WordPress sul mercato.

Puoi utilizzare la versione gratuita del plug-in del modulo di contatto di WPForms se non hai bisogno di tutte le funzionalità premium.

Avrai anche bisogno d 'OptinMonster. È un software di ottimizzazione della conversione. Ti aiuta a convertire i visitatori che abbandonano il tuo sito web in clienti. Avrai bisogno del piano professionale che ti dà accesso alle funzionalità che useremo in questo tutorial.

Passaggio 1. Creazione di un modulo di contatto su WordPress

Per prima cosa devi installare e attivare il plugin WPForms. Per maggiori dettagli, consulta la nostra guida dettagliata su modo per installare un plugin per WordPress .

Dopo l'attivazione, è necessario visitare "WPForms »Aggiungi nuovo”Per creare il tuo modulo di contatto. Questo avvierà l'interfaccia del generatore di WPForms.

Inserisci un nome per il modulo di contatto, quindi seleziona il modello "Seleziona un modello'.

WPForms visualizzerà un semplice modulo di contatto. Vedrai l'anteprima del modulo nel riquadro di destra. Puoi fare clic su qualsiasi campo per modificarlo o aggiungere nuovi campi dalla colonna di sinistra.

NEWFORM

Una volta terminata la modifica del modulo, fare clic sul pulsante Enregistrer per salvare le modifiche.

Scopri anche Come acquisire gli indirizzi email con MailOptin

Quindi è necessario fare clic sul pulsante di incorporamento in alto per ottenere il codice di incorporamento per il modulo.

Verrà visualizzata una finestra pop-up che mostra lo shortcode del modulo. Vai avanti e copia questo shortcode poiché ti servirà nel passaggio successivo.

Passaggio 2. Creazione di una diapositiva su OptinMonster

Ora creeremo una campagna di rimozione che mostra il modulo di contatto che hai creato nel primo passaggio.

Per prima cosa devi installare e attivare il plugin OptinMonster. Per maggiori dettagli, consulta la nostra guida passo passo a modo per installare un plugin per WordPress .

Questo plugin funge da connettore tra il tuo sito Web e il tuo account OptinMonster.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Dopo l'attivazione, fai clic sul menu OptinMonster nella barra di amministrazione di WordPress e inserisci la tua chiave API. È possibile ottenere queste informazioni dal sito Web OptinMonster.

Omapi

Dopo aver inserito la chiave di licenza, fare clic su "Crea nuovo Optin"In alto a destra dello schermo.

Newoptin

Questo ti porterà al sito web di OptinMonster.

OptinMonster offre diversi tipi di campagne dinamiche. Per questo tutorial, utilizzeremo il 'scivolo'. Vai avanti e fai clic per selezionare "Slide In'come tipo di campagna.

SlideinoptinQuindi è necessario selezionare il modello. OptinMonster offre diversi modelli già pronti, ma dobbiamo scegliere 'Tela'per questo tutorial.

Optitemp

Non appena selezioni il modello, devi fornire un nome per la tua campagna. Ciò ti aiuterà a individuare facilmente la campagna nella dashboard di OptinMonster. 

4 plugin di WordPress per aggiungere la realtà virtuale da scoprire assolutamente

Ora, OptinMonster caricherà l'interfaccia del costruttore di campagne.

Crea una campagna optinmonster

Vedrai una panoramica in tempo reale della tua campagna sulla destra. Poiché stiamo usando il modello canvas, per il momento sarà completamente vuoto.

Vedi anche il nostro 10 premium WordPress plugins per creare portfolio sul tuo blog

Sulla sinistra, noterai diverse schede. Nella sezione "Impostazioni generali di optin", Devi inserire l'URL del tuo sito web sotto"Sito web della campagna Optin'.

Quindi devi passare al 'optin'. Qui puoi selezionare i colori, l'altezza e la larghezza del tuo optin.

Scegli colori

Vai avanti e seleziona i colori che ti piacciono e regola la larghezza e l'altezza, in modo che possa visualizzare bene l'intero modulo.

Leggi anche il nostro articolo su Plugin 5 WordPress per creare un'area membri

Dopodiché devi scorrere verso il basso fino alla sezione "Canvas HTML personalizzato"E inserisci lo shortcode WPForms che hai copiato in precedenza.

Aggiungi shortcode

L'inserimento dello shortcode non visualizzerà immediatamente il modulo nella campagna di invio istantaneo. Questo perché lo shortcode funziona solo sul tuo sito WordPress.

Ora puoi fare clic sul pulsante "Salva" in alto per salvare le impostazioni e quindi fare clic sul pulsante "Pubblica".

Salvapubblicazione

Nella schermata successiva, è necessario modificare lo stato dell'optin per la pubblicazione. Ciò renderà disponibile l'opzione per il tuo sito WordPress.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Stato pubblicazione

Passaggio 3. Visualizzazione del modulo di contatto su WordPress

Ora che hai creato il modulo di contatto e la campagna di rimozione, sei pronto per pubblicarlo sul tuo sito web.

Scopri il Modulo di contatto 10 WordPress Plugin 7 che probabilmente ignori

Vai avanti e visita la pagina OptinMonster nella tua area di amministrazione di WordPress. Vedi la tua campagna recente creata di recente.

Modifica impostazioni di output

È necessario fare clic sul collegamento "Modifica impostazioni di output" per decidere come visualizzarlo sul proprio sito.

Nella schermata successiva, assicurati di selezionare la casella accanto a "Abilita optin sul sito Web?'. OptinMonster ti consente di scegliere chi può vedere l'optin. Puoi anche selezionare un'area specifica del tuo sito web per visualizzare l'optin.

Abilita opzione 1

Non dimenticare di fare clic sul pulsante Salva impostazioni per salvare le modifiche.

Vedi anche: 5 plugin premium per promuovere contenuti sul tuo blog WordPress

Ora puoi visitare il tuo sito web per vedere il modulo di contatto in azione. Assicurati di utilizzare la modalità icognito nel tuo browser o esci, in modo da poter vedere esattamente ciò che vedranno i tuoi utenti.

Anteprima modulo slideout

Per impostazione predefinita, la campagna di rimozione viene visualizzata 5 secondi dopo il caricamento della pagina. Tuttavia, OptinMonster ti consente di cambiare anche questo.

Puoi creare innumerevoli regole per visualizzare la campagna ogni volta che vengono soddisfatte determinate condizioni.

Leggi anche: Plugin 10 WordPress per aggiungere live chat al tuo blog

Ad esempio, puoi visualizzare il modulo quando un utente ha percorso il 50% della pagina, quando un utente sta per lasciare una pagina e molti altri.

Regole della campagna

Scarica Optinmonster

Scopri anche alcuni plugin WordPress premium  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. LatePoint

Sei stanco dei complicati plugin di prenotazione, la cui installazione richiede un'eternità e talvolta anche una volta che lo fai - questi rallentano l'intero sito Web e ti fanno perdere potenziali clienti?

Plugin per la prenotazione di appuntamenti in latepoint per wordpress 1

Il plugin premium per WordPress LatePoint ti viene in aiuto aiutandoti a integrare un sistema semplice e intuitivo nel tuo sito web. gestione degli appuntamenti, che parla ai tuoi clienti e rende incredibilmente facile programmare un appuntamento con pochi clic. Si installa in meno di 5 minuti e offre opzioni di connessione tramite social network.

Sebbene semplice all'esterno, è incredibilmente potente all'interno. Il suo pannello di controllo pulito e moderno è progettato in modo tale che qualsiasi imprenditore possa facilmente visualizzare i rapporti sulle prestazioni degli agenti e gestire servizi e clienti senza troppi problemi.

DownloadDemo | Web hosting

2. Pulsanti di condivisione sociale Algori Pro

Il nuovo plug-in WordPress premium Algori Social Share Buttons Pro ti consente di aggiungere facilmente pulsanti di condivisione sui social media al tuo sito web. 

Algori social share buttons pro per wordpress gutenberg 1

L'aggiunta di questi popolari pulsanti di condivisione sui social semplifica la promozione e la condivisione dei contenuti con i propri amici da parte dei visitatori del tuo sito web. Ciò aumenterà il tuo SEO, aumenterà il coinvolgimento degli utenti.

Questo plugin per WordPress ti permetterà aumentare il tuo traffico, per ottimizzare il tuo SEO, per indirizzare diversi tipi di social network e altre applicazioni mobili, per personalizzare l'aspetto completo dei tuoi pulsanti e altri.

Download | Demo | Web hosting

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

3. Pro Admin personalizzato

Il plugin WordPress Premium Pro Custom Admin ti consente di personalizzare facilmente le pagine di registrazione e di accesso del tuo sito web o di creare una pagina di manutenzione.

Amministratore personalizzato pro

Offre una serie di funzionalità, le principali che menzioneremo: cambiare il colore di sfondo e il logo della pagina di accesso, aggiungi favicon personalizzato backend e frontend del tuo sito web, cambia i colori di link e pulsanti, personalizza il testo del piè di pagina che appare su ogni pagina di amministrazione, rimuovi il numero di versione di WordPress dal piè di pagina, aggiorna gratis e per tutta la vita, e molti altri.

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che ti permetta di visualizzare un modulo animato "a scorrimento" sul tuo blog WordPress. Non esitate a condividi questo articolo con i tuoi amici sui tuoi social network preferiti

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.

...  

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
15 azioni
quota12
Tweet2
Enregistrer1