Integrare nel vostro sito · Documentazione

Integrare un modulo nel vostro sito

Un modulo pubblico può essere mostrato direttamente nel vostro sito, con i colori del vostro tema. Gli snippet pronti da copiare si trovano nella pagina Condividi e integra, sezione Integra nel tuo sito, e nel menu API e integrazione.

1. Autorizzare il sito

Nelle Impostazioni del modulo scegliete dove può essere integrato: Su qualsiasi sito oppure Solo sui siti elencati (indicate allora gli indirizzi dei vostri siti). Potete anche disattivare l'integrazione.

2. Aggiungere lo script

Inserite lo script una sola volta nella pagina:

<script src="https://votre-nom.altiusforms.com/static/sdk/altiusforms.js"></script>

3. Scegliere la visualizzazione

Nella pagina — il modulo assume l'altezza del suo contenuto:

<div data-af-embed="TOKEN_PUBBLICO"></div>

Come pulsante — un pulsante apre il modulo sopra la pagina; data-af-label ne definisce il testo:

<div data-af-popup="TOKEN_PUBBLICO" data-af-label="Contattateci"></div>

Negli snippet della pagina Condividi e integra il token è già inserito.

Dopo l'invio

Aggiungete data-af-redirect="https://…" per portare il visitatore su una pagina di ringraziamento del vostro sito.
Lo script emette l'evento altiusforms:submit sull'elemento; il vostro codice può ascoltarlo, ad esempio per le statistiche:

<script>
document.addEventListener("altiusforms:submit", function (e) {
  console.log("Modulo inviato", e.detail.form);
});
</script>

Senza script

Se il vostro sito non accetta script, usate l'iframe semplice proposto nella stessa pagina (altezza fissa).