Come creare un popup del modulo di contatto in WordPress – Step by Step

come creare un popup del modulo di contatto in wordpress


Vuoi far apparire il modulo di contatto quando un utente fa clic sul pulsante o sul collegamento del contatto?

Il vantaggio è che ogni volta che un utente fa clic sul pulsante di contatto o su un collegamento, invece di accedere a una nuova pagina, il modulo di contatto si apre sotto forma di popup, aumentando l’invio dei moduli. In questo articolo, ti mostreremo come creare un popup del modulo di contatto nel tuo sito WordPress senza influire sulla tua esperienza utente in modo dettagliato.

Creazione di un popup di modulo di contatto facilmente in WordPress

Con WordPress, la creazione di un popup del modulo di contatto è semplice. Per iniziare, devi solo avere 2 cose:

  1. un potente plugin popup
  2. un robusto plug-in per la creazione di moduli

Per ottenere i migliori risultati, ti consigliamo di utilizzare WPForms per la creazione del modulo di contatto. È un potente plug-in per la creazione di moduli che ti consente di creare qualsiasi tipo di modulo in meno di 5 minuti. Maggiori informazioni su WPForms qui.

WPForms, registrazione utente, plug-in, plug-in di accesso utente

Quando si tratta di plugin popup, pensiamo che non ci sia altra opzione migliore di OptionMonster. È uno dei plug-in di lead generation più popolari e potenti che ti consente di attirare l’attenzione del tuo visitatore e di incoraggiarlo ad agire sul tuo sito con l’utilizzo di straordinarie opzioni. Attraverso questo plugin, puoi aumentare il coinvolgimento degli utenti e aumentare le tue conversioni e vendite.

optinmonster-popup

Per saperne di più su OptinMonster leggi la nostra recensione dettagliata su OptinMonster.

Step 1: Installa i plugin WPForms e OptinMonster

add-wordpress-plugins

Inizia scaricando il WPForms collegare. Quindi, installalo e attivalo. Non sai come? Nessun problema. Puoi passare alla nostra guida su come installare un plug-in WordPress per risolvere tutto. Noi aspetteremo.

Tutto stabilito? Perfetto.

Seguire la stessa procedura per attivare il plug-in OptinMonster. Ma non è sufficiente installare solo il plugin. Dovrai crea un account anche con l’app OptinMonster. Il plugin funge solo da mezzo per connettere il tuo sito WordPress con l’app OptinMonster. Quindi per farlo funzionare correttamente devi installare il plugin e creare un account anche con l’app.

Passaggio 2: creare un modulo di contatto utilizzando WPForms per il popup

Per prima cosa utilizzeremo il plugin WPForms per creare un modulo di contatto. Ma se hai utilizzato WPForms e hai già creato un modulo di contatto con esso, puoi saltare questo passaggio.

Se non disponi di un modulo di contatto, vai alla dashboard e fai clic su WPForms »Aggiungi nuovo.

wpforms-cruscotto

Questo ti porterà in un’altra pagina in cui è possibile selezionare un modello di modulo e aggiungere un nome al modulo. Seleziona il Modulo di contatto semplice modello e dai un nome al tuo modulo.

Modelli WPForms Lite

Al termine del processo, verrà avviato il generatore di moduli che semplifica la progettazione dei moduli. Puoi aggiungere o rimuovere facilmente i file usando il builder drag and drop.

Puoi aggiungere tutti i campi che ritieni necessari per il tuo modulo. Una volta fatto tutto, premi il pulsante Salva per salvare le modifiche. Il modulo di contatto è ora pronto per essere pubblicato.

Ora premi il Incorporare scheda accanto al pulsante Salva e copia lo shortcode.

Passaggio 3: creazione di un popup WordPress tramite OptinMonster

Il prossimo passo è creare un popup sul tuo sito web. Creeremo un popup modale usando OptinMonster. Quindi vai alla dashboard di WordPress e fai clic su OptinMonster »Crea nuova campagna.

Si aprirà una nuova schermata in cui è possibile selezionare il tipo di campagna seguito dal modello dell’optin. Per il tipo di campagna, selezioneremo l’opzione popup.

Per il modello, andiamo per Tela. Questa è una tela bianca che supporta tutte le forme di codici brevi. Quindi puoi inserire qui qualsiasi codice HTML, CSS, JavaScript e persino codici brevi di WordPress.

Dopo aver selezionato il modello, verrai indirizzato a una nuova schermata in cui puoi assegnare un nome alla tua campagna.

Quindi fare clic su Inizia a costruire scheda. Ora verrai indirizzato al builder drag and drop. Noterai che la tela è vuota in termini di design. Puoi creare qualsiasi popup usando questa tela e progettarli da zero. Puoi farlo usando le opzioni sotto il Design linguetta.

Una volta fatto, fare clic su Aggiungi blocchi scheda sotto la scheda Progettazione. Scorri verso il basso per trovare il Blocchi di elementi opzioni. Sotto questo, vedrai un blocco HTML. Trascinalo e rilascialo nell’area di progettazione.

Qui puoi inserire uno shortcode del modulo di contatto insieme a qualsiasi altro HTML personalizzato che potresti voler aggiungere. Quindi aggiungiamo il nostro shortcode che è il seguente:

Avete domande?

Vuoi chiedere di più sul nostro servizio? Compila semplicemente il modulo e ti risponderemo al più presto.

Ecco un’anteprima di come puoi farlo.

Si noti che anche il codice breve del modulo che abbiamo creato in precedenza è stato incorporato nel codice. Puoi sostituire questo shortcode con il tuo. Ora salva le tue modifiche. Successivamente, vai al Visualizza regole scheda e impostare il tempo a zero come mostrato nello screenshot.

Scorri più in basso questa schermata e troverai altre opzioni. Puoi usarli se vuoi visualizzare questo modulo su una pagina o post specifici. Colpire il Salva quando hai finito.

Passaggio 4: pubblicazione del modulo popup

Una volta terminato di lavorare sulle modifiche, fai clic su Si No opzione in alto e fai clic su attivare linguetta.

Infine, vai al Pubblicare scheda e attiva / disattiva lo stato vivere.

optinmonster, welcome gate, wp welcome gate, lista edificio

Una volta terminato, torna alla dashboard di WordPress e vai a OptinMonster »Campagne. Qui vedrai la tua campagna. Sotto quel clic sul Modifica le impostazioni di output collegamento. Si espanderà per visualizzare alcune opzioni. Seleziona la casella accanto a Abilita la campagna sul sito opzione.

Infine, fai clic su Salva le impostazioni opzione alla fine della pagina.

Passaggio 5: aggiunta di un collegamento per attivare il popup del modulo di contatto

Prima copia la lumaca della campagna OptinMonster. Puoi trovarlo proprio accanto al nome della tua campagna.

Ora crea una nuova pagina in WordPress o modifica un post o una pagina in cui desideri aggiungere il collegamento o il pulsante popup del modulo di contatto. Ne creeremo uno nuovo qui. Vai al tuo editor di testo e aggiungi il seguente codice. Non dimenticare di sostituire la lumaca con la tua lumaca.

Contattaci

Una volta fatto premi il Pubblicare pulsante alla tua destra. Il tuo modulo è ora in azione. Visita il tuo sito dal front-end e lo vedrai.

Speriamo che questo articolo ti sia stato utile. Se vuoi saperne di più sulla creazione di un modulo di contatto con WPForms ecco una guida dettagliata.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map