Come Integrare Elementor e Mailchimp (in 5 Passi)

Mailchimp è uno dei migliori strumenti di automazione dell’email marketing per il vostro sito web. I suoi servizi sono in grado di organizzare in modo efficiente i vostri iscritti e di inviare loro i contenuti a cui sono interessati. Tuttavia, i moduli di contatto di Mailchimp potrebbero non essere in linea con il branding del vostro sito web.

Per risolvere questo problema, potete integrare Elementor e Mailchimp. Con Elementor potete progettare facilmente un modulo di iscrizione personalizzato e incorporarlo nel vostro sito web. In seguito, potrete gestire le informazioni di iscrizione direttamente da Mailchimp.

In questo articolo vi spiegheremo perché conviene integrare Elementor e Mailchimp. Poi vi mostreremo come farlo in soli cinque passi. Abbiamo anche incluso un elenco di componenti aggiuntivi per accedere a caratteristiche e funzionalità extra. Iniziamo!

I Vantaggi dell’Integrazione tra Elementor e Mailchimp

Se gestite un’attività online o un blog, probabilmente avrete bisogno di un modo per rimanere in contatto costante con il vostro pubblico. Con Mailchimp potete fare proprio questo.

Mailchimp è un servizio di email marketing che permette di creare liste di iscritti e di progettare email:

Con Mailchimp potete creare liste di email con le informazioni di contatto dei vostri iscritti. Usando template di email già pronti e il Content Optimizer, potete inviare aggiornamenti coinvolgenti e informativi al vostro pubblico.

Se state iniziando con Mailchimp, potete creare un account gratuito. Potete accedere alle sue funzioni facili da usare senza pagare, a patto che abbiate meno di 2.000 iscritti.

Quando cercate di far crescere la vostra mailing list è una buona idea inserire dei moduli di iscrizione nel vostro sito web. Possono aiutarvi a generare contatti di persone che arrivano dal vostro traffico organico. Sebbene Mailchimp disponga di questa funzione, i suoi moduli di iscrizione sono spesso generici e probabilmente non si adattano al vostro branding.

È qui che entra in gioco Elementor. Elementor è un costruttore di pagine WordPress facile da usare che potete usare per progettare il vostro sito web senza bisogno di toccare il codice. Il suo editor drag-and-drop facilita la creazione delle caratteristiche e delle funzionalità di cui il vostro sito ha bisogno:

Inoltre, Elementor si integra facilmente con Mailchimp. Rispetto ad altri page builder, Elementor è una delle migliori opzioni per creare e gestire moduli opt-in.

Con Elementor potete aggiungere un modulo di contatto in qualsiasi punto del vostro sito e collegare Mailchimp nelle sue impostazioni. Quando le persone che visitano il vostro sito si iscriveranno, verranno automaticamente aggiunte alla vostra lista Mailchimp. L’utilizzo di entrambi gli strumenti vi permette di avere moduli ben progettati senza perdere dati per fare analisi sulle iscrizioni.

Come Integrare Elementor e Mailchimp (in 5 Passi)

Ora che sapete come Elementor e Mailchimp possono essere utili al vostro sito web, parliamo di come iniziare il processo di integrazione!

Passo 1: Aprite un Account Mailchimp

Per prima cosa, dovete andare sul sito web di Mailchimp e registrare un account. Potete farlo gratuitamente inserendo semplicemente il vostro indirizzo email, il vostro nome utente e la vostra password:

Successivamente, Mailchimp vi invierà un’email con un link di attivazione. Facendo clic su questo link, vedrete una pagina con diverse opzioni per scegliere un piano:

Se non sapete bene quale piano è giusto per voi, selezionate Compare Plan Features. Qui potete vedere tutte le caratteristiche di ciascun livello:

In questo tutorial sceglieremo il piano Free, che può supportare 2.000 contatti e 10.000 invii di email. È sufficiente per un piano di email marketing di base. Tuttavia, non potrete accedere agli annunci di retargeting, ai modelli di email personalizzati e al branding personalizzato.

Per iniziare il processo di iscrizione, inserite il vostro nome e le informazioni sulla vostra azienda. Sebbene sia facoltativo, potete anche inserire l’URL del vostro sito web e importare i vostri contenuti:

Successivamente, inserite i dati sul vostro indirizzo. Questo passaggio garantisce che le vostre email non finiscano nello spam:

Mailchimp vi chiederà se avete già degli iscritti. In tal caso, selezionate Yes e inserite il numero di iscritti:

Per aiutare Mailchimp a capire la vostra attività, specificate se vendete prodotti o servizi. Per ignorare questa domanda, potete fare clic su Skip:

Una volta terminato il processo di registrazione, potrete accedere al vostro account Mailchimp!

Passo 2: Creare un Pubblico e una Chiave API

Per iniziare a organizzare i vostri iscritti in Mailchimp, dovrete creare un pubblico (Audience). Tenete presente che l’account gratuito supporta solo un pubblico, ma i piani avanzati possono includerne tre o più.

Anche se potreste avere la tentazione di creare più pubblici, Mailchimp vi consiglia di iniziare con uno solo. Questa impostazione può aiutarvi a capire i vostri iscritti nel loro insieme. Inoltre, può semplificare il processo di invio delle email e mantenere i contatti anche quando la vostra azienda cresce.

Anche con un solo pubblico, potete creare tag e segmenti per organizzare i contatti in diversi sottoinsiemi. Tuttavia, la creazione di più pubblici può avere alcuni vantaggi.

Per esempio, se inviate email sia ai venditori che agli acquirenti, potreste aver bisogno di inviare messaggi separati a questi gruppi.

Nella bacheca di Mailchimp, andate su Audience > Audience Dashboard. Poi, fate clic su Add Your Contacts:

Verrà visualizzata una pagina per importare le informazioni di contatto dei vostri iscritti. Basta copiare e incollare i loro nomi e indirizzi email in una casella di testo. In alternativa, potete importare i dati da un servizio di terze parti o caricare un file CSV o TXT:

Una volta fatto questo, andate nella Audience Dashboard e su Manage Audience > Settings. Qui potete modificare il nome e le impostazioni predefinite:

Assicuratevi di riempire i campi From name e From email address. Potete anche attivare un doppio opt-in per inviare agli iscritti un’email di conferma dopo l’iscrizione:

Una volta terminata la creazione e l’impostazione dell’account, andate al vostro Profilo. Poi fate clic su Extras > API Keys:

Se non avete una chiave API, dovete fare clic su Create a Key. Mailchimp ne aggiungerà automaticamente una per voi:

Una volta che la vostra chiave API è attiva, copiatela. Poiché questa informazione garantisce l’accesso al vostro account Mailchimp, non condividete mai questo codice pubblicamente.

Passo 3: Progettare un Modulo di Iscrizione a Mailchimp con Elementor

In seguito, dovrete scaricare e installare Elementor Pro. Include un WordPress Form Builder, che potete usare per progettare moduli personalizzati e raccogliere feedback dal vostro pubblico.

Dopo aver attivato Elementor Pro, andate su Elementor > Settings > Integrations. Scorrete fino alla sezione Mailchimp e incollate la chiave API:

Fate clic su Validate API Key. Se l’integrazione è andata a buon fine, vedrete un segno di spunta verde accanto a questo pulsante. Dopo di che, salvate le modifiche.

Ora potete iniziare a progettare il vostro modulo di iscrizione. Per prima cosa, aggiungete un nuovo articolo o pagina e selezionate Edit with Elementor:

Nell’editor di Elementor, scorrete verso il basso fino ai widget Pro. Qui vedrete un’opzione Form. Trascinate questo widget nella pagina:

Elementor creerà automaticamente un modulo di base che include i campi nome, indirizzo email e messaggio. Tuttavia, potete continuare a personalizzare il modulo fino a quando non soddisfa le vostre esigenze:

Per esempio, se volete aggiungere un modulo di iscrizione, in genere non avrete bisogno di campi per i messaggi. Potete semplicemente fare sulla X accanto a questa voce per scartare l’opzione.

Per generare contatti, dovrete richiedere alle persone di inserire sia il nome che l’email. Potete farlo cliccando su ogni campo e selezionando Yes accanto a Required:

Andate quindi alla sezione Buttons per modificare il pulsante di azione. Anche se il testo predefinito è “Send” (Invia), prendete in considerazione l’idea di cambiarlo in “Subscribe” (Iscriviti) o “Sign Up” (Registrati).

Potete continuare a modificare le dimensioni del pulsante e la larghezza della colonna in base alle vostre esigenze. Se preferite, potete aggiungere anche un’icona.

Passo 4: Collegare Mailchimp

Dopo aver personalizzato il modulo a vostro piacimento, è il momento di collegare il vostro account Mailchimp. Per farlo, trovate la sezione Actions After Submit:

Quindi, fate clic sull’icona + e scegliete Mailchimp dal menu a tendina:

In questo modo verrà creata una nuova sezione intitolata Mailchimp. Facendo clic su di essa, vedrete le opzioni per impostare una chiave API e un pubblico:

Se avete inserito la vostra chiave API nelle impostazioni di integrazione, potete lasciare la sezione API Key come Default. Quindi, selezionate il pubblico che volete collegare a questo modulo di iscrizione:

Potete anche scegliere i gruppi o i tag che avete creato in Mailchimp. Infine, personalizzate le impostazioni di Field Mapping in base ai campi che avete inserito nel modulo. Questo indicherà a Mailchimp quali informazioni catalogare nel suo sistema.

In questo esempio, il nostro modulo di iscrizione contiene solo il campo del nome e dell’email. Ciò significa che includeremo solo queste informazioni nella sezione Field Mapping:

Infine, andate su Additional Options e trovate Custom Messages. Attivate questa opzione per mostrare un messaggio di conferma quando qualcuno completa il modulo:

Il messaggio predefinito dice “This form was sent successfully”, ma potete cambiarlo con qualcosa del tipo “Grazie per la tua iscrizione”. Potete fare lo stesso tipo di personalizzazione anche per i messaggi di errore e i campi obbligatori.

Passo 5: Aggiungete il Modulo al Vostro Sito

Una volta terminata la personalizzazione del modulo, selezionate Publish. Vi consigliamo di fare una prova con il modulo di iscrizione per verificare che funzioni correttamente. In seguito, potrete verificare se il nuovo indirizzo email è stato registrato nel vostro account Mailchimp.

Potreste anche voler aggiungere questo nuovo modulo a più aree del vostro sito web. Potete salvarlo come Widget Globale per facilitare questo processo.

Per prima cosa, trovate l’icona Edit Form sul lato destro del modulo. Fate clic con il tasto destro del mouse e selezionate Save as Global:

In questo modo il modulo di iscrizione verrà aggiunto alle vostre impostazioni generali (Global Settings). Quando aggiungerete una nuova pagina o un nuovo articolo, potrete semplicemente andare su GLOBAL, trovare il modulo pre-progettato e trascinarlo dove vi serve:

Quando valutate dove posizionare i moduli di iscrizione sul vostro sito web, potreste pensare alla visibilità. Potreste raccogliere più contatti su una landing page ben progettata, che le persone vedono quando entrano nel vostro sito. Tuttavia, gli utenti potrebbero non essere interessati a iscriversi così presto.

A volte, un’opzione migliore è quella di includere i moduli di contatto all’interno dei vostri contenuti o in una barra laterale. Sebbene la visibilità sia leggermente inferiore a quella di una landing page, questa collocazione può consentire alle persone di iscriversi mentre interagiscono con il vostro sito web.

Anche l’aggiunta di un modulo nel footer può essere un’opzione pratica. Gli utenti che scorrono fino in fondo al vostro sito web sono spesso curiosi di conoscere i vostri contenuti e quindi sono più propensi a iscriversi. Tuttavia, questo posizionamento non è visibile come le altre opzioni.

I Migliori Addon per l’Integrazione Elementor/Mailchimp

Con i migliori plugin WordPress potete creare un sito web su misura per il vostro pubblico. Elementor Pro vi offre molte opzioni per progettare moduli e integrare servizi di terze parti come Mailchimp.

Tuttavia, potreste aver bisogno di funzioni più avanzate. Con alcuni componenti aggiuntivi, potete avere un maggiore controllo sull’aspetto e sulle funzionalità dei vostri moduli.

1. Essential Addons

Usare Essential Addons è un ottimo modo per estendere le funzioni principali di Elementor. Con questo strumento potete accedere a elementi più creativi. Questi includono funzioni interattive come la griglia di prodotti Woo, il conto alla rovescia e la galleria filtrabile:

Caratteristiche:

• Widget di contenuto avanzati per aggiungere calendari di eventi, box informativi, testimonial e molto altro
• Elementi WooCommerce come gallerie di prodotti, griglie e caroselli
• Integrazione con piattaforme di terze parti come Mailchimp e Ninja Forms

Quando installate Essential Addons sul vostro sito WordPress, potete integrare Mailchimp tramite i suoi elementi Form Styler. Qui potete semplicemente inserire la vostra chiave API di Mailchimp, che aggiungerà un widget EA Mailchimp all’editor di Elementor. In seguito, potrete trascinare e rilasciare il widget su una pagina e continuare a personalizzarlo secondo le vostre esigenze.

Prezzo: I piani di abbonamento per Essential Addons partono da 39,97 dollari per un sito web. Include oltre 70 widget e 7 estensioni.

2. Happy Addons

Con Happy Addons potete scegliere tra oltre 400 blocchi e widget pre-progettati da importare nell’editor di Elementor. Per velocizzare il processo di creazione, potete impostare dei preset di design.

Happy Addons permette anche di copiare elementi da un sito web e incollarli in un sito con un dominio diverso:

Caratteristiche:

• Nidificazione delle sezioni
• Copia-incolla tra domini
• Oltre 400 set di design predefiniti

Dopo aver inserito la chiave API di Mailchimp alla voce Credentials nelle impostazioni di Happy Addons, potete usare Elementor per trascinare e rilasciare un Mailchimp Form Widget su una pagina.

Poi, potete modificare le impostazioni avanzate dello strumento per personalizzare i margini, i colori e la tipografia del modulo. Potete anche riprogettare i campi e i pulsanti in modo che abbiano uno sfondo, un’ombra, una dimensione del carattere e una spaziatura unici.

Prezzo: Happy Addons offre piani di abbonamento annuali a partire da 39 dollari per un sito.

3. ElementsKit

Come le altre opzioni di questa lista, ElementsKit è un pacchetto di plugin all-in-one con widget ed estensioni extra per Elementor. Può offrire una maggiore personalizzazione quando si modificano caratteristiche funzionali come header, footer o menu.

Inoltre, ElementsKit include un widget builder personalizzato se non riuscite a trovare un’opzione che faccia al caso vostro:

Caratteristiche:

• Controlli personalizzati come Multi Widget, AjaxSELECT2 e Image-Picker
• Più di 85 widget ed estensioni
• Più di 500 blocchi web pre-progettati

Potete usare ElementsKit per integrare Elementor e Mailchimp interamente attraverso l’editor di Elementor. Dovrete solo trascinare e rilasciare il widget di Mailchimp su una pagina e definire la chiave API. Poi potrete aggiungere campi e icone personalizzate al vostro modulo.

Prezzo: I piani annuali di ElementsKit partono da 39 dollari per un sito.

4. The Plus Addons

The Plus Addons si presenta come uno strumento Elementor pensato per chiunque. Grazie a template già pronti e a tutorial approfonditi su YouTube, anche i principianti possono imparare rapidamente a progettare un sito web funzionale.

Inoltre, The Plus Addons è ricco di widget che offrono funzioni personalizzabili per chi lavora nel design:

Caratteristiche:

• Più di 96 widget avanzati di Elementor
• Opzioni di elenchi per visualizzare prodotti, articoli del blog e gallerie di immagini
• Costruttore facile da usare progettato per i tipi di post personalizzati

Lo strumento The Plus Addons offre uno dei modi più semplici per integrare Elementor e Mailchimp. Dal vostro account Mailchimp, copiate la chiave API e l’ID della lista del vostro pubblico (Audience). Quindi, andate alle API Connection Settings e incollate queste informazioni. Dopodiché potrete trascinare e rilasciare un widget di iscrizione a Mailchimp e modificarne il layout e la struttura.

Prezzo: Plus Addons ha una versione gratuita. Tuttavia, la sua selezione di piani contiene più widget ed estensioni. Questi pacchetti partono da 31 dollari all’anno.

Riepilogo

Anche se la combinazione di Mailchimp ed Elementor può sembrare scoraggiante, chiunque può integrare questi due strumenti. In questo modo potrete creare moduli di iscrizione personalizzati che soddisfino le vostre aspettative in termini di aspetto e funzionalità.

Ecco i cinque semplici passi per integrare Elementor e Mailchimp nel vostro sito web:

1. Iscrivetevi a un account Mailchimp.
2. Create un pubblico e una chiave API.
3. Progettate un modulo di iscrizione a Mailchimp con Elementor.
4. Connettetevi a Mailchimp.
5. Aggiungete il modulo al vostro sito web.

L’email marketing e il design sono essenziali per il successo del vostro sito web. Dovrete anche collaborare con un fornitore di hosting dedicato.

In Kinsta, i nostri piani di hosting (hosting di applicazioni, hosting di database e hosting WordPress gestito) possono portare le prestazioni del vostro sito a un livello superiore. Contattateci per saperne di più!

Avete domande sull’integrazione di Elementor e Mailchimp? Fatecele pure nella sezione commenti qui sotto!