L'iscrizione alla newsletter è sicuramente uno dei metodi più diffusi.

Per creare un certo tipo di legame con i tuoi visitatori, infatti, potrai inviare delle comunicazioni costanti relative a sconti iniziative um la pubblicazione di un nuovo prodotto o servizio, la pubblicazione di un nuovo articolo sul tuo blog.

Insomma, per creare un vero e proprio rapporto si può poi estendere nel tempo.

Abbiamo visto in una lezione precedente, eh quanto è semplice creare un forum di iscrizione alla newsletter con programmi come ad esempio Mayer Light Chip App Response ce ne sono veramente tanti, sia gratuiti che a pagamento.

In questa lezione voglio mostrarvi come creare un form di iscrizione alla newsletter con elemento e poi connetterlo a un software di gestione newsletter.

In questo caso un che è il software che utilizzo personalmente per gestire le mie news mailing.

La prima cosa che dobbiamo fare è entrare chiaramente in una pagina e andare ad aggiungere un nuovo quindi aggiungo una nuova pagina e la andrò a chiamare newsletter.

Pubblichiamo subito il contenuto modifica con elemento e andrò ad aggiungere il mio.

Lo inserirò all'interno di una colonna, magari due colonne, come in questo caso e il per creare questo form ovviamente si chiama modulo.

Eccolo qua default elemento posiziona nome, mail e messaggio.

In questo caso sicuramente il messaggio non ci serve, quindi lo possiamo eliminare e lavoriamo sulla base di questo um e questi elementi Allora innanzitutto, la prima cosa che possiamo fare è assegnare un nome al modulo e lo chiameremo ovviamente iscrizione alla letter.

Okay.

Per quanto riguarda i campi, andiamo a vedere un po' quello che ci consente di fare questo.

Abbiamo la possibilità di scegliere il tipo di contenuto in questo caso deve raccogliere in un campo testuale, quindi va benissimo.

Testo Dove all'interno scriviamo nome possiamo modificare l'etichetta, ad esempio, um il tuo nome in questo caso come segno posto andrò a inserire anche la stessa voce.

Possiamo definire se è un campo richiesto oppure no.

In questo caso lo renderò obbligatorio e possiamo anche definire la sua larghezza se vogliamo che compaia ad un cinquanta per cento della colonna oppure tranquillamente un cento per cento a piena larghezza.

Poi nella tab avanzato ci sono dei valori che possiamo personalizzare, che vanno sostanzialmente a definire poi i campi che andranno raccolti nell'e-mail di notifica che riceviamo nella maggior parte dei casi vanno benissimo i valori di default per quanto riguarda il il campo e-mail, invece, come vedete il tipo ovviamente in questo caso non è testo, ma è non è testo, ma è e-mail.

Quindi mi raccomando qui, assicuratevi che ci sia la mail anche qui possiamo modificare l'etichetta e il segnaposto.

La tua email.

In questo caso andiamo a modificare il campo.

Ovviamente richiesto campo obbligatorio e ci ho avanzato praticamente la stessa cosa.

Va benissimo il parametro di default.

Chiudiamo questo campo.

Um, passiamo nella parte sottostante.

Possiamo definire l'input.

Quindi la dimensione dei campi, eh? Piccolo medio grande o anche molto grande.

In questo caso, a mio avviso, va più che bene la versione piccolo.

Um possiamo decidere se mostrare l'etichetta oppure no.

Quindi chiaramente è una vostra scelta in T.

In questo caso la la nascondo.

Mi sembra un po' più minimale.

Un po' più pulito.

Per quanto riguarda i pulsanti, possiamo decidere il pulsante e la finale.

Quindi cambiare dal classico messaggio in via con qualcosa magari di più personalizzato.

Come ad esempio sì, iscrivimi alla newsletter.

Okay, magari è un punto esclamativo, eh? Per quanto riguarda lo step, gli step sono successivo precedente.

In questo caso non mi interessano, servono solo nel caso in cui utilizziate un multi step for quindi su più passaggi.

Ma non è questo il caso.

Possiamo anche aggiungere un'icona se vogliamo al forum di iscrizione alla newsletter cliccando su questa su questo pulsante si accede alla libreria.

Possiamo fare un cerca per vediamo un po' newsletter oppure mega non c'è.

In questo caso però magari magari potremmo inserire una ricettina tipo questa qua inserisci selezioniamo la posizione a dopo ed eccola qua Diciamo che diciamo a livello grafico ci può stare e questo per quanto riguarda la tab relativa ai pulsanti azioni dopo l'invio.

Allora dopo l'invio possiamo selezionare una serie di azioni um che deve compiere ed eseguire questo forum.

Dopo che L'utente si è iscritto alla newsletter e ha inviato semplicemente questo modulo che cosa deve accadere? Raccogli invii significa che il database di elemento all'interno del vostro band raccoglierà tutti i dati e quindi chiaramente avrete anche un archivio interno.

Oltre a ricevere il contatto dentro la lista del software di mail che andrete a collegare deve inviare una una mail, ma possiamo aggiungere anche altre opzioni, come ad esempio la possibilità di collegarlo direttamente a un un form a un scusate un un un gestore mail come light response e quant'altro, ma in questa fase ci soffermeremo a impostare un reindirizzamento perché vogliamo che dopo che l'utente ha inviato questo form deve essere reindirizzato una pagina di ringraziamento.

La classica page a questo punto raccoglie invii va benissimo e non dobbiamo fare nulla.

Ci se ci elemento ci ricorda semplicemente che gli invii raccolti verranno salvati in elemento sottoscrizioni e quindi verrà aggiunta una nuova voce all'interno della quale saranno salvati tutti i contatti.

Possiamo decidere um di ricevere una notifica, se vogliamo, ogni volta che un nuovo iscritto si iscrive a questo form, ad esempio um io riceverò una mail e lo che ho su sostanza coop italia punto it con oggetto nuovo alla lista, ad esempio fields questo è uno che mostra tutti i campi del form, quindi in questo caso semplicemente nome e indirizzo email e poi possiamo decidere da quale mail parte la la la la l'iscrizione alla newsletter, quindi l'invio del form il nome e se deve rispondere a qualche mail in particolare in questo caso potete lasciare anche dei default, perché non non servirà una risposta automatica.

I metadati sono semplicemente dei campi che verranno riportati nelle email che voi ricevete.

Ogni volta che un utente si iscrive potete tranquillamente lasciare magari la data e lo user agent sarebbe il il browser l'ip lo potete eliminare e magari due r della pagina.

In questo caso, quando riceverete l'e-mail di conferma dove vi dice tizio Caio si è iscritto alla newsletter.

In fondo compariranno i metadati il giorno l'orario e l' u r l della pagina da dove si è iscritto ad esempio.

In questo caso la pagina si chiama newsletter in via come h t M L va benissimo per quanto riguarda il reindirizzamento qui possiamo andare ad impostare il link della pagina di ringraziamento.

Um per fare questo intanto aggiorno la pagina e apro una nuova tab per andare a per andare a inserire una nuova page.

Quindi torno in back end, vado su pagine e vado semplicemente ad aggiungere una nuova pagina e la chiamerò tank you page pubblico.

Okay, modifica con elemento e all'interno di questa sezione andrò a personalizzare un messaggio.

Allora innanzitutto, in questo caso potete scegliere di mostrare il solito layout predefinito con il il logo, il menù del sito e quant'altro.

Però magari se volete.

Potete anche nascondere tutto quanto e scegliere e optare per un template di tipo E Cass dove è tutto, Dove dove l'intestazione sostanzialmente non compare.

Ora aggiorno un attimo la pagina per farvi vedere il funzionamento.

Okay, eccola qua.

All'interno di questa pagina semplicemente andrò ad inserire un chiamato riquadro icona.

Ovviamente anche qui potete creare qualsiasi tipo di design in base alle vostre preferenze.

Però io mi limiterò semplicemente a inserire un'icona di che e di avvenuta conferma.

Andrò a scrivere.

Grazie.

Registrato, riceverai ogni giorno un contenuto, ovviamente testi puramente casuali, di esempio però per farvi vedere come io più o meno la imposte um sicuramente andrei ad aggiungere un colore verde all'icona, quindi vado sull'impostazione dello stile colore principale.

Vado a selezionare un colore che un po' più si avvicina il design del mio sito web.

Forse aumenterei un po' la scritta del grazie per esserti registrato.

Contenuto titolo Vado sulla tipografia e lo vado un po' ad aumentare.

Magari potremmo portarlo sì, a quaranta.

Okay.

E il campo sottostante chiamato in questo caso Descrizione.

Magari lo potrei portare a venti.

Venti pixel.

Ci può stare, eh? A questo punto, una cosa che potremmo aggiungere potrebbe essere quella di una semplice un pulsante centrato, ovviamente, che magari rimanda all' homepage.

Torna alla home e in questo caso, ovviamente, andrete ad inserire il collegamento.

Io faccio un semplice cerca tra le pagine presenti in tutte le pagine, seleziono la homepage e aggiorno e pubblico la pagina.

Questa è la page.

A questo punto possiamo cliccare su anteprima delle modifiche e come vedete, la pagina è stata correttamente creata.

A questo punto, forse modificherei solo un aspetto puramente estetico.

Per quanto riguarda l'altezza, magari possiamo impostare un'altezza minima della sezione qui.

Possiamo metterlo centrato.

Magari potremmo impostare un'altezza minima a cinquecentocinquanta.

Okay, andiamo a vedere nel Okay, diciamo che ci può stare.

Il pulsante funziona correttamente.

Okay, A questo punto torniamo nel nella creazione della nostra newsletter per collegare appunto la pagina che abbiamo appena creato.

Quindi torniamo nel nostro forum, andiamo nella sezione reindirizzamento e andiamo semplicemente a digitare il nome della pagina, ovvero anche Page.

Al momento.

Se non lo prende in automatico, comunque potete digitare se non vi compare il titolo della pagina, semplicemente prendete il link di reindirizzamento e lo incollate nella sezione di reindirizza A e siete a posto in prenotazione.

Step non vi interessa serve solo per i multi step.

Nelle opzioni aggiuntive potete decidere dei messaggi personalizzati.

In questo caso sono in inglese.

Una cosa interessante potrebbe essere cambiarlo in grazie per esserti oppure magari iscrizione.

Magari cambiamo il messaggio, iscrizione la mente, Okay.

E poi dopo questo messaggio, il form reindirizzerà alla page.

A questo punto, ovviamente, potete anche customizzare gli altri messaggi di errore.

Io vado ad aggiornare la pagina e la apro in fronte per vedere se effettivamente il form funziona.

Vado ad inserire il mio nome più un indirizzo di test, ad esempio Mario rossi chiocciola gmail punto com Sì, iscrivimi alla newsletter e vediamo che cosa succede.

Iscrizione avvenuta correttamente e vengo reindirizzato alla page.

Quindi diciamo che tutto il funzionamento è stato testato e va correttamente nel modo giusto.

Okay, A questo punto ci siamo.

Quindi che cosa avviene? Noi abbiamo creato una pagina chiamata newsletter che ovviamente possiamo collegare in qualsiasi parte possiamo collegare nel menù principale del sito.

Nel footer possiamo inglobare questo form um in una determinata pagina nella pagina contatti all' in fondo la pagina di un servizio.

Insomma, chiaramente dove volete.

Um quindi che cosa succede una volta che l'utente si iscrive e invia questo forum noi riceveremo un'e-mail automatica che ci avvisa che un utente si è appena iscritto alla newsletter.

Però in questo momento non è automatica l'iscrizione ad un ad una determinata lista all'interno del nostro software di newsletter e lo andiamo ora a collegare.

Allora innanzitutto, io utilizzo light è un software molto, molto semplice da utilizzare e anche molto potente.

Se è una versione free è una versione a pagamento.

Io mi trovo molto bene.

Ovviamente andrete a configurarlo in base alle vostre preferenze, al tool che utilizzate.

Okay, allora qui intanto torno torno qua in questa pagina faccio un refresh.

Da qui possiamo uscire e come si collega il tutti i forni di elemento con, um il vostro programma di newsletter, allora in modo molto semplice in realtà bisogna andare su elemento impostazioni e poi navigare nella tab delle integrazioni.

Questa tab vi consente di collegare varie cose, come ad esempio il recap, quindi le caselle di controllo di Google che si vanno a sincronizzare con i vostri forum per aumentare la sicurezza e altre funzionalità, come vedete C'è, MailChimp, Active Campagne, Respons e C'è.

Anche qui semplicemente dovete inserire il vostro codice di chiave a P I che si ottiene dal vostro pannello di amministrazione.

Io l'ho appena creato da Light, quindi lo vado a copiare e lo vado ad inserire all'interno di questo determinato campo.

Facciamo la convalida.

È tutto okay.

Ora torniamo nella nostra pagina dove abbiamo inserito il forma della newsletter.

Clicchiamo su modifica forme e andiamo un po' a vedere delle impostazioni aggiuntive.

Vediamo un attimo.

Okay, andiamo alla TV a raccogli invii No, scusate.

Alla voce azioni dopo l'invio e andiamo ad aggiungere un'azione.

In questo caso andremo ad aggiungere che abbiamo appena collegato tramite a P i.

Salviamo le modifiche del form e, come vedrete in automatico, verrà aggiunta una nuova voce chiamata appunto.

A questo punto, che cosa succede? Potete, um se avete problemi in teoria, qua dovrebbe comparire il la vostra chiave di A P I.

Che avete appena inserito.

Se in automatico, come in questo caso non la sta caricando, quindi c'è qualche tipo di problema, potete tranquillamente inserire la voce e inserire la vostra chiave a P i quella che avete inserito nella sezione precedente.

All'interno di elemento questa qua per intenderci, la potete inserire direttamente in questa sezione.

Aggiorniamo la pagina per fare un refresh e ricaricare tutto quanto e a questo punto potete decidere si si aprirà questa nuova Tav chiamata gruppo, dove potete decidere a quale lista far iscrivere le persone.

E questo che cosa succederà? Che cosa farà accadere semplicemente quando l'utente si iscriverà e invierà questo modulo? Un determ- questo un determinato contatto verrà inserito all'interno di una determinata lista, quindi in modo molto semplice.

Tradotto in parole semplici, questo forum è stato collegato automaticamente al vostro account mail Lite e precisamente è stato inserito all'interno di una determinata lista.

Quindi, come vedete, il processo di configurazione è abbastanza semplice ma molto potente perché vi consente sicuramente di personalizzare a livello di design in in modo un po' più avanzato i form quindi staccarmi un po' da quello che è il builder di li di um e sicuramente anche un metodo molto veloce per crearlo e collegarlo direttamente con e le metro.

Quindi, facendo un breve recap di questa lezione, abbiamo visto come creare un form.

Questo è un semplice form di contatto.

Abbiamo impostato l A p I di GT in questo caso e abbiamo collegato il form di contatto, quindi un semplice form di contatto e l'abbiamo trasformato e collegato ad una lista di che è già presente nel nostro account, quindi sicuramente è un metodo in più per ottimizzare il processo dei vostri iscritti.