Come creare moduli popup per il tuo sito Web (2022 e gratuito)

Pubblicato: 2022-06-27

Stai cercando il modo più semplice e convertibile per creare e aggiungere moduli popup al tuo sito web? Allora sei nel posto giusto.

I moduli di iscrizione popup o i moduli di contatto popup ti consentono di connetterti facilmente con i visitatori del tuo sito web.

Puoi far crescere il tuo pubblico, entrare in contatto con loro, aumentare le vendite e raccogliere lead e dati preziosi sui clienti per le tue campagne di marketing.

Secondo un sondaggio, il 74% degli intervistati ha riferito di aver utilizzato moduli online come strumento di acquisizione dei lead.

I moduli popup sono abbastanza efficaci quando si tratta di catturare gli occhi dei visitatori passivi e spingerli a compiere l'azione desiderata. In effetti, ci sono vari modi per sfruttare i moduli popup sul tuo sito. Alcuni di essi includono:

  • Raccolta di lead e-mail
  • Consenti ai tuoi visitatori di contattarti facilmente con i moduli di contatto
  • Aumento dei tassi di conversione
  • Aumentare i tassi di iscrizione
  • Incoraggiare i clienti a lasciare un feedback

Tieni presente che alcuni incentivi come e-book gratuiti e offerte di sconto sono spesso più coinvolgenti per i clienti. Utilizza offerte speciali per convincere i visitatori a compilare i moduli, in particolare se si tratta di un modulo e-mail popup o di un modulo popup di feedback .

In questo tutorial, ti mostreremo come creare moduli popup per il tuo sito Web utilizzando il generatore di popup Popupsmart.

Non è mai stato così semplice ed efficiente creare moduli popup accattivanti, visualizzarli su pagine specifiche, regolare le impostazioni di targeting per indirizzare e convertire segmenti di visitatori.

E la parte migliore è che puoi creare il tuo modulo popup gratuitamente e senza codice .

Prima di immergerci nella parte del tutorial, mettiamo tutte le carte in tavola e vediamo perché usare i moduli popup sul tuo sito web è una buona idea in primo luogo.

Perché utilizzare i moduli popup sul tuo sito web?

modulo popup sul sito web

1. I popup funzionano

Le persone tendono a evitare di utilizzare i popup a causa dei tradizionali design dei popup vecchio stile e della mancanza di un targeting di successo. Molte di quelle persone sono rimaste con l'idea che i popup siano fastidiosi.

Se sei uno di loro, lascia che ti dica una cosa. I popup funzionano .

Il tasso di conversione dei popup è in media del 3,09%. Non si può negare che, se personalizzato per i visitatori del tuo sito Web e il tuo marchio, POPUPS CONVERT.

Quindi, puoi trasformare i visitatori in clienti, ottenere nuovi contatti e-mail e aumentare il coinvolgimento visualizzando moderni moduli popup sul tuo sito web.

Ecco perché molte aziende grandi e affidabili utilizzano i popup sui loro siti web.

2. Facilmente visibile dai tuoi visitatori

modulo di iscrizione popup

Il più delle volte, i visitatori preferirebbero compilare un popup del modulo di contatto piuttosto che navigare in tutto il tuo sito Web per trovare le tue informazioni di contatto. È la prossima migliore idea per chattare dal vivo.

Ti interessano gli strumenti di chat live gratuiti? Scopri i migliori dal nostro post sul blog di confronto .

Ciò che offre un vantaggio chiave ai popup dei moduli di contatto rispetto alle pagine di contatto standard è una maggiore visibilità . Come suggerisce il nome, i popup compaiono su una pagina web e attirano visitatori.

In uno scenario del cliente in cui un visitatore non può prendere la decisione finale di acquisto ma non vuole disturbare la navigazione nel tuo sito per contattarti in merito al problema in questione, un popup del modulo di contatto sarebbe tutto ciò di cui hai bisogno per convertire quel visitatore.

3. Puoi scegliere come target URL specifici

In alcuni casi, potrebbe essere meglio visualizzare il popup del modulo solo su pagine specifiche piuttosto che sull'intero sito web. Oppure, quando vuoi rivolgerti solo a un pubblico particolare, i popup dei moduli impostati con il targeting per URL possono essere molto più ideali.

Ad esempio, supponiamo che tu abbia un modulo di iscrizione popup o un modulo e -mail popup che offre un e-book gratuito in cambio della compilazione dei campi del modulo e desideri visualizzarlo solo sui post del blog correlati. Puoi farlo senza sforzo con il targeting per URL.

Ti mostreremo come impostare le impostazioni di targeting del tuo popup con Popupsmart, ma abbi pazienza con noi per un altro vantaggio dei popup dei moduli.

4. Più visivamente attraente

modulo di iscrizione popup sul sito Web

A chi piace vedere i moduli tradizionali con una dozzina di campi obbligatori sui siti web? Nessuno? Nemmeno uno? Non ci piacciono neanche loro.

Infatti, secondo SaleCycle, il 77% degli acquirenti online abbandona i moduli di pagamento.

Quindi, anche i campi del modulo di pagamento potrebbero sembrare troppo irritanti e far perdere tempo ai visitatori se non ottimizzati. Immagina come si sentirebbero per altri moduli sul tuo sito.

Invece di perdere tutti i potenziali dati e le opportunità di vendita, puoi testare utilizzando i moduli popup sul tuo sito Web, inclusi;

  • I post del blog
  • Pagine di destinazione
  • Pagine iniziali
  • O qualsiasi pagina web del tuo sito

I moduli popup sono visivamente più attraenti per gli utenti. I design popup ottimali hanno già un'area limitata per i campi. Avere meno campi modulo li rende più facili da compilare e meno intimidatori rispetto ai moduli standard.

Inoltre, con le impostazioni di targeting avanzate di Popupsmart, puoi mostrare il tuo modulo popup ai visitatori giusti al momento giusto.

Il targeting intelligente fa in modo che solo i visitatori che hanno la più alta probabilità di interagire con il popup lo vedano.

Perché utilizzare Popupsmart per creare moduli popup per il tuo sito web

Popupsmart è un software per la creazione di popup senza codice incredibilmente intuitivo. Ti consente di creare campagne popup dal design accattivante e indirizzare i visitatori del tuo sito Web come un professionista.

È progettato per aiutare a convertire più lead e aumentare le vendite, consentendo agli imprenditori di creare campagne popup personalizzate per ciascun sito Web e mirate al loro pubblico specifico.

Le campagne popup sono messaggi che appaiono su un sito durante la navigazione dei visitatori. Sono disponibili in diverse forme, tra cui barra mobile, popup della barra laterale, popup a schermo intero e popup lightbox.

Popupsmart funziona con un codice JavaScript a una riga sul tuo sito web. Quindi, se vuoi creare un modulo popup JavaScript , vai avanti e prova Popupsmart gratuitamente oggi. Quindi, puoi creare il tuo primo popup!

Come creare un modulo popup e aggiungerlo al tuo sito web

Usando Popupsmart, puoi;

  • Crea un popup JavaScript personalizzato,
  • Modulo popup MailChimp / Modulo di iscrizione popup MailChimp
  • Modulo popup Squarespace
  • Modulo popup di WordPress
  • Modulo popup Hubspot
  • Modulo popup di Angularjs
  • Moduli popup per qualsiasi sito Web che funziona con JavaScript

Scopri altre integrazioni di servizi di CRM ed e-mail marketing e come integrare Popupsmart con esse.

Oggi creeremo il modulo di contatto popup che vedrai di seguito per il bene di questo tutorial.

Puoi provare tutte le opzioni di personalizzazione per creare il modulo popup JavaScript più adatto per il tuo sito Web una volta appreso come creare un modulo popup per il tuo sito Web in modo semplice.

modulo di contatto popup

Ecco un tutorial passo-passo per farlo esattamente:

1. Iscriviti o accedi a Popupsmart

Pagina di registrazione Popupsmart

Per prima cosa, avvia il processo di creazione dei moduli popup registrandoti gratuitamente a Popupsmart.

Se hai già un account, vai al passaggio successivo.

2. Vai alla dashboard di Popupsmart

Dashboard Popupsmart

Dopo esserti registrato a Popupsmart, vai avanti e accedi alla dashboard di Popupsmart.

Se sei nuovo, fai clic su "Account" in alto a destra e seleziona "Siti Web" dal menu a discesa per aggiungere il dominio per cui desideri utilizzare Popupsmart.

aggiungi nuovi siti Web nel generatore di popup

Aggiungi il tuo dominio e salvalo. Puoi aggiungere più domini con il Piano Base.

Segui le istruzioni per configurare Popupsmart sul tuo sito web in 5 minuti.

3. Crea un nuovo popup

Dashboard del generatore di popup Popusmart

Fai clic sul pulsante "Crea un nuovo popup" nell'angolo in alto a destra.

4. Seleziona un obiettivo aziendale e dai un nome alla tua campagna

obiettivi di business popup

Dopo aver fatto clic sul pulsante "Crea un nuovo popup", dovrai selezionare un obiettivo aziendale. Puoi anche modificare la tua selezione nel generatore di popup.

campi del nome della campagna popup

Assegna un nome alla tua campagna e seleziona il dominio in cui desideri visualizzare il tuo popup.

5. Scegli un modello popup modulo

modelli di popup popupsmart

Scegli un modello di popup nel primo passaggio del generatore di popup.

Esistono vari modelli di popup completamente personalizzabili che puoi utilizzare.

menu a tendina degli obiettivi di business

Assicurati di selezionare un modello ottimale per l'aggiunta di campi modulo.

Scopri tutti i modelli di popup modificando l'obiettivo dal menu a discesa.

6. Personalizza il tuo modulo popup

design del modulo popup

I modelli popup di Popupsmart non sono solo eleganti ma anche completamente personalizzabili. Personalizza l'aspetto del tuo modulo popup come preferisci, ad esempio colore, colore dei pulsanti, testi, raggio del bordo e altro da " Modifica aspetto generale ".

  • Consulta la documentazione: Come personalizzare il mio popup per ulteriori suggerimenti sulla personalizzazione.

titolo a comparsa

Cambia il titolo del tuo popup e il testo del pulsante CTA. Cerca di scriverli in modo chiaro e diretto.

opzioni del campo del modulo popup

Ora, questo passaggio è l'essenza della creazione di un popup di modulo. Devi aggiungere campi modulo al tuo popup. Fai clic su "Aggiungi un nuovo campo modulo" per selezionare il tipo di campo modulo che desideri aggiungere, ad esempio;

  • Ingresso telefonico
  • Inserimento e-mail
  • Input di testo brevi e lunghi
  • Inserimento Dropbox
  • Pulsanti di opzione e casella di controllo

Sono disponibili anche modelli di popup di moduli già pronti.

personalizzazione del modulo popup

  • Modificare il nome di input e i segnaposto, se necessario.
  • Seleziona "Richiedi" per rendere obbligatori campi specifici.
  • Alcuni campi come l'input del telefono hanno un'opzione per richiedere la convalida. Selezionare il pulsante "convalida" per rendere necessaria la convalida delle informazioni (ovvero, se il numero di telefono digitato è valido o meno).

convalida del campo del modulo

Puoi mostrare un testo di politica sulla privacy e una casella di controllo per consentire ai clienti di confermare e accettare la politica sulla privacy della tua azienda.

opzione di politica sulla privacy popup del modulo di contatto

Per farlo, attiva semplicemente l'interruttore "Mostra" o nascondilo come desideri. Annota il testo della tua politica sulla privacy e abilita la casella di controllo se necessario.

7. Imposta il targeting per il popup del modulo

impostazioni di visualizzazione a comparsa

Vai al passaggio Target sul builder per configurare le impostazioni di visualizzazione, la pianificazione della campagna, le attribuzioni di targeting, il dispositivo del visitatore e la frequenza di visualizzazione.

Consulta la documentazione correlata per ulteriori informazioni sul targeting per pubblico.

8. Integra con il tuo servizio di automazione della posta elettronica (opzionale)

integrazioni del servizio di automazione della posta elettronica con Popupsmart

L'email marketing è la parola d'ordine nel mondo del business digitale.

Soprattutto se prevedi di raccogliere lead e-mail con un popup di abbonamento, questo passaggio è essenziale per i tuoi sforzi di email marketing.

Fai clic su integrazioni e aggiungi il tuo fornitore di servizi di email marketing.

Aggiungi la notifica dei lead via email per ricevere una notifica quando raccogli i lead.

9. Apri il popup al clic del pulsante (opzionale)

impostazioni popup con clic

Popupsmart ti consente di creare un pulsante che apre il popup quando i clienti fanno clic. I popup con clic sui pulsanti sono ideali per ridurre al minimo le distrazioni su una pagina web.

È possibile aggiungere il pulsante a una pagina Web con una copia di richiesta in modo che i clienti interessati a compilare il modulo possano fare clic per aprire il modulo popup.

Ad esempio, un pulsante popup con un clic su una pagina di un post di blog che offre un e-book gratuito può incoraggiare i clienti con un CTA di "Scarica e-book gratuito".

10. Salva e pubblica il tuo modulo popup

pulsante di pubblicazione del generatore di popup

Ecco fatto, sei arrivato al passaggio finale! Una volta completato il popup, puoi salvarlo per pubblicarlo in un secondo momento o salvarlo e pubblicarlo all'istante.

Puoi monitorare le prestazioni del tuo popup dall'analisi e vedere quanta conversione fa o integra con Google Analytics.

Non dimenticare di testare diverse varianti di moduli popup per trovare quello che porta più conversioni.

Facci sapere se trovi utile questa guida nei commenti.

Il prossimo passo nella tua lista di lettura: i migliori strumenti per l'onboarding degli utenti per le aziende SaaS