Formulaire Web

Introduction

Afin de vous permettre d’intégrer le formulaire Web directement dans l’une des pages de votre site Internet, un script d’intégration est mis à votre disposition dans la section Formulaire Web des paramètres Généraux de l’application.

Le comportement du formulaire Web intégré est identique en tout point au comportement défini via l’easibox (gestion des contacts, création demande, champs personnalisés, validation des données, etc).

Prévisualisation

Une prévisualisation du formulaire Web est disponible dans la partie droite via 3 onglets :

• Formulaire : prévisualisation des champs du formulaire (champs standards et champs personnalisés).

• Succès : prévisualisation du message de validation après soumission du formulaire (message non personnalisable).

• Erreur : prévisualisation du message d’erreur en cas d’erreur lors da la soumission du formulaire (message non personnalisable).

Script d’intégration

Le script d’intégration est accessible via une popup affichée en cliquant sur le bouton Script d’intégration et peut être copié dans le presse-papier en un clic via le bouton Copier le code.

Le formulaire Web sera ainsi affiché via une iframe dans la page Web dans laquelle le script est intégré.

Ci-dessous un exemple de script d’intégration :

<div id="easiwareWebform"></div>
<script>
(function() {
  const d=document;
  const u_iframe = "https://app.easiware.com/orgs/<org_id>/webform";
  const iframeId = "webform";
  const iframeClassName = "webformIframe";
  const iframeTitle = "webform";
  const iframe = d.createElement("iframe");
  iframe.src = u_iframe;
  iframe.id = iframeId;
  iframe.className = iframeClassName;
  iframe.title = iframeTitle;
  iframe.style.width = "100%";
  iframe.style.height = "100%";
  iframe.style.border = "none";
  const div = d.getElementById("easiwareWebform");
  div.appendChild(iframe);
})();
</script>

Avec <org_id> = l’ID de votre organisation.

Afin de vous permettre d’intégrer au mieux le formulaire dans votre page Web, il vous est possible d’indiquer l’ID de l'élément DOM dans lequel insérer le formulaire Web. Pour cela il suffit de remplacer le texte easiwareWebForm par l’ID de de l'élément en question dans le script d’intégration.

const div = d.getElementById("easiwareWebform"); → const div = d.getElementById("someCustomID");

Certains éléments de l’iframe peuvent également être personnalisés via le script d’intégration :

Exemple

Ci-dessous un exemple d’intégration du formulaire Web dans une page de contact.