Please note that this is the help section for the former Newsletter2Go software.

Come posso usare, inserire sul mio sito e modificare il modulo di iscrizione?

Per inserire il modulo di iscrizione di Newsletter2Go su una pagina esterna ci sono diverse possibilità:

1. Collegamento/iFrame

2. Integrazione

a. come modulo statico

b. come finestra pop-up.

Per creare un modulo di iscrizione, basta cliccare sull'icona rotonda in alto a destra e poi alla voce "Moduli" > Nuovo modulo.

Dopo aver completato i passaggi 1 e 2, e eventualmente aver creato un modulo di cancellazione (passaggio non obbligatorio), passare al passaggio 4 (INCORPORA).

1. Collegamento / iFrame

Alla voce "URL del modulo" è presente il link del modulo di iscrizione. Questo può essere collegato direttamente sulla homepage del proprio sito e incorporato come iFrame.

2. Integrazione (consigliato)

2.a. Come modulo statico

Copiare il codice presente nel primo riquadro nero (Modulo sito | JAVASCRIPT -SNIPPET) e incollarlo sulla pagina del proprio sito nella posizione desiderata.

Se si vuole modificare l'aspetto del modulo o non è possibile inserire il codice sul proprio sito, leggere la sezione in basso "Modifiche / JavaScript API".

2.b. Come finestra pop-up

Copiare il codice presente nel secondo riquadro nero (Popup dopo 10 sec | JAVASCRIPT-SNIPPET) e incollarlo sulla pagina del proprio sito nella posizione desiderata.

Se si vuole modificare l'aspetto del modulo o non è possibile inserire il codice sul proprio sito, leggere la sezione in basso "Modifiche / JavaScript API".

Modifiche / JavaScript API

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

Per modificare l'aspetto del modulo è possibile inserire una configurazione nel primo parametro. La configurazione usata de default è la seguente e può essere personalizzata dall'utente:

var config = {
    "form": {
        "class": "",
        "style": ""
    },
    "container": {
        "type": "table",
        "class": "",
        "style": "width: 100%;"
    },
    "row": {
        "type": "tr",
        "class": "",
        "style": ""
    },
    "columnLeft": {
        "type": "td",
        "class": "",
        "style": "width: 40%; padding: 10px 5px;"
    },
    "columnRight": {
        "type": "td",
        "class": "",
        "style": ""
    },
    "checkbox": {
        "type": "input",
        "class": "",
        "style": ""
    },
    "separator": {
        "type": "br",
        "class": "",
        "style": ""
    },
    "input": {
        "class": "",
        "style": "padding: 5px 10px; border-radius: 2px; border: 1px solid #d8dee4;"
    },
    "dropdown": {
        "type": "select",
        "class": "",
        "style": "padding: 3px 5px; border-radius: 2px; border: 1px solid #d8dee4;"
    },
    "button": {
        "type": "button",
        "class": "",
        "id": "",
        "style": "background-color: #00baff; border: none; border-radius: 4px; padding: 10px 20px; color: #ffffff; margin-top: 20px; cursor: pointer;"
    },
    "label": {
        "type": "label",
        "class": "",
        "style": "padding-left: 5px"
    },
    "loader": {
        "type": "img",
        "src": "//www.newsletter2go.com/images/loader.svg",
        "class": "",
        "style": "margin: auto; display:block; width: auto;"
    },
    "message": {
        "type": "h2",
        "class": "",
        "id": "",
        "style": "text-align: center;"
    }
}

Inserire questa configurazione alla call:

n2g('subscribe:createForm', config)

e qui:

n2g('subscribe:createPopup', config)

In questo modo è possibile modificare la grafica del modulo tramite CSS.

Come parametro ulteriore è possibile inserire l'ID di un elemento HTML nel modulo. Questo può essere utile quando si vuole rendere il modulo in una posizione diversa da quella del tag-script inserito:

n2g('subscribe:createForm', config, 'targetId')

Nella finestra popup si può inserire come ulteriore parametro l'intervallo di tempo in seguito al quale la finestra deve comparire. Ad esempio, con la configurazione qui sotto la finestra si aprirebbe immediatamente:

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

Ovviamente è anche possibile fare in modo che la finestra si apra in seguito ad un click del mouse, attraverso l'associazione della funzione ad un evento.

Per programmatori

Per personalizzare ulteriormente il modulo si possono inserire funzioni di callback in seguito a una iscrizione effettuata correttamente o in modo sbagliato:

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 le informazioni sullo status e come secondo i testi presenti nel modulo di iscrizione.

response.status == 201 Invio della newsletter di doppio opt-in (Messaggio standard: messages.message_subscribe_doi)
response.status == 200 Contatti al momento iscritti (Messaggio standard: messages.message_subscribe_duplicate)
response.status != 200 && response.status != 201 Errore (Messaggio standard: messages.message_subscribe_error)

Il confirmCallback viene richiamato solo dopo il click sul link dell'email di conferma e presenta i seguenti status:

state == "doi_success" Iscrizione completata correttamente (Messaggio standard: messages.message_subscribe_success)
state == "doi_duplicate" Utente già iscritto (Messaggio standard: messages.message_subscribe_duplicate)

state == "doi_error" Errore (Messaggio standard: messages.message_subscribe_error)

White Label

Su richiesta e sotto pagamento di un importo aggiuntivo, è possibile personalizzare completamente il modulo di iscrizione e adeguarlo al corporate design del cliente, con personalizzazione anche del dominio.