Come aggiungere un modulo di contatto pop up su WordPress

Immagine avatar per Andrea Di Rocco

di Andrea Di Rocco Aggiornato il

Come aggiungere un modulo di contatto pop up su WordPress

Questo ti aiuterà ad aumentare le richieste di contatto e – di conseguenza – le vendite.

Come tante altre funzionalità WordPress, potrai usare i plugin per aggiungere un form di contatto sul tuo sito.

Aggiungere un modulo di contatto pop up con il plugin Popups

Per usare questo strumento dovrai installare il plugin chiamato Popups – WordPress Popup di Timersys.

Questo plugin serve a far apparire automaticamente un pop up con form di contatto dopo che l’utente trascorre un determinato numero di secondi su una pagina, oppure dopo che ha scorso una determinata percentuale della pagina.

Aggiungere un modulo di contatto pop up di questo tipo potrebbe risultare particolarmente utile sulle pagine di vendita.

Se un utente trascorre più del previsto sulla pagina, forse non riesce a trovare qualche informazione o ha comunque qualche dubbio.

A quel punto, far apparire il pop up con form di contatto in automatico sarà un ottimo modo per evitare che l’utente abbandoni la pagina senza compiere alcuna azione.

Il plugin Popups ha diverse funzionalità interessanti:

Quando lo installi,  vai su Popups > Add new per aggiungere un nuovo pop up.

Apparirà una finestra con il classico Editore Visuale/di Testo dove potrai digitare il testo da includere sul tuo pop up.

come aggiungere un modulo di contatto pop up su WordPress

Sotto al campo di testo ci sono diverse opzioni:

Questo campo serve ad impostare su quali pagine/post deve essere visualizzato popup.

Puoi aggiungere popup a tutte le pagine, oppure anche a solo una pagina o un post specifico specificandone l’ID.

Puoi aggiungere quante regole desideri cliccando Add rule group.

popup display rules pwe moduli di contatto pop up

Inoltre, potrai inserire il popup su qualsiasi pagina direttamente dall’editor.

Nella barra degli strumenti, infatti, troverai un’icona che ti permetterà di inserire lo shortcode del popup che desideri.

Display options

In questa sezione puoi configurare le opzioni di visualizzazione del pop up.

Puoi configurare la posizione del pop up sulla pagina (Box Positions, che può essere centrato, in alto a destra o a sinistra, in basso a destra o a sinistra), quando far apparire il popup (dopo un certo numero di secondi o dopo che l’utente ha scorso una determinata percentuale della pagina), l’animazione, ecc.

Opzioni di visualizzazione del popup

Fai particolare attenzione all’opzione cookie expiration days.

Qui puoi impostare la durata del cookie del plugin, che corrisponde al numero di giorni nei quali non sarà visualizzato il pop up ad un utente che ha già visitato il tuo sito.

Appearance

In questa sezione puoi cambiare il look del pop up (puoi decidere il colore dello sfondo, del testo, del bordo, eccetera).

popups appearance

Come aggiungere un modulo di contatto all’interno del popup

Popups è un plugin che serve a creare pop up di qualunque tipo, non solo moduli di contatto.

Se però vuoi aggiungere un modulo di contatto pop up dovrai procedere in questo modo:

  • Installa il plugin Popups ed anche il plugin Contact Form 7.
  • Crea un form di contatto usando Contact Form 7, come faresti normalmente.
  • Quando hai creato un form, copia lo shortcode ed incollalo all’interno del tuo popup.
    popup sulla pagina per permettere un rapido contatto con i clienti

Automaticamente, il popup includerà il tuo modulo di contatto.

Il plugin Popups è un ottimo strumento per aggiungere un modulo di contatto pop up.

Però, se per qualunque motivo questo plugin non fa per te, ti consiglio di dare un’occhiata anche ad Icegram.

Icegram è uno strumento multi-funzionale, utile per creare campagne di lead generation.

Serve a creare pop up, action bar (barre in testa al sito), messenger (form di contatto in basso a destra), ed altri elementi interattivi per raccogliere il contatto degli utenti.

Conclusione

In questa breve guida abbiamo visto come aggiungere un modulo di contatto pop up su WordPress.

Come vedi, usando i plugin è molto semplice!

Era questa la funzionalità che cercavi?

Oppure hai ancora qualche dubbio o curiosità?

Come sempre, ti invito a lasciare un commento, ti risponderemo al più presto.

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
59Commenti
Lascia un commento
  1. Immagine avatar per PAOLA
    PAOLA

    Ciao ho installato il plugin ma quando clicco su “attiva” mi compare il seguente errore:
    Il plugin ha un’intestazione non valilda; questo messaggio è stato generato da Core, stack di chiamate wp_die()
    wp-admin/plugins.php:65
    Query Monitor
    sapete dirmi per cortesia come posso procedere? grazie

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Paola, parli del plugin Popup Maker che ti abbiamo suggerito? Potrebbe esserci un conflitto con un altro plugin che hai installato. Prova a disattivarli e poi riattivarli uno ad uno finché non si ripresentano errori. Ti suggeriamo anche di contattare il supporto del plugin.

  2. Immagine avatar per Paola
    Paola

    Ciao, articolo come sempre molto ben spiegato e interessante, solo che purtroppo questo plugin non è testato con la mia versione di WP e l’ultimo aggiornamento risale a un anno fa quindi penso sia meglio non istallarlo.
    Sapete consigliarmi una soluzione alternativa per favore? Grazie!

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Paola, grazie per la segnalazione, aggiorneremo la guida al più presto. Intanto, ti suggeriamo di dare un’occhiata a Popup Maker, un ottimo strumento per creare moduli di contatto popup ma anche avvisi, promozioni, form di iscrizione alla newsletter ecc. Facci sapere se può esserti utile, un saluto!

    2. Immagine avatar per Paola
      Paola

      Ciao e grazie della risposta.
      Intanto scusami ma non mi sono spiegata, nel senso che l’aggiornamento del plugin che consigli risale a un anno fa e non il vostro articolo…
      Ho visto che anche Popup Maker non è testato con la mia versione di WP, mi consigli di installarlo ugualmente? Grazie ancora.

    3. Immagine avatar per SOS WP Team
      SOS WP Team

      Intendevamo dire che aggiorneremo presto la guida sostituendo il plugin menzionato con uno più aggiornato 🙂 Che versione di WordPress hai? Ad oggi vediamo che Popup Maker è aggiornato e testato con WordPress 5.7.

    4. Immagine avatar per Paola
      Paola

      Sì ti confermo che anch’io ho la versione di WP 5.7, eppure volendo aggiungere quel plugin mi dice: Ultimo aggiornamento 1 anno fa e non testato con la tua versione di WP, per questo non l’ho installato.
      Procedo ugualmente? Grazie

    5. Immagine avatar per SOS WP Team
      SOS WP Team

      Installalo tranquillamente, è stato aggiornato proprio in questi giorni!

  3. Immagine avatar per giovanni
    giovanni

    Ciao Andrea,ho impostato questo Plugin Popup Forms tutto come nelle tue spiegazioni,ma non mi esce,dovrebbe uscire dopo 15 minuti che i rimane su una pagina,io ho gia installato i due Plugin Popup Builder e PopUp Maker per me molto importanti che non posso togliere,dipende dal fatto che ci sono gia questi due?

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Giovanni, prova a disattivare temporaneamente gli altri plugin e verifica se così funziona. Potrebbe esserci un’incompatibilità.

  4. Immagine avatar per gianluca
    gianluca

    Ciao Andrea, vorrei aggiungere un modulo di contatto che una volta inserita l’email e cliccato su invia…si apra automaticamente un’altra pagina… è possibile?

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Gianluca, certo. Puoi usare per questo un apposito plugin: https://wordpress.org/plugins/cf7-redirect-thank-you-page/. Un saluto!

  5. Immagine avatar per Blerina
    Blerina

    Ciao Andrea,
    ho installato il plugin popup, ma ora come faccio a collegarlo alla newsletter?
    Il mio obiettivo è quello di inserire all’interno del sito il popup newsletter, come faccio a riportare il tutto nel popup, la newsletter è con mailchimp. Grazie

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Blerina, a quale servizio Newsletter lo vuoi collegare?

    2. Immagine avatar per Blerina
      Blerina

      Vorrei che l’utente si iscrivi tramite questo popup alla newsletter
      Grazie

    3. Immagine avatar per SOS WP Team
      SOS WP Team

      Certamente Blerina! il Pop Up permette di inserire form di iscrizione per la Newsletter

    4. Immagine avatar per blerina
      blerina

      Mi diresti gentilmente come fare?
      Sarebbe perfetto chiedere solo nome e indirizzo email per l’iscrizione.
      Avresti un tutorial da mandarmi per poter configurare questa opzione al meglio?
      Grazie

    5. Immagine avatar per SOS WP Team
      SOS WP Team

      Puoi embedderare il form di iscrizione alla Newsletter tramite shortcode, direttamente dall’editor del plugin.

  6. Immagine avatar per Gianni
    Gianni

    Uff, non riesco a trovare una soluzione senza plugin…. Con i plugin son tutti bravi 😛

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Gianni, si deve intervenire sul codice per evitare di usare i plugin, aggiungendo funzioni che sono creabili ad hoc solo da sviluppatori abbastanza esperti. Nel tuo caso specifico, che risultato vorresti ottenere?

  7. Immagine avatar per Ginevra
    Ginevra

    Ciao! Non sono più visibili molte delle immagini di questo articolo, rendendolo di fatto inefficacie…

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Ginevra, abbiamo sistemato, adesso dovrebbero essere tutte correttamente visibili. Grazie del tuo feedback 🙂

  8. Immagine avatar per Emiliana Di Stefano
    Emiliana Di Stefano

    Ciao!
    Sto settando il plugin pop ups wordpress ed
    In pratica non riesco a farlo apparire (sia su mobile che su desktop) se esco e rientro sul sito. Potreste aiutarmi! Grazie mille

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Si visualizza quindi solo al primo accesso?

  9. Immagine avatar per Giulia
    Giulia

    Ciao! Io ho già il codice del pop up form, essendo che l’ho realizzato da Mail Chimp, però non riesco a trovare un plug in che mi permetta di inserirlo in WordPress. Non capisco se tra quelli citati ce n’è qualcuno che può fare al caso mio. grazie 🙂

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Giulia, puoi inserirlo manualmente usando l’editor visuale presente in WordPress. Un saluto!

  10. Immagine avatar per andrea
    andrea

    salve, una volta generato lo shortcode del popup come faccio a inserirlo nella pagina che mi interessa?? non trovo lo shortcode per inserirlo.

    grazie

    1. Immagine avatar per andrea
      andrea

      poi riesco a collegare questo pop up solo quando si clicca su un pulsante “RICHIEDI INFORMAZIONI”? grazie mille

    2. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, sì certamente, è possibile.

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Andrea, puoi inserire lo shortcode nell’editor testuale della pagina.

    4. Immagine avatar per andrea
      andrea

      si può collegare con un pulsante

    5. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Andrea, anche questo è possibile.

    6. Immagine avatar per andrea
      andrea

      mi puoi spiegare come fare perfavore. grazie

    7. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Andrea, via commento non ci è possibile darti istruzioni dettagliate. Hai attivato la nostra Assistenza WordPress https://sos-wp.it/assistenza-wordpress/? Risponde proprio a domande del genere!

    8. Immagine avatar per andrea
      andrea

      si

    9. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Se l’hai attivata, contattaci subito per ricevere supporto.

  11. Immagine avatar per LAbDesign80
    LAbDesign80

    Perfetto! Mi occorre una soluzione rapida per l’inserimento di un modulo contatti in un popup. Direi che Popups è quello che mi occorre. L’unica cosa che spero è che il tutto sia responsive. 😉

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Si, lo è.

  12. Immagine avatar per daniela donna
    daniela donna

    ciao,
    io ho già usato contact form 7, ma m’interessava inserire una pagina con i contatti, esempio
    il mio nome
    il mio indirizzo
    il numero whatsapp
    la mail

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Daniela, puoi farlo facilmente utilizzando l’editor della pagina che ti mette a disposizione il tuo tema. Puoi quindi inserire le voci che indichi nel testo, per farti contattare dai tuoi visitatori. Grazie del commento, un saluto!

  13. Immagine avatar per Federico
    Federico

    Ciao, per mettere un modulo messaggio come quello in basso sul tuo sito? Grazie!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Federico, ti riferisci a quello dell’invio ticket, quando la chat non è attiva?

  14. Immagine avatar per Fabio
    Fabio

    Ciao Andrea, grazie mille per questa guida. Esiste un modo per far si invece che sia l’utente a richiamare il plugin? Non so, ad esempio con un’immagine nella sidebar, tipo “clicca qui per info”. Grazie in anticipo

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Fabio, sì, ma si dovrebbe mettere mano al codice php e javascript.

  15. Immagine avatar per Lucia
    Lucia

    Ciao, ma poi le mail acquisite dal contact form dove vanno a finire?
    grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Puoi raccoglierle con questo plugin: https://wordpress.org/plugins/contact-form-to-email/.

    2. Immagine avatar per lucia
      lucia

      Grazie,
      ma è l’unico modo? cioè ci vogliono addirittura 3 plugin per un pop di raccolta mail?
      Lucia

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      No. Dipende se hai un modulo di contatto all’interno del tema, nel caso puoi non avere CF7, ma devi allora trovare una soluzione customizzata per raccogliere le email.
      Oppure, puoi optare per un plugin come questo: https://it.wordpress.org/plugins/email-subscribe/, che ti permette di associare al popup un modulo di sottoscrizione per raccogliere le email.

  16. Immagine avatar per Michele
    Michele

    Ciao Andrea,
    come sempre grazie e complimenti per le tue utili guide. Volevo provare anche io ad utilizzare qualche plugin per pop-up sul mio sito ma dopo averli configurati, non li riesco poi a vedere sul sito.
    Pensi mi sia perso qualcosa? C’è forse qualche opzione di WP da sbloccare?
    Grazie 🙂

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Michele, verifica che tutti gli strumenti attivi sul sito siano aggiornati, ed anche che non vi siano incompatibilità tra i plugin. Un saluto!

  17. Immagine avatar per Andrea Di Rocco
    Andrea Di Rocco

    Ciao Laurita,
    il plugin è gratuito. Puoi mettere la notizia che desideri in evidenza, il pop-up si può usare sia per inserire un form di contatto sia per altri utilizzi. Un saluto!

  18. Immagine avatar per kia
    kia

    Ciao e grazie per i post sempre utilissimi. Ma se io voglio il popup che si apra quando uno accede al sito per iscriversi alla newletters, quale devo usare ?grazie mille!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Kia,
      che newsletter utilizzi?

    2. Immagine avatar per kia
      kia

      MailPoet

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Kia,
      dai un’occhiata qui: https://www.mailpoet.com/pippity-popup/.

    4. Immagine avatar per kia
      kia

      Grazie… ma è a pagamento, cercavo qualcosa di gratis…!

    5. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Kia,
      non ho conoscenza di un plugin gratuito altrettanto valido.

  19. Immagine avatar per silvia
    silvia

    Ciao, veramente molto utile grazie, proverò! Però cercavo un pop up diverso: vorrei un popup per il blog, che mi si apre solonel momento in cui clicco su una parola del testo cliccabile. Grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Silvia,
      in questo caso potresti utilizzare un plugin come questo: https://wordpress.org/plugins/fancybox-for-wordpress/installation/.
      Fammi sapere, un saluto e grazie del tuo commento!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *