Come integrare Elementor e Mailchimp (in 5 passaggi)

Mailchimp è uno dei migliori strumenti di automazione dell'email marketing per il tuo sito web. I suoi servizi possono organizzare in modo efficiente i tuoi abbonati e inviare loro i contenuti a cui sono interessati. Tuttavia, i moduli di contatto di Mailchimp potrebbero non essere in linea con il marchio del tuo sito web.

Per risolvere questo problema, puoi integrare Elementor e Mailchimp. Con Elementor, puoi facilmente progettare un modulo di abbonamento personalizzato e incorporarlo nel tuo sito web. Quindi, puoi gestire le informazioni di registrazione direttamente da Mailchimp.

In questo post, discuteremo del motivo per cui potresti voler integrare Elementor e Mailchimp. Quindi, ti mostreremo come farlo in soli cinque passaggi. Abbiamo anche incluso un elenco di componenti aggiuntivi per accedere a funzionalità e funzionalità extra. Iniziamo!

I vantaggi dell'integrazione di Elementor e Mailchimp

Che tu gestisca un'attività online o un blog, probabilmente avrai bisogno di un modo per contattare costantemente il tuo pubblico. Con Mailchimp puoi fare proprio questo.

Mailchimp è un servizio di email marketing in grado di creare elenchi di abbonati e progettare e-mail:

Utilizzando Mailchimp, puoi creare elenchi di e-mail con le informazioni di contatto dei tuoi abbonati. Utilizzando i modelli di email predefiniti e lo Strumento per ottimizzare i contenuti, puoi inviare aggiornamenti coinvolgenti e informativi ai membri del tuo pubblico.

Se non conosci Mailchimp, puoi creare un account gratuitamente. Puoi accedere alle sue funzionalità facili da usare senza pagare se hai meno di 2.000 abbonati.

Quando stai cercando di far crescere la tua mailing list, è una buona idea incorporare alcuni moduli di iscrizione sul tuo sito web. Possono aiutarti a generare lead dal tuo traffico organico. Sebbene Mailchimp abbia questa funzione, i suoi moduli incorporati sono spesso generici e probabilmente non corrisponderanno al tuo marchio.

È qui che entra in gioco Elementor. Elementor è un generatore di pagine WordPress facile da usare che puoi utilizzare per progettare il tuo sito Web senza codifica. Il suo editor drag-and-drop semplifica la creazione delle caratteristiche e delle funzionalità necessarie al tuo sito:

Inoltre, Elementor può integrarsi facilmente con Mailchimp. Rispetto ad altri page builder, Elementor è una delle migliori opzioni per la creazione e la gestione dei moduli di attivazione.

Con Elementor, puoi aggiungere un modulo di contatto ovunque sul tuo sito e collegare Mailchimp nelle sue impostazioni. Quando i tuoi visitatori online si iscrivono, verranno automaticamente aggiunti alla tua lista Mailchimp. L'utilizzo di entrambi gli strumenti ti consente di avere moduli ben progettati senza perdere l'analisi degli abbonati.

Come integrare Elementor e Mailchimp (in 5 passaggi)

Ora che sai in che modo Elementor e Mailchimp possono avvantaggiare il tuo sito Web, discutiamo di come avviare questo processo di integrazione!

Passaggio 1: registra un account Mailchimp

Innanzitutto, dovrai andare sul sito Web di Mailchimp e creare un account. Puoi farlo gratuitamente inserendo semplicemente il tuo indirizzo email, nome utente e password:

Quindi, Mailchimp ti invierà un'e-mail con un link di attivazione. Facendo clic su questo, vedrai una pagina con diverse opzioni di piano:

Se non sei sicuro del piano adatto a te, seleziona Confronta le caratteristiche del piano . Qui puoi visualizzare tutto ciò che arriva in ogni livello:

In questo tutorial, scegliamo il piano gratuito , che può supportare 2.000 contatti e 10.000 invii e-mail. Sarà sufficiente per un piano di email marketing di base. Tuttavia, non potrai accedere ad annunci di retargeting, modelli di email con codice personalizzato o branding personalizzato.

Per avviare la procedura di registrazione, inserisci il tuo nome e le informazioni sulla tua attività. Sebbene sia facoltativo, puoi anche inserire l'URL del tuo sito web e importare i tuoi contenuti:

Quindi, inserisci le informazioni sul tuo indirizzo. Questo passaggio assicura che le tue email non contribuiscano allo spam:

Mailchimp chiederà quindi se hai già abbonati. In tal caso, seleziona Sì e inserisci quanti ne hai:

Per aiutare Mailchimp a capire la tua attività, indica se vendi prodotti o servizi. Per aggirare questa domanda, puoi fare clic su Salta :

Dopo aver completato questo processo di registrazione, sarai in grado di accedere al tuo account Mailchimp!

Passaggio 2: crea un pubblico e una chiave API

Per iniziare a organizzare i tuoi iscritti in Mailchimp, dovrai creare un pubblico. Tieni presente che un account gratuito supporta solo un pubblico, ma qualsiasi piano avanzato può includerne tre o più.

Anche se potresti sentirti tentato di creare diversi segmenti di pubblico, Mailchimp consiglia di iniziare con uno. Questa configurazione può aiutarti a capire i tuoi iscritti nel loro insieme. Può anche semplificare il tuo processo di invio e-mail e mantenere i tuoi contatti man mano che la tua azienda cresce.

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

Ad esempio, se invii e-mail a fornitori e acquirenti, potrebbe essere necessario inviare messaggi separati a questi gruppi.

Nella dashboard di Mailchimp, vai su Pubblico > Dashboard del pubblico . Quindi, fai clic su Aggiungi i tuoi contatti :

Questo ti porterà a una pagina per importare le informazioni di contatto dei tuoi iscritti. Copia e incolla semplicemente i loro nomi e indirizzi e-mail in una casella di testo. In alternativa, puoi importare dati da un servizio di terze parti o caricare un file CSV o TXT:

Una volta fatto, vai alla dashboard del pubblico e trova Gestisci pubblico > Impostazioni . Qui puoi modificare il nome e le impostazioni predefinite:

Assicurati di impostare Da nome e Da indirizzo email . Puoi anche abilitare un doppio opt-in per inviare agli abbonati un'e-mail di conferma dopo che si sono registrati:

Dopo aver finito di creare e configurare un account, vai al tuo Profilo . Quindi fare clic su Extra > Chiavi API :

Se non disponi di una chiave API, dovrai fare clic su Crea una chiave . Mailchimp ne aggiungerà automaticamente uno per te:

Una volta che la tua chiave API è attiva, copiala. Poiché queste informazioni garantiscono l'accesso al tuo account Mailchimp, non condividere mai questo codice pubblicamente.

Passaggio 3: progetta un modulo di iscrizione a Mailchimp con Elementor

Successivamente, dovrai scaricare e installare Elementor Pro. Include un generatore di moduli WordPress, che puoi utilizzare per progettare moduli personalizzati e raccogliere feedback dal tuo pubblico.

Dopo aver attivato Elementor Pro, vai su Elementor > Impostazioni > Integrazioni . Scorri verso il basso fino alla sezione Mailchimp e incolla la chiave API:

Fare clic su Convalida chiave API . Se l'integrazione ha esito positivo, vedrai un segno di spunta verde accanto a questo pulsante. Dopodiché, salva le modifiche.

Ora puoi iniziare a progettare il tuo modulo di iscrizione. Innanzitutto, aggiungi un nuovo post o pagina e seleziona Modifica con Elementor :

Nell'editor di Elementor, scorri verso il basso fino ai widget Pro . Qui vedrai un'opzione per Moduli . Trascina e rilascia questo widget sulla pagina:

Elementor creerà automaticamente un modulo di base che include nome, indirizzo e-mail e campi del messaggio. Tuttavia, puoi continuare a personalizzare il modulo finché non soddisfa le tue esigenze:

Ad esempio, se desideri aggiungere un modulo di iscrizione, in genere non saranno necessari i campi dei messaggi. Puoi semplicemente fare clic sulla X accanto a questo elemento.

Per generare lead, dovrai richiedere ai visitatori di compilare sia i loro nomi che le e-mail. Puoi farlo facendo clic su ciascun campo e selezionando Sì accanto a Richiesto :

Iscriviti alla newsletter

Vuoi sapere come abbiamo aumentato il nostro traffico oltre il 1000%?

Unisciti a oltre 20.000 altri che ricevono la nostra newsletter settimanale con suggerimenti per esperti di WordPress!

Iscriviti ora

Quindi, vai alla sezione Pulsanti per modificare il pulsante di azione. Sebbene il testo predefinito sia "Invia", valuta la possibilità di cambiarlo in "Iscriviti" o "Iscriviti:"

Puoi continuare a modificare le dimensioni del pulsante e la larghezza della colonna secondo necessità. Se preferisci, puoi anche aggiungere un'icona.

Passaggio 4: collega Mailchimp

Dopo aver personalizzato il tuo modulo a tuo piacimento, è il momento di collegare il tuo account Mailchimp. Per fare ciò, trova la sezione Azioni dopo l'invio:

Quindi, fai clic sull'icona + e scegli Mailchimp dal menu a discesa:

Questo creerà una nuova sezione sotto intitolata Mailchimp . Quando fai clic su questo, vedrai le opzioni per impostare una chiave API e un pubblico:

Se hai inserito la tua chiave API nelle impostazioni di integrazione, puoi lasciare la sezione Chiave API come Predefinita . Quindi, seleziona il pubblico che desideri collegare a questo modulo di iscrizione:

Puoi anche scegliere qualsiasi gruppo o tag che hai creato in Mailchimp. Infine, personalizza le impostazioni di Mapping dei campi in base ai campi che hai fornito nel modulo. Questo dirà a Mailchimp quali informazioni catalogare nel suo sistema.

Per questo esempio, il nostro modulo di iscrizione contiene solo un nome e un campo e-mail. Ciò significa che includeremo queste informazioni solo nella sezione Mappatura dei campi :

Infine, vai su Opzioni aggiuntive e trova Messaggi personalizzati . Attiva questa opzione per fornire un messaggio di successo dopo che qualcuno ha completato il modulo:

Il messaggio predefinito sarà "Questo modulo è stato inviato correttamente". Potresti considerare di cambiarlo in qualcosa del tipo "Grazie per esserti iscritto". Puoi anche aggiungere messaggi personalizzati per errori e campi obbligatori.

Passaggio 5: aggiungi il modulo al tuo sito

Al termine della personalizzazione del modulo, seleziona Pubblica . Valuta di utilizzare tu stesso il modulo di registrazione per verificare che funzioni correttamente. Quindi, puoi vedere se il nuovo indirizzo e-mail è registrato nel tuo account Mailchimp.

Potresti anche voler aggiungere questo nuovo modulo a più aree del tuo sito web. Puoi salvarlo come widget globale per semplificare questo processo.

Innanzitutto, trova l'icona Modifica modulo sul lato destro del modulo. Fare clic destro su di esso e selezionare Salva come globale :

Questo aggiungerà il modulo di iscrizione alle tue Impostazioni globali . Quando aggiungi una nuova pagina o un nuovo post, puoi semplicemente andare su GLOBAL , trovare il modulo pre-progettato e trascinarlo dove vuoi:

Quando consideri dove posizionare i moduli di iscrizione sul tuo sito Web, potresti pensare alla visibilità. Puoi potenzialmente raccogliere più lead su una pagina di destinazione ben progettata, che i visitatori possono vedere quando accedono al tuo sito. Tuttavia, gli utenti potrebbero non essere interessati a iscriversi così presto.

A volte, un'opzione migliore è includere i moduli di contatto all'interno dei tuoi contenuti o in una barra laterale. Sebbene abbia una visibilità leggermente inferiore rispetto a una pagina di destinazione, questo posizionamento può consentire ai visitatori di iscriversi mentre interagiscono con il tuo sito web.

Anche l'aggiunta del modulo a un piè di pagina può essere un'opzione pratica. Gli utenti che scorrono fino in fondo al tuo sito web sono spesso curiosi dei tuoi contenuti, il che significa che hanno maggiori probabilità di iscriversi. Tuttavia, questo posizionamento non è visibile come altre opzioni.

I migliori componenti aggiuntivi per la tua integrazione Elementor/Mailchimp

Con i migliori plugin per WordPress, puoi creare un sito web su misura per il tuo pubblico. Elementor Pro ti offre molte opzioni per la progettazione di moduli e l'integrazione di servizi di terze parti come Mailchimp.

Tuttavia, potresti aver bisogno di funzionalità più avanzate. Con alcuni componenti aggiuntivi, puoi avere un maggiore controllo sull'aspetto e sulla funzionalità dei tuoi moduli.

1. Componenti aggiuntivi essenziali

L'utilizzo di Essential Addons è un ottimo modo per estendere le funzionalità principali di Elementor. Con questo strumento, puoi accedere a più elementi creativi. Questi includono funzionalità interattive come Woo Product Grid, Countdown e Filterable Gallery:

Caratteristiche:

• Widget di contenuto avanzati per aggiungere calendari di eventi, caselle informative, testimonianze e altro ancora
• Elementi WooCommerce come gallerie di prodotti, griglie e caroselli
• Integrazione con piattaforme di terze parti come Mailchimp e Ninja Forms

Quando installi Essential Addons sul tuo sito WordPress, puoi integrare Mailchimp utilizzando i suoi Form Styler Elements. Qui puoi semplicemente inserire la tua chiave API Mailchimp, che aggiungerà un widget EA Mailchimp all'editor Elementor. Quindi, puoi trascinare e rilasciare il widget su una pagina e continuare a personalizzare secondo necessità.

Prezzo : i piani di abbonamento per i componenti aggiuntivi essenziali partono da $ 39,97 per un sito web. Include oltre 70 widget e sette estensioni.

2. Componenti aggiuntivi felici

Con Happy Addons, puoi scegliere tra oltre 400 blocchi e widget pre-progettati da importare nell'editor di Elementor. Per velocizzare il processo di creazione, puoi impostare dei predefiniti di progettazione.

Happy Addons consente inoltre di copiare elementi da un sito Web e incollarli in un sito con un dominio diverso:

Caratteristiche:

• Nidificazione di sezioni
• Copia e incolla tra domini
• Oltre 400 set di design prefabbricati

Dopo aver inserito la tua chiave API Mailchimp in Credenziali nelle impostazioni di Happy Addons, puoi utilizzare Elementor per trascinare e rilasciare un widget modulo Mailchimp su una pagina.

Quindi, puoi modificare le impostazioni avanzate dello strumento per personalizzare i margini del modulo, i colori e la tipografia. Puoi anche riprogettare i campi e i pulsanti per avere uno sfondo, un'ombra, una dimensione del carattere e una spaziatura unici.

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

3. Kit di elementi

Come le altre opzioni in questo elenco, ElementsKit è un pacchetto di plug-in all-in-one con widget ed estensioni extra per Elementor. Può offrire una maggiore personalizzazione durante la modifica di funzioni funzionali come intestazioni, piè di pagina o menu.

Inoltre, ElementsKit include un generatore di widget personalizzato se non riesci a trovare un'opzione che funzioni per te:

Caratteristiche:

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

Puoi utilizzare ElementsKit per integrare Elementor e Mailchimp interamente tramite l'editor Elementor. Dovrai solo trascinare e rilasciare il widget Mailchimp su una pagina e definire la chiave API. Quindi, puoi aggiungere campi e icone personalizzati al tuo modulo.

Prezzo : i piani annuali per ElementsKit partono da $ 39 per un sito.

4. I componenti aggiuntivi Plus

I componenti aggiuntivi Plus si pubblicizzano come uno strumento Elementor creato per tutti. Con modelli già pronti e tutorial approfonditi su YouTube, anche i principianti possono imparare rapidamente come progettare un sito web funzionale.

Inoltre, The Plus Addons è anche ricco di widget estesi che offrono funzionalità personalizzabili per i designer:

Caratteristiche:

• Oltre 96 widget Elementor avanzati
• Opzioni di elenco per visualizzare prodotti, post di blog e gallerie di immagini
• Builder facile da usare progettato per tipi di post personalizzati

Lo strumento Plus Addons offre uno dei modi più semplici per integrare Elementor e Mailchimp. Dal tuo account Mailchimp, copia la chiave API e l'ID elenco del tuo pubblico. Quindi, vai alle Impostazioni di connessione API e incolla queste informazioni. Successivamente, puoi trascinare e rilasciare un widget di abbonamento Mailchimp e modificarne il layout e la struttura.

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

Riepilogo

Sebbene la combinazione di Mailchimp ed Elementor possa sembrare scoraggiante, chiunque può integrare questi due strumenti. In questo modo, puoi creare moduli di abbonamento personalizzati che soddisfano le tue aspettative in termini di aspetto e funzionalità.

Per rivedere, ecco i cinque semplici passaggi per integrare Elementor e Mailchimp sul tuo sito web:

1. Registrati per un account Mailchimp.
2. Crea un pubblico e una chiave API.
3. Progetta un modulo di iscrizione a Mailchimp con Elementor.
4. Collega Mailchimp.
5. Aggiungi il tuo modulo al tuo sito web.

L'email marketing e il design sono essenziali per il successo del tuo sito web. Ti consigliamo anche di collaborare con un provider di hosting WordPress dedicato. Su Kinsta, i nostri piani di hosting possono portare le prestazioni del tuo sito a un livello superiore. Contattaci per saperne di più!

Hai domande sull'integrazione di Elementor e Mailchimp? Chiedici nella sezione commenti qui sotto!