Come aggiungere un modulo di iscrizione alla tua landing page con Mailrelay

Pubblicato: 2019-07-24

Se lavori con il marketing, probabilmente leggi informazioni sull'importanza di creare una landing page come parte di una strategia di vendita efficace. Se hai bisogno di acquisire abbonati, lead o clienti, dovrai imparare a lavorare con questa funzione.

Come molti di voi sicuramente sapranno, una landing page è una pagina pensata per ricevere i visitatori che hanno trovato il tuo sito dopo aver cliccato su un annuncio o banner (Facebook, Google o qualsiasi altra piattaforma). Il suo utilizzo è sempre più diffuso e il suo scopo principale nella maggior parte dei casi è catturare lead o generare conversioni.

Una landing page è una pagina creata per uno scopo: generare conversioni. In generale, l'utente che visita questa pagina è interessato a ciò che offri. Creare una landing page efficace è un'arte perché dovrai considerare vari aspetti come il design e il contenuto della pagina. Se sai già cos'è una landing page e vuoi utilizzare questa opzione nella tua strategia di marketing; spiegheremo come è possibile aggiungere un modulo di iscrizione Mailrelay a una pagina di destinazione per acquisire lead e iscritti.

Chiarimento importante: in questo post, supponiamo che tu abbia già creato un modulo di iscrizione su Mailrelay e copiato il codice HTML che utilizzerai. Quindi ci concentreremo sulla spiegazione di come integrare questo codice in una landing page. Se non hai creato il form o non hai copiato il codice HTML, ti consigliamo di controllare quest'altro post: Mailrelay V3 Subscription Forms.

  • 1 · Come aggiungere un modulo di iscrizione alla tua pagina di destinazione in WordPress
    • 1.1 Opzione 1: utilizzo di Elementor
    • 1.2 Opzione 2: utilizzo di Divi
  • 2 · Come aggiungere un modulo di iscrizione alla tua landing page senza usare WordPress
  • 3 · Conclusione
    • 3.1 Post correlati:

Envia hasta 75.000 emails gratis!

· Come aggiungere un modulo di iscrizione alla tua pagina di destinazione in WordPress

Opzione 1: utilizzo di Elementor

Di Elementor abbiamo già parlato in altri articoli. È un potente plugin disponibile in WordPress, con versioni gratuite e a pagamento. È un'opzione ideale per creare e modificare pagine di destinazione in modo rapido e semplice.

Se il tuo sito è stato creato utilizzando WordPress, ti consigliamo vivamente di utilizzare questo plug-in per configurare la tua pagina di destinazione poiché il processo sarà facile e semplice. Se non hai ancora installato il plugin, puoi scaricarlo gratuitamente dal repository di WordPress e utilizzarlo per creare la tua landing page. Iniziamo?

Una volta all'interno del pannello di amministrazione di WP, dovresti fare clic su "pagine" e aggiungerne una nuova.

Dovrai utilizzare questa nuova pagina per inserire il contenuto che verrà mostrato ai tuoi visitatori. In questo caso, prima di iniziare a modificare il layout, è consigliabile apportare alcune modifiche precedenti. Ad esempio, dovresti nominare la sezione, scegliere il modello, ecc.

Vediamo spesso pagine di destinazione che non hanno un menu della barra in alto. Questo viene spesso utilizzato quando vogliamo che il visitatore si concentri solo sul contenuto, non "scappa " facendo clic su qualsiasi altro collegamento. Questo può essere particolarmente utile nelle pagine di destinazione create per le campagne online.

Se desideri implementare questa misura e rimuovere il menu di navigazione dalla tua pagina di destinazione, dovresti cercare gli attributi nella colonna di destra. Una volta trovata questa opzione, nella sezione dei modelli, seleziona "Elementor Canva" e salva il tuo lavoro.

Elementor canvas

Successivamente, apri il builder Elementor, facendo clic su " Modifica con Elementor" e inizia a creare la tua pagina di destinazione seguendo la struttura che desideri utilizzare.

Dopo aver creato la pagina, dovrai implementare il modulo di iscrizione. In questo caso, puoi ottenere il codice HTML e inserirlo nella pagina.

Per fare ciò, dovresti cercare il modulo "codice" e includerlo nella colonna o nella sezione che desideri. Una volta inserito, dovrai inserire il codice che hai copiato prima di iniziare a leggere questo articolo. In questo caso dovrai incollare il codice generato da Mailrelay per incorporarlo nella tua landing page.

formulario de suscripcion a una landing page de WordPress

Dopo aver aggiunto il modulo, il risultato sarà simile a questo. È importante tenere presente che la struttura e il design variano a seconda dei moduli e degli elementi installati.

 Usando Elementor

A questo punto, vorrei sottolineare che il modulo verrà visualizzato con l'aspetto e gli stili contrassegnati nel modello o nel tema. Per apportare modifiche o modifiche allo stile, dovrai modificare l'HTML o utilizzare plug-in specifici per personalizzare il modulo di attivazione.

Opcion 2: Usando Divi

Opzione 2: utilizzo di Divi

Divi è uno dei modelli più utilizzati per la creazione di siti in WordPress. Questo modello è così popolare perché offre un potente visual builder, che ti consente di creare pagine accattivanti e colorate con pochi clic.

Divi è attualmente uno strumento Premium (a pagamento) ed è disponibile come modello e come visual builder per WordPress. Se il tuo sito è stato creato con questo modello o hai installato il plug-in Divi Builder, continua a leggere poiché ti mostreremo passo dopo passo come aggiungere un modulo di iscrizione su una pagina di destinazione utilizzando Divi. Iniziamo?

I passaggi sono molto simili a quelli che abbiamo visto nella guida precedente, quindi il processo che seguiremo sarà abbastanza simile a quello che abbiamo visto con Elementor.

Per prima cosa, andiamo alla sezione Pagine e facciamo clic su "aggiungi nuovo".

Dopo aver effettuato l'accesso alla nuova pagina, inizieremo a modificare le impostazioni principali. Se, come nel caso precedente, desideri eliminare la barra superiore della tua pagina di destinazione, dovresti cercare l'opzione "modello" nella colonna di destra e fare clic su "pagina vuota".

Con ciò, diremo a WordPress che non vogliamo visualizzare alcuna barra superiore in questa sezione specifica del sito. Interessante, vero?

Opcion 2: Usando Divi

Dopo aver nominato la pagina e selezionato le impostazioni del modello, non dimenticare di salvare le modifiche.

Successivamente, inizieremo a costruire la nostra pagina di destinazione con Divi. Per farlo, fai clic su "Divi builder" e il plug-in visualizzerà la schermata con il builder della pagina di destinazione. Divi, per impostazione predefinita, ci offre diverse opzioni tra cui scegliere: possiamo utilizzare un modello predefinito e adattarlo o crearne uno da zero. Puoi scegliere una delle due opzioni.

Una volta impostata la tua landing page, è il momento di inserire il tuo modulo di iscrizione a Mailrelay. In questo caso, dovremo cercare il modulo “Codice” nella barra di destra di Divi e inserirlo nella colonna o sezione che vogliamo. Fatto ciò, il plugin aprirà una finestra con un campo dove potremo incorporare il codice HTML generato da Mailrelay. Se non hai creato un modulo HTML, generalo ora.

construir nuestra landing page

Dopo aver aggiunto il codice, sarai in grado di vedere come ti aiuterà a mettere like sulla tua landing page.

Come nel caso precedente, il modulo verrà visualizzato con gli stili definiti nel modello o nel tema. Per apportare modifiche, dovrai modificare manualmente l'HTML o utilizzare un plug-in esterno.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

· Come aggiungere un modulo di iscrizione alla tua landing page senza usare WordPress

Sebbene WordPress sia uno dei CMS più comunemente utilizzati per la creazione di siti Web, potresti voler creare la tua pagina di destinazione senza utilizzare questa piattaforma. Tuttavia, se non stai lavorando con WP, ti consiglieremo alcuni strumenti che puoi utilizzare per creare rapidamente la tua pagina di destinazione.

A questo punto, è importante notare che la maggior parte di questi strumenti non sono gratuiti, ma di solito offrono due settimane o più di test, in modo che tu possa iniziare a utilizzare il servizio per vedere se questo è quello che stavi cercando. Dopo aver testato lo strumento, puoi decidere se sei interessato o meno a pagarlo.

Per questo articolo, ci concentreremo sulla spiegazione di come utilizzare Instapress per creare landing page. Questo strumento è stato creato per gli utenti che non desiderano progettare una pagina manualmente, in modo da poter modificare i modelli disponibili o creare il proprio layout.

La prima cosa che dovrai fare è registrarti sulla piattaforma per iniziare a utilizzare la demo gratuita. Per farlo, vai alla pagina Instapage e crea un account.

Dopo aver effettuato l'accesso alla piattaforma, nella sezione desktop, clicca su “Crea nuova pagina” per iniziare a creare la tua landing page.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Qui avrai diverse opzioni. Per questo tutorial, sceglieremo il primo: "Pagina standard".

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Dopo aver selezionato questa opzione, verrai indirizzato a un'altra schermata in cui puoi scegliere tra diversi modelli. Se vuoi creare la tua pagina da zero, puoi selezionare l'opzione "pagina vuota", oppure puoi scegliere uno dei modelli predefiniti.

In questo caso è importante chiarire che le caselle di abbonamento disponibili nei modelli non possono essere utilizzate poiché dovremo lavorare con il codice HTML generato da Mailrelay.

Una volta scelta l'opzione che desideri utilizzare, aggiungi un nome alla pagina e inizia a modificare la pagina di destinazione, lasciando uno spazio per il modulo di attivazione.

Dopo aver modificato il layout, dovrai inserire il modulo. Se controlli in alto, vedrai diverse opzioni. Per aggiungere il modulo, fai clic su "HTML".

deberemos escoger el bloque que dice “HTML”.

Il plugin mostrerà una casella che puoi posizionare dove vuoi. Nota che questa casella corrisponde al modulo, quindi dovresti posizionarla dove vuoi mostrare il modulo. Per inserire il codice HTML, fare clic sulla casella e selezionare il pulsante "Modifica" .

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

La casella sarà vuota e potrai inserire il codice. Incolla il modulo HTML di Mailrelay e fai clic su "Fine". Se hai seguito correttamente tutti i passaggi, vedrai come verrà visualizzato il modulo.

Pegaremos el HTML de Mailrelay y haremos clic sobre el boton “done”

Come nei casi precedenti, è importante notare che il modulo non include stili incorporati nel codice HTML. Quindi, se vuoi personalizzarlo, dovrai modificare il codice manualmente. Se non hai familiarità con l'HTML, ti consigliamo di utilizzare il modulo predefinito generato da Mailrelay.

Infine, è necessario fare clic sul pulsante "Salva" nell'angolo in alto a destra dello schermo.

Dopo aver salvato le modifiche, dovrai pubblicare la pagina. Per farlo, fai clic sulla pagina che desideri pubblicare e nella finestra successiva cerca il pulsante "Pubblica" e fai clic su di esso.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

Per pubblicare la pagina di destinazione in modo permanente, dovrai impostare l'URL della pagina. Pertanto, dopo aver fatto clic su Pubblica, il sistema visualizzerà un popup con le opzioni per configurarlo. Fai clic sul pulsante "Imposta URL" e, tra le diverse opzioni disponibili, scegli l'opzione migliore per la tua strategia di marketing digitale.

Para publicar de manera definitiva deberas configurar la URL de tu pagina

Se stai lavorando con WordPress, puoi scegliere questa opzione e seguire i passaggi sullo schermo per pubblicare la pagina. Se non utilizzi WordPress, dovresti fare clic sulla prima opzione, "Dominio personalizzato" e seguire le istruzioni per configurare il tuo dominio.

Accanto a ciascuna opzione, troverai un link "Ulteriori informazioni". Se hai bisogno di ulteriori informazioni sui passaggi da seguire, fai clic su questo link. Verrai indirizzato ad una sezione informativa con tutto quello che ti serve sapere per apportare le modifiche necessarie e pubblicare la tua pagina in modo permanente.

Como anadir un formulario de suscripcion a una landing page fuera de WordPress

· Conclusione

Se gestisci un'attività online, avrai sicuramente bisogno di creare landing page come parte della tua strategia di vendita. Come abbiamo spiegato all'inizio del post, queste pagine sono estremamente utili per catturare potenziali clienti.

Si tratta infatti di uno strumento ampiamente utilizzato per la raccolta di dati e la creazione di mailing list. Le strategie per ottenere queste informazioni possono variare molto, sebbene la maggior parte dei webmaster preferisca offrire un "regalo" o un'"esca" in cambio dei dati. Che tipo di regalo potrei offrire? Potresti creare un tutorial, un mini-corso, una guida. Dipenderà dalla tua strategia di vendita.

Per aiutarti in questo compito, in questo articolo abbiamo voluto mostrare diverse opzioni per la creazione di una landing page e i passaggi che dovrai seguire per integrare un modulo di iscrizione Mailrelay con la pagina. In questa occasione, ci siamo concentrati su 3 diverse opzioni. Tuttavia, puoi creare una landing page con qualsiasi altro strumento che offra opzioni per incorporare HTML esterno.

Hai mai usato una landing page per catturare i clienti? Lo trovi utile?

Cristina Aguayo