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

Vuoi aggiungere un modulo di contatto chi si intrufola nel tuo blog WordPress? 

Se la tua azienda desidera avere nuovi prospect attraverso il modulo di contatto del tuo sito web, uno dei metodi migliori è creare 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.

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 WordPress Plugin del modulo di contatto nel 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.

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.

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.

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

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.

Quindi è necessario selezionare il modello. OptinMonster offre diversi modelli pronti per l'uso, ma dobbiamo scegliere 'Canvas'per questo tutorial.

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.

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.

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é, scorri verso il basso fino a " Canvas HTML personalizzato E inserisci lo shortcode WPForms che hai copiato in precedenza.

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 possibile fare clic sul pulsante "Salva" in alto per salvare le impostazioni e quindi fare clic sul pulsante "Pubblica".

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

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.

È 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.

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.

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.

Scarica Optinmonster

Scopri anche alcuni plugin WordPress premium  

Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione 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?

Le WordPress Plugin premium 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.

Download | Demo | Web hosting

2. Pulsanti di condivisione sociale Algori Pro

il nuovo WordPress Plugin premium Algori Social Share Buttons Pro ti consente di aggiungere facilmente pulsanti di condivisione sui social network al tuo sito web. 

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

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.

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.

Scarica | Demo | Web hosting

Risorse raccomandate

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

• Alcuni plugin di WordPress per inviare SMS da un blog
• 13 WordPress plugin per personalizzare la pagina di login
• Plugin 8 WordPress BuddyPress per potenziare il tuo social network
• 8 WordPress plugin per gestire efficacemente una Newsletter

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che ti permetta di visualizzare un modulo di animazione slide out 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.

...