{"id":57096,"date":"2022-07-05T08:42:25","date_gmt":"2022-07-05T07:42:25","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=57096&preview=true&preview_id=57096"},"modified":"2023-03-13T16:23:06","modified_gmt":"2023-03-13T15:23:06","slug":"elementor-mailchimp","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/elementor-mailchimp\/","title":{"rendered":"Come Integrare Elementor e Mailchimp (in 5 Passi)"},"content":{"rendered":"

Mailchimp \u00e8 uno dei migliori strumenti di automazione dell’email marketing<\/a> 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.<\/p>\n

Per risolvere questo problema, potete integrare Elementor<\/a> 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<\/a> direttamente da Mailchimp.<\/p>\n

In questo articolo vi spiegheremo perch\u00e9 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\u00e0 extra. Iniziamo!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

I Vantaggi dell’Integrazione tra Elementor e Mailchimp<\/h2>\n

Se gestite un’attivit\u00e0 online o un blog, probabilmente avrete bisogno di un modo per rimanere in contatto costante con il vostro pubblico. Con Mailchimp<\/a> potete fare proprio questo.<\/p>\n

Mailchimp \u00e8 un servizio di email marketing che permette di creare liste di iscritti e di progettare email:<\/p>\n

\"Homepage
Mailchimp.<\/figcaption><\/figure>\n

Con Mailchimp potete creare liste di email con le informazioni di contatto dei vostri iscritti. Usando template di email gi\u00e0 pronti e il Content Optimizer<\/a>, potete inviare aggiornamenti coinvolgenti e informativi al vostro pubblico.<\/p>\n

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

Quando cercate di far crescere la vostra mailing list \u00e8 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.<\/p>\n

\u00c8 qui che entra in gioco Elementor. Elementor \u00e8 un costruttore di pagine WordPress<\/a> 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\u00e0 di cui il vostro sito ha bisogno:<\/p>\n

\"Homepage
Elementor page builder.<\/figcaption><\/figure>\n

Inoltre, Elementor si integra facilmente con Mailchimp. Rispetto ad altri page builder<\/a>, Elementor \u00e8 una delle migliori opzioni per creare e gestire moduli opt-in.<\/p>\n

Con Elementor potete aggiungere un modulo di contatto<\/a> 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.<\/p>\n\n

Come Integrare Elementor e Mailchimp (in 5 Passi)<\/h2>\n

Ora che sapete come Elementor e Mailchimp possono essere utili al vostro sito web, parliamo di come iniziare il processo di integrazione!<\/p>\n

Passo 1: Aprite un Account Mailchimp<\/h3>\n

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

\"Schermata
Apertura di un account Mailchimp.<\/figcaption><\/figure>\n

Successivamente, Mailchimp vi invier\u00e0 un’email con un link di attivazione. Facendo clic su questo link, vedrete una pagina con diverse opzioni per scegliere un piano:<\/p>\n

\"Pagina
Opzioni di piani Mailchimp.<\/figcaption><\/figure>\n

Se non sapete bene quale piano \u00e8 giusto per voi, selezionate Compare Plan Features<\/strong>. Qui potete vedere tutte le caratteristiche di ciascun livello:<\/p>\n

\"Schermata
Confronta i piani Mailchimp.<\/figcaption><\/figure>\n

In questo tutorial sceglieremo il piano Free<\/strong>, che pu\u00f2 supportare 2.000 contatti e 10.000 invii di email. \u00c8 sufficiente per un piano di email marketing<\/a> di base. Tuttavia, non potrete accedere agli annunci di retargeting, ai modelli di email personalizzati e al branding personalizzato.<\/p>\n

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:<\/p>\n

\"Schermata
Aggiungete il vostro nome e le informazioni sulla vostra azienda.<\/figcaption><\/figure>\n

Successivamente, inserite i dati sul vostro indirizzo. Questo passaggio garantisce che le vostre email non finiscano nello spam:<\/p>\n

\"Schermata
Aggiungete il vostro indirizzo nel campo.<\/figcaption><\/figure>\n

Mailchimp vi chieder\u00e0 se avete gi\u00e0 degli iscritti. In tal caso, selezionate Yes<\/strong> e inserite il numero di iscritti:<\/p>\n

\"Schermata
Inserite il numero di iscritti che avete.<\/figcaption><\/figure>\n

Per aiutare Mailchimp a capire la vostra attivit\u00e0, specificate se vendete prodotti o servizi. Per ignorare questa domanda, potete fare clic su Skip<\/strong>:<\/p>\n

\"Schermata
Opzione Prodotti o Servizi.<\/figcaption><\/figure>\n

Una volta terminato il processo di registrazione, potrete accedere al vostro account Mailchimp!<\/p>\n

Passo 2: Creare un Pubblico e una Chiave API<\/h3>\n

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\u00f9.<\/p>\n

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

Anche con un solo pubblico, potete creare tag e segmenti per organizzare i contatti in diversi sottoinsiemi. Tuttavia, la creazione di pi\u00f9 pubblici pu\u00f2 avere alcuni vantaggi.<\/p>\n

Per esempio, se inviate email sia ai venditori che agli acquirenti, potreste aver bisogno di inviare messaggi separati a questi gruppi.<\/p>\n

Nella bacheca di Mailchimp, andate su Audience > Audience Dashboard<\/strong>. Poi, fate clic su Add Your Contacts<\/strong>:<\/p>\n

\"Schermata
Aggiungete contatti in Mailchimp.<\/figcaption><\/figure>\n

Verr\u00e0 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:<\/p>\n

\"Schermata
Sono disponibili diverse opzioni di caricamento.<\/figcaption><\/figure>\n

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

\"Schermata
Modificate il nome e le impostazioni predefinite.<\/figcaption><\/figure>\n

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

\"Schermata
Aggiungete altre opzioni alla campagna.<\/figcaption><\/figure>\n

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

\"Schermata
Fate clic sulla scheda “Extra” per trovare l’opzione API.<\/figcaption><\/figure>\n

Se non avete una chiave API, dovete fare clic su Create a Key<\/strong>. Mailchimp ne aggiunger\u00e0 automaticamente una per voi:<\/p>\n

\"Schermata
Create una chiave API.<\/figcaption><\/figure>\n

Una volta che la vostra chiave API<\/a> \u00e8 attiva, copiatela. Poich\u00e9 questa informazione garantisce l’accesso al vostro account Mailchimp, non condividete mai questo codice pubblicamente.<\/p>\n

Passo 3: Progettare un Modulo di Iscrizione a Mailchimp con Elementor<\/h3>\n

In seguito, dovrete scaricare e installare Elementor Pro<\/a>. Include un WordPress Form Builder<\/a>, che potete usare per progettare moduli personalizzati e raccogliere feedback dal vostro pubblico.<\/p>\n

Dopo aver attivato Elementor Pro, andate su Elementor > Settings > Integrations<\/strong>. Scorrete fino alla sezione Mailchimp<\/strong> e incollate la chiave API:<\/p>\n

\"Schermata
Incollate la chiave API di Mailchimp.<\/figcaption><\/figure>\n

Fate clic su Validate API Key<\/strong>. Se l’integrazione \u00e8 andata a buon fine, vedrete un segno di spunta verde accanto a questo pulsante. Dopo di che, salvate le modifiche.<\/p>\n

Ora potete iniziare a progettare il vostro modulo di iscrizione. Per prima cosa, aggiungete un nuovo articolo o pagina e selezionate Edit with Elementor<\/strong>:<\/p>\n

\"Schermata
Selezionate “Edit with Elementor”.<\/figcaption><\/figure>\n

Nell’editor di Elementor, scorrete verso il basso fino ai widget Pro<\/strong>. Qui vedrete un’opzione Form<\/strong>. Trascinate questo widget nella pagina:<\/p>\n

\"Schermata
Trascinate il widget “Form” sulla pagina.<\/figcaption><\/figure>\n

Elementor creer\u00e0 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:<\/p>\n

\"Schermata
Personalizza il modulo come meglio credi.<\/figcaption><\/figure>\n

Per esempio, se volete aggiungere un modulo di iscrizione<\/a>, in genere non avrete bisogno di campi per i messaggi. Potete semplicemente fare sulla X<\/strong> accanto a questa voce per scartare l\u2019opzione.<\/p>\n

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

\"Schermata
Fate clic sugli elementi appropriati.<\/figcaption><\/figure>\n

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

\"Schermata
Modificate l’azione del pulsante in Elementor.<\/figcaption><\/figure>\n

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.<\/p>\n

Passo 4: Collegare Mailchimp<\/h3>\n

Dopo aver personalizzato il modulo a vostro piacimento, \u00e8 il momento di collegare il vostro account Mailchimp. Per farlo, trovate la sezione Actions After Submit<\/strong>:<\/p>\n

\"Schermata
Accedi all’opzione “Azioni dopo l’invio”.<\/figcaption><\/figure>\n

Quindi, fate clic sull’icona +<\/strong> e scegliete Mailchimp<\/strong> dal menu a tendina:<\/p>\n

\"Schermata
Scegliete Mailchimp dal menu a tendina.<\/figcaption><\/figure>\n

In questo modo verr\u00e0 creata una nuova sezione intitolata Mailchimp<\/strong>. Facendo clic su di essa, vedrete le opzioni per impostare una chiave API e un pubblico:<\/p>\n

\"Schermata
Impostate le opzioni API e pubblico se necessario.<\/figcaption><\/figure>\n

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

\"Schermata
Selezionate il pubblico che avete impostato in Mailchimp.<\/figcaption><\/figure>\n

Potete anche scegliere i gruppi o i tag che avete creato in Mailchimp. Infine, personalizzate le impostazioni di Field Mapping<\/strong> in base ai campi che avete inserito nel modulo. Questo indicher\u00e0 a Mailchimp quali informazioni catalogare nel suo sistema.<\/p>\n

In questo esempio, il nostro modulo di iscrizione contiene solo il campo del nome e dell’email. Ci\u00f2 significa che includeremo solo queste informazioni nella sezione Field Mapping<\/strong>:<\/p>\n

\"Schermata
Opzioni Field Mapping per la mappatura dei campi.<\/figcaption><\/figure>\n

Infine, andate su Additional Options<\/strong> e trovate Custom Messages<\/strong>. Attivate questa opzione per mostrare un messaggio di conferma quando qualcuno completa il modulo:<\/p>\n

\"Schermata
Aggiungete un messaggio di successo per i vostroi utenti.<\/figcaption><\/figure>\n

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.<\/p>\n

Passo 5: Aggiungete il Modulo al Vostro Sito<\/h3>\n

Una volta terminata la personalizzazione del modulo, selezionate Publish<\/strong>. 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<\/a> \u00e8 stato registrato nel vostro account Mailchimp.<\/p>\n

Potreste anche voler aggiungere questo nuovo modulo a pi\u00f9 aree del vostro sito web. Potete salvarlo come Widget Globale per facilitare questo processo.<\/p>\n

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

\"Schermata
Salvate come widget globale.<\/figcaption><\/figure>\n

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

\"Schermata
Trascinate il modulo dove volete.<\/figcaption><\/figure>\n

Quando valutate dove posizionare i moduli di iscrizione sul vostro sito web, potreste pensare alla visibilit\u00e0. Potreste raccogliere pi\u00f9 contatti su una landing page<\/a> ben progettata, che le persone vedono quando entrano nel vostro sito. Tuttavia, gli utenti potrebbero non essere interessati a iscriversi cos\u00ec presto.<\/p>\n

A volte, un’opzione migliore \u00e8 quella di includere i moduli di contatto all’interno dei vostri contenuti o in una barra laterale. Sebbene la visibilit\u00e0 sia leggermente inferiore a quella di una landing page, questa collocazione pu\u00f2 consentire alle persone di iscriversi mentre interagiscono con il vostro sito web.<\/p>\n

Anche l’aggiunta di un modulo nel footer pu\u00f2 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\u00f9 propensi a iscriversi. Tuttavia, questo posizionamento non \u00e8 visibile come le altre opzioni.<\/p>\n

I Migliori Addon per l’Integrazione Elementor\/Mailchimp<\/h2>\n

Con i migliori plugin WordPress<\/a> 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.<\/p>\n

Tuttavia, potreste aver bisogno di funzioni pi\u00f9 avanzate. Con alcuni componenti aggiuntivi, potete avere un maggiore controllo sull’aspetto e sulle funzionalit\u00e0 dei vostri moduli.<\/p>\n

1. Essential Addons<\/h3>\n

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

\"Homepage
Essential Addons.<\/figcaption><\/figure>\n

Caratteristiche:<\/strong><\/p>\n