L'evento AJAX di invio modulo serve per sincronizzare in Connectif i moduli integrati e inviare la notifica di "submit" allo strumento tramite AJAX.
Come si usa
L'evento AJAX di "submit" utilizza il JavaScript di Connectif per inviare i dati dell'invio del modulo tramite il metodo sendEvents, effettuando la seguente chiamata a Connectif:
connectif.managed.sendEvents(events, options)
Ottenere l'identificatore del modulo
La proprietà formID identifica il modulo integrato.
Accedi al modulo integrato e individua il formID nell'URL.
Esempio evento onsubmit
L'evento onsubmit intercetta l'invio del modulo ed esegue la funzione sendForm, che invia i dati tramite AJAX.
Il modulo avrà questo aspetto:
<form onsubmit = "sendForm()">
Email: <input type = "email" value = "" id= "email" /><br/>
Nome: <input type = "text" value = "" id= "name" /><br/>
<input type = "submit" value = "Invia" />
</form>
Esempio notifica di invio
La notifica avrà questo aspetto:
function sendForm() {
connectif.managed.sendEvents(
[
{
type: 'form-submitted',
eventId: 'ID_DEL_MODULO_INTEGRATO_DI_CONNECTIF',
primaryKeyField: 'email',
payload: {
'email': document.getElementById('email').value,
'name': document.getElementById('name').value,
}
}
]
) }
Se si tratta di un modulo di iscrizione (che richiede l'email), è necessario includere il campo "primaryKeyField", e il suo valore sarà il nome del campo nel payload, che conterrà l'email inviata dal modulo. Se il modulo non è di tipo iscrizione, non è necessario indicare il campo "primaryKeyField".
Complimenti!
Hai completato la lezione.
Hai ancora dubbi?
Ricorda che hai a disposizione i nostri specialisti di Connectif. Per contattarli, apri un ticket di supporto cliccando sul pulsante blu "Aiuto" nel tuo dashboard.
RISOLUZIONE DEI PROBLEMI
Cosa succede se il modulo non viene rilevato da Connectif? Esistono alcuni casi in cui lo strumento di Moduli Integrati di Connectif non riesce a rilevare i moduli sul tuo sito web, ad esempio:
- Il modulo si trova su una pagina che richiede autenticazione.
- Il modulo viene generato dinamicamente tramite JavaScript.
In questi casi, l'opzione consigliata è creare un evento di integrazione personalizzata per ricevere i dati in Connectif.
- Crea la tua integrazione personalizzata seguendo i passaggi di questo articolo.
- Una volta creata, vai alla scheda Ricevere Dati e clicca su Crea nuovo evento di ricezione.
- Assegna un nome e definisci i campi da inviare cliccando su Aggiungi nuovo campo.
- Clicca su Salva e torna all'elenco degli eventi della tua integrazione personalizzata, dove troverai l'identificatore dell'evento appena creato:
- Copia tale identificatore per utilizzarlo nel campo "eventId" del seguente esempio di codice, per notificare questo evento a Connectif:
connectif.managed.sendEvents(
[
{
type: 'custom',
eventId: 'ID_DELL_EVENTO_PERSONALIZZATO_DI_RICEZIONE',
payload: {
mio_campo_email: 'test@example.org',
mio_campo1: 1234,
nome: 'Test',
campo2: 'Questo è un test'
}
}
]
)
In questo caso non è necessario indicare un "primaryKeyField" all'interno dell'evento, poiché il campo della chiave primaria viene stabilito nel campo "mio_campo_email" dell'evento personalizzato.
Continua a imparare!
Per sfruttare al massimo il potenziale del tuo account in Connectif, ti consigliamo di continuare con i seguenti articoli:
- Aggiungere il JavaScript di Connectif sul tuo sito web, per inserire il codice e iniziare a raccogliere informazioni sulle visite al tuo sito.
- Integrazione tramite tag, per conoscere tutte le notifiche che puoi inviare dal tuo eCommerce a Connectif e il loro funzionamento.
- Integrazione con Connectif via API, per sincronizzare contatti, prodotti, acquisti e coupon.
- Verificare l'integrazione con l'eCommerce, per assicurarti che tutti i dati siano sincronizzati correttamente nel tuo account Connectif.