Come aggiungere un modulo di iscrizione Mailrelay usando WordPress

Se vuoi attirare nuovi iscritti per aumentare la tua mailing list, dovresti offrire moduli di iscrizione sul tuo sito. Se lavori con WordPress, puoi facilmente aggiungere questi moduli al tuo blog.

Come mai? Fondamentalmente perché ti permette di acquisire dati da persone interessate ai prodotti o servizi che offri in modo da poterle contattare periodicamente.

A questo punto potresti pensare: sono interessato, ma cosa dovrò fare per creare un modulo di iscrizione sul mio sito WordPress? Non ho familiarità con il codice HTML e ho bisogno di qualcosa di semplice e facile.

Non preoccuparti, in questo tutorial; ti mostreremo diversi modi per aggiungere il codice HTML generato da Mailrelay nel tuo sito web creato utilizzando WordPress con e senza plugin.

Interessante, vero?

Precisazione importante: per questo tutorial, supponiamo che tu abbia già creato un modulo di attivazione sul tuo account e che tu abbia già copiato il codice HTML. Pertanto, ci concentreremo sulla spiegazione di come aggiungere questo codice su WordPress. Se non hai ancora creato il modulo, o non hai copiato il codice HTML, ti consigliamo di leggere prima questo altro post e seguire i passaggi indicati: Moduli di iscrizione Mailrelay V3

· Come integrare un modulo di iscrizione Mailrelay senza utilizzare alcun plugin

Dobbiamo iniziare questo tutorial dicendo che non possiamo ingannare noi stessi; la maggior parte di noi cercherà di trovare un plug-in per svolgere tutte le attività per noi sul nostro sito perché rendono la nostra vita molto più semplice.

Tuttavia, è importante tenere presente che l'installazione di molti plugin sul nostro sito può sovraccaricare la pagina.

Ciò, in molte occasioni, implica un aumento del tempo di caricamento delle pagine, influenzando direttamente la nostra strategia SEO e l'esperienza dell'utente.

Per tutto questo, se vuoi evitare di sovraccaricare il tuo sito web o semplicemente non vuoi installare più plugin sul tuo sito WP, puoi integrare il codice HTML direttamente sul tuo sito web senza alcun plugin.

Come?

Seguendo questi passaggi:

Per iniziare, dovrai accedere al tuo WordPress e fare clic su " Aspetto" e su "Widget".

Nella sezione Widget, dobbiamo trovare un widget chiamato " HTML personalizzato. "Una volta trovato, possiamo trascinarlo nell'area dei widget in cui vogliamo aggiungere il nostro modulo di opt-in.

Per impostazione predefinita, WordPress ha un'area widget nella barra laterale della pagina.

Possiamo inserirlo lì o se il nostro tema o modello ha altre aree di Widget abilitate, possiamo cambiare il posto (ad esempio, nel piè di pagina).

In questo caso, lo aggiungeremo nell'area più comune dei widget, perché tutti i siti Web WordPress hanno questa opzione per impostazione predefinita; Aggiungiamo il codice HTML nella barra laterale.

Non ci resta che trascinare il widget in quest'area, aggiungere un titolo e incollare il codice generato da Mailrelay. Ricorda che hai già generato il codice HTML prima di iniziare a leggere questo tutorial.

Dopo aver nominato il widget (nella sezione del titolo) e aver inserito il codice (nella sezione dei contenuti), dovrai cliccare sul pulsante salva.

Successivamente, per verificare se tutto funziona correttamente, puoi accedere al tuo blog e vedrai il modulo di iscrizione nella barra laterale.

* È importante tenere presente che il modulo avrà gli stili (colori e caratteri) configurati nel modello o nel tema.

In questo caso abbiamo visto come integrare il form nella sidebar. Se il tuo sito ha altre aree di widget abilitate, puoi seguire gli stessi passaggi che abbiamo spiegato in precedenza, ma dovresti trascinare il widget in quell'area.

Il risultato sarà lo stesso; l'unica differenza è che il modulo di attivazione verrà visualizzato nell'area specificata e non nella barra laterale.

· Come integrare un modulo di iscrizione Mailrelay in WordPress con Elementor (versione gratuita)

Come integrare un modulo di abbonamento Mailrelay in WordPress con Elementor (versione gratuita)

Elementor è uno dei layout designer di WordPress più famosi del momento, infatti è uno dei plugin più utilizzati per la modifica dei moduli di opt-in.

Tra le sue caratteristiche principali possiamo trovare: una versione gratuita con molte funzionalità, che consente a qualsiasi utente di creare sezioni accattivanti e personalizzate senza dover investire denaro.

Elementor è un plugin attualmente disponibile gratuitamente con funzionalità più limitate e con una versione a pagamento/Premium con alcune opzioni extra.

Tuttavia, non importa se stai utilizzando la versione gratuita oa pagamento, sarai in grado di integrare il tuo modulo Mailrelay nella sezione e nella posizione desiderate. Imparerai come farlo in pochi passaggi:

Il primo requisito è avere il plug-in Elementor installato sul nostro sito. Se non l'hai ancora installato, dovresti andare alla scheda dei plugin e fare clic su " aggiungi nuovo".

Cerca "Elementor page builder" nel repository di WordPress e fai clic su Installa.

Una volta installato, ricordati di abilitarlo e saremo pronti per integrare il nostro codice.

Per avviare l'integrazione, devi aprire la pagina o la sezione in cui desideri inserire il modulo di iscrizione. Dopo aver effettuato l'accesso a questa sezione, dovrai cercare il modulo del codice HTML.

Una volta individuato, aggiungi il modulo nella colonna o sezione della pagina in cui desideri che venga visualizzato il modulo. Dopo averlo trascinato nell'area in questione, dovremo incollare il codice HTML che abbiamo salvato in precedenza.

Una volta inserito il codice HTML, vedrai come il form sarà disponibile nel form di iscrizione nella sezione o colonna prescelta. Assicurati che tutto sia corretto e pubblica le modifiche. Il risultato sarà visibile sul tuo sito:

Come accennato in precedenza, sia in questo caso che nel precedente, è importante tenere presente che il modulo avrà gli stili impostati nel modello o nel tema.

Per apportare modifiche o modifiche di stile, sarà necessario modificare l'HTML o utilizzare plug-in specifici che ci permettano di personalizzare i nostri moduli di iscrizione (Bloom, ad esempio).

· Come integrare un modulo di iscrizione Mailrelay in WordPress con Bloom

Bloom è uno dei plugin più completi che possiamo trovare per la creazione di moduli di iscrizione. Se hai già installato questo plugin nel tuo WordPress o stai pensando di acquistare una licenza, ti spiegheremo come puoi integrarlo con il tuo account Mailrelay.

Dopo aver effettuato l'accesso al pannello di amministrazione, la prima cosa da fare è cliccare su Bloom/Moduli di adesione. In questa scheda puoi trovare tutti i moduli di iscrizione che hai già creato. In questo caso, creeremo da zero un nuovo modulo per imparare a integrarlo facilmente con Mailrelay.

Per creare un nuovo modulo, basta fare clic sul pulsante blu nella parte superiore dello schermo " nuovo opt-in. ” o nuova forma.

Il sistema aprirà un elenco a discesa in cui dovrai scegliere il tipo di modulo che desideri creare. Scegliamo l'opzione "in linea", poiché ti consentirà di implementarla in seguito nella sezione o nella pagina che desideri.

Nella finestra successiva, dovrai iniziare a configurare il nostro nuovo modulo. La prima cosa che dovresti fare è nominarlo per poterlo identificare internamente (questo nome sarà visibile solo a te, non verrà mostrato ai visitatori).

Successivamente, dovremo selezionare un provider di posta elettronica. In questo caso, poiché abbiamo il nostro codice HTML da Mailrelay, possiamo andare direttamente in fondo all'elenco a discesa e selezionare l'opzione "Modulo HTML personalizzato" .

Subito dopo aver scelto questa opzione, il sistema visualizzerà un riquadro grigio dove inserire il codice dello snippet del form. In questo caso, dovresti incollare il codice HTML generato da Mailrelay e fare clic sul pulsante "Avanti progetta il tuo opt-in".

Di seguito, daremo un'occhiata a diverse forme, con diversi colori e stili. Dovresti selezionare l'opzione migliore in base al layout del tuo sito per adattarla allo schema di colori della pagina. È importante capire che dal momento che abbiamo già introdotto il codice, lo stile non sarà lo stesso di quello mostrato dal plugin, ma il risultato finale è generalmente piuttosto buono.

Il prossimo passo sarà personalizzare i campi che vogliamo usare nel modulo. In "titolo opt-in", dovremmo scrivere il titolo che verrà visualizzato in modo prominente nell'intestazione del modulo. Se non vuoi inserire un titolo, puoi lasciare vuoto questo campo.

Successivamente, dovremo compilare il testo del modulo. Se stai pensando di spiegare perché i tuoi visitatori dovrebbero iscriversi alla tua newsletter, o cosa stai offrendo ai tuoi iscritti in cambio dell'iscrizione, questo è il campo che dovresti utilizzare per aggiungere tutte queste informazioni.

Quindi possiamo regolare l'immagine. La maggior parte dei modelli standard di Bloom include un'immagine nella parte superiore, ma se desideri modificarla e/o sostituirla con il tuo logo, ad esempio, dovrai farlo in questa sezione.

Siamo arrivati ​​alla sezione stili. Se desideri personalizzare ulteriormente il tuo modulo di iscrizione, cambiando caratteri, colori, sfondi o qualsiasi altro aspetto estetico, questo è il posto giusto. In Stile opt-in e stile modulo, puoi scegliere tra molte opzioni e alternative.

Successivamente, troveremo altre opzioni per personalizzare il modulo. Possiamo aggiungere del testo nel footer (ideale per chiarimenti o commenti veloci) e il messaggio di conferma, che è il testo che verrà visualizzato dopo che il visitatore si sarà iscritto con successo alla newsletter.

Dopo aver impostato tutti i campi, possiamo fare clic su "Salva" per salvare il nostro lavoro. Quando facciamo clic su Salva, il plug-in ci porterà fuori dallo schermo e visualizzerà tutti i moduli di opt-in attivi.

Bene, abbiamo già creato e configurato il nostro modulo Bloom. Il prossimo passo è integrarlo correttamente nel nostro sito.

Per farlo, nei moduli Bloom/opt-in, cercheremo il modulo che abbiamo appena creato e, a sinistra, troveremo questo simbolo “[]”.

Quando faremo clic su di esso, vedremo una nuova finestra con lo shortcode per questo modulo. Copia o salva questo codice da qualche parte perché dovrai utilizzarlo in seguito.

Dopo aver copiato lo shortcode, dovremo aggiungerlo al nostro sito Web in cui vogliamo visualizzare questo modulo. Se abbiamo un layout visivo come Elementor o Divi, possiamo integrarlo dove vogliamo con il modulo di codice o lo shortcode.

Se, al contrario, stiamo già lavorando con Gutenberg, il nuovo sistema creato da WordPress, possiamo integrare il nostro Shortcode utilizzando il widget incorporato appositamente per questo scopo.

Dovremmo, quindi, aprire la pagina o la sezione per modificarla. Dopo avervi effettuato l'accesso, faremo clic sul pulsante "+" e nei widget selezioneremo il blocco "Shortcode". Successivamente, dobbiamo inserire il codice o lo shortcode che abbiamo salvato in precedenza. Qui devi solo incollare il contenuto e salvare le modifiche.

Dopo aver seguito questi passaggi, il tuo nuovo modulo sarà disponibile sul tuo sito. Il processo è molto più semplice di quanto pensassi, giusto?

· Conclusione

Come abbiamo visto in tutto l'articolo, ci sono molte opzioni per l'integrazione di un modulo HTML Mailrelay utilizzando WordPress. In questo post, abbiamo voluto concentrarci sui metodi che consideriamo facili in modo da perdere la paura di manipolare il codice.

Come abbiamo visto, puoi integrare Mailrelay con WordPress senza plugin, attraverso la sezione dei widget o anche utilizzando Gutenberg, la nuova funzionalità offerta da WordPress.

Tuttavia, se disponi già di editor visivi come Divi, Elementor o qualsiasi altro plug-in opt-in, puoi anche utilizzarli per aggiungere il tuo modulo dove vuoi. Nel caso di Bloom, il vantaggio principale che abbiamo è che il plugin ci permette di modificare facilmente gli stili dei moduli, per dare loro un tocco più personale e adattare il codice al layout del nostro sito.

Tuttavia, se hai già familiarità con l'HTML e desideri apportare alcune modifiche al codice, aggiungere stili o colori, anche questo è possibile. Ovviamente, ricorda di essere cauto perché se il tuo modulo di attivazione non funziona correttamente, influenzerà la tua strategia di email marketing.

E ora, vuoi integrare il tuo modulo Mailrelay nel tuo sito WordPress?