Come posso integrare e modificare il modulo di iscrizione?

Integrare il modulo

L'opzione per integrare il modulo compare nel secondo passaggio della creazione del modulo di iscrizione.

1. Collegamento / iFrame

Cliccando su "Carica modulo presente nell'host", si riceve l'indirizzo web del proprio modulo di iscrizione. Questo può poi essere collegato sulla propria homepage o integrato tramite iFrame. 

2. Integrazione (consigliato)

2.a come modulo statico

Per integrare il modulo basta copiare lo snippet in JavaScript che compare dopo aver cliccato su "incorporare il modulo". Lo snippet è già impostato in modo responsivo. Questo ne garantisce una giusta visualizzazione anche sui dispositivi mobili.

Inserire il codice visualizzato sul proprio sito, lì dove si vuole che compaia il modulo. Fatto. 

2.b come pop-up

Per attivare il modulo come finestra pop-up basta selezionare attivare la relativa opzione e aggiustare l'arco di tempo in seguito al quale si desidera la comparsa del modulo in formato pop-up (ad es. 10 secondi). 

Modificare il modulo

1. Modifiche possibili / API in JavaScript

Le funzioni subscribe:createForm e subscribe:createPopup accettano due ulteriori parametri ciascuno.

Nel primo parametro, è possibile modificare la grafica modificando la seguente configurazione: 

aggiungere dunque la seguente configurazione: 

n2g('subscribe:createForm', config) 

quindi

n2g('subscribe:createPopup', config) 

In questo modo è possibile modificare la grafica direttamente in stili o in classi CSS.

Nel caso di finestre pop-up è possibile inserire l'intervallo di tempo in secondi in seguito al quale deve aprirsi la finestra di pop-up. Con il seguente codice, ad esempio, la finestra si aprirebbe immediatamente:

n2g('subscribe:createPopup', config, 0) 

2. Per sviluppatori

Per personalizzare ulteriormente il modulo, è possibile aggiungere al modulo una funzione di callback, da attivare in caso di iscrizione riuscita o mancata:

n2g('subscribe:createForm', config, 'targetId', successCallback(response, messages), errorCallback(response, messages), confirmCallback(state, messages)) 

n2g('subscribe:createPopup', config, 0, successCallback(response, messages), errorCallback(response, messages), confirmCallback(state, messages))

Tutti i callback danno come primo parametro informazioni sullo status e, come secondo, i testi associati al modulo di iscrizione. 

response.status == 201 Invio della newsletter DOI (messaggio standard: messages.message_subscribe_doi) 
response.status == 200 destinatari attualmente iscritti (messaggio standard: messages.message_subscribe_duplicate) 
response.status != 200 && response.status != 201 Si è verificato un errore (messaggio standard: messages.message_subscribe_error)

Il confirmCallback sarà attivato solo dopo la conferma del link di DOI e ha i seguenti status:

state == "doi_success" Iscrizione effettuata con successo (messaggio standard: messages.message_subscribe_success) 
state == "doi_duplicate" Indirizzo email già esistente (messaggio standard: messages.message_subscribe_duplicate) 
state == "doi_error" Si è verificato un errore (messaggio standard: messages.message_subscribe_error)

3. White Label

È possibile anche rendere un modulo di iscrizione "a etichetta bianca" (White Label). 

In questo caso il modulo di iscrizione appare sotto il dominio di propria preferenza. La grafica e il design possono inoltre essere completamente personalizzati. 

Il servizio deve essere richiesto ed è a pagamento.