Spesso abbiamo l’esigenza di avere più popup sul sito per indirizzare gli utenti a fare più azioni. Ovviamente non possiamo bombardare gli utenti di popup, ed uno è già abbastanza. Come possiamo allora racchiudere tutto quello che vogliamo dire all’interno di un solo popup?

Non servono popup a pagamento; per quel che vogliamo creare noi ci bastano quelli che possiamo trovare su wordpress.

In questa guida vedremo come integrare la mail di mailchimp con il bottone like di facebook.

Se avete altri provider mail dovrete informarvi se gli stessi offrono Signup form embed ovvero integrati in un testo html. Se così non fosse si potrebbe reindirizzare l’utente con una scritta sul vostro form online, ma essendo ben due passaggi sconsiglio di farlo.

Scegliamo il giusto plugin

Iniziamo quindi con installare un plugin che ci permetti di agire sul codice html dello stesso.

Popup Builder è un’ottimo popup creator.

Una volta installato andiamo a creare il nostro primo popup. -> Add new

Ecco i passi da seguire per creare un popup simile a quello della figura.

1. create una bella immagine introduttiva alla vostra azione. Che sia metti like o iscriviti alla newsletter. Potete usare una di queste che ho creato per voi:

Una volta inserita la copertina andiamo a mettere il pulsante per farci seguire su Facebook. Ce lo offre direttamente facebook

Pulsante “Mi piace” per il Web

Questo pulsante consente di mettere “Mi piace” a contenuti presenti sul Web e di condividerli su Facebook con un solo clic. Inoltre, puoi inserire un pulsante Condividi accanto al pulsante “Mi piace” per consentire agli utenti di aggiungere messaggi personali e selezionare il pubblico con cui condividerli.

https://developers.facebook.com/docs/plugins/like-button?locale=it_IT

Grazie a questo configuratore potrete andare ad inserire il bottone “like” della vostra pagina.

otterrete un codice HTML che dovrete andare ad inserire nella parte “testo” del plugin. Più in alto potete vedere lo screen del plugin con gia inserito dentro l’immagine. nella stessa sezione ma nella tab “testo” andate ad incollare il codice html (il secondo) che vi appare cliccando su ottieni codice.

<div class="fb-like" data-href="https://facebook.com/fbpagehere"
data-width="300"  data-layout="button_count" data-action="like"
data-size="large" data-show-faces="true" data-share="true"></div>

Fatto questo ora dovremo andare a pescare quello di Mailchimp.

Embedded forms mailchimp

Create una lista su mailchimp, andate in List (in alto nel menu) -> selezionate la lista e cliccate su Signup form

Quindi scegliete Embedded forms

Scegliete la formula che preferite e copiate ed incollate anche da questa pagina il codice html ed il gioco è fatto.

Ora non resta che settare i parametri del popup per decidere: altezza e larghezza, quando e se mostrare il pulsante chiudi popup e dopo quanto tempo mostrarlo.

Ecco uno screen per impostarlo in maniera corretta e facile:

Pinna l’articolo per salvarlo!