Jotform Anywhere.

Jotform Anywhere est un petit SDK JavaScript qui apporte les capacités du générateur de formulaire de Jotform à toutes les applications web.

Jotform Anywhere fournit un ensemble de fonctionnalités côté client pour vous permettre d'ajouter un générateur de formulaires dans votre application web. Vos utilisateurs peuvent créer/modifier et intégrer des formulaires sans quitter votre site.

Plus de 7500 modèles de formulaires prêts à l'emploi

Les utilisateurs peuvent intégrer directement des formulaires à partir de plus de 7500 superbes modèles de formulaires, en quelques clics.

Générateur de formulaires

Permettez à vos utilisateurs de créer tout type de formulaires web avec plus de 25 types de questions de formulaire et plus de 350 widgets.

Copiez et collez ce code afin d'initialiser la bibliothèque javascript :

  <script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>

Copiez et collez le code html ci-dessous pour ajouter un bouton qui lance un générateur de formulaire

  <button onclick="JotFormAnywhere.launchFormBuilder({});">Add Form</button>

Cliquer sur ce bouton lancera Jotform iframe (générateur de formulaire intégrable) et le formulaire créé/sélectionné sera ajouté au corps par défaut. Consultez la documentation pour plus d'options de personnalisation.

• Comment Breezi utilise Jotform Anywhere on their website builder as a form builder.
• Sidengo exploite Jotform Anywhere pour permettre aux utilisateurs de créer des formulaires personnalisés.

Qu'est-ce que Jotform Anywhere ?

Jotform est un générateur de formulaires en ligne. Grâce au générateur de formulaires par glissé-déposé de Jotform et ses plus de 7500 modèles de formulaires prêts à l'emploi, créer des formulaires est rapide, facile et amusant.

Jotform Anywhere est un petit SDK JavaScript qui apporte les capacités du générateur de formulaire de Jotform à toutes les applications web. Vous pouvez intégrer facilement le générateur de formulaires de Jotform à votre application et vos utilisateurs pourront lancer le générateur de formulaires en tant qu'assistant lightbox, créer leurs formulaires et les ajouter à leurs pages web.

A qui est s'adresse Jotform Anywhere ?

Jotform Anywhere est particulièrement utile pour les créateurs de sites web et les fournisseurs de blogs, mais tout type d'application web qui doit permettre aux utilisateurs de créer des formulaires web peut l'utiliser.

Quelles sont actuellement les capacités de Jotform Anywhere ?

1. Ajoutez un formulaire
Vos utilisateurs peuvent ajouter un formulaire n'importe où sur la page. L'ajout d'un formulaire lancera un assistant dans une boîte modale. Vos utilisateurs peuvent choisir parmi l'un des 7500+ modèles de formulaires prêts à l'emploi ou utiliser le générateur de formulaires pour créer leur propre formulaire.

2. Modifiez/ Supprimez le formulaire
Une fois qu'un formulaire est ajouté à votre éditeur, l'utilisateur peut survoler le formulaire et cliquer sur le bouton Modifier pour relancer l'assistant de création de formulaire.

3. Obtenez le code du formulaire
La bibliothèque javaScript JotFormAnywhere renvoie un code de formulaire afin que vous puissiez le placer sur la version active du site. Vous pouvez également obtenir des données supplémentaires telles que la largeur/hauteur du formulaire à partir de JotFormAnywhere.

Si vous avez d'autres besoins, contactez-nous. Nous serons heureux de mettre en œuvre des fonctionnalités supplémentaires pour prendre en charge une intégration plus précise.

Y a-t-il des exigences ou des restrictions ?

Vous pouvez utiliser Jotform Anywhere sans autorisation. Vous n'aurez pas besoin d'obtenir une clé API ou de remplir une demande. Copiez et collez simplement les exemples de code et vous serez paré.

Il n'y a aucune restriction d'utilisation. Vous pouvez le placer sur n'importe quelle page de votre application web.

Mes utilisateurs doivent-ils créer un compte Jotform ?

Non, il n'est pas nécessaire d'avoir un compte Jotform pour créer des formulaires ou recevoir les soumissions par email. Dans la mesure où ils vont entrer une adresse email pour obtenir leurs soumissions de formulaires, nous acceptons l'adresse email comme une inscription et nous créons des comptes invités en arrière-plan.

Pourquoi utiliser Jotform Anywhere ?

Si vous avez une plate-forme sur laquelle les utilisateurs demandent à pouvoir créer des formulaires sur leurs pages, Jotform Anywhere est un excellent moyen de leur fournir cette fonctionnalité.

Comment faire si j'ai d'autres questions ?

N'hésitez pas à nous contacter. Nous serons ravis de répondre à vos questions et si vous avez besoin d'aide supplémentaire, nous vous assignerons un développeur pour vous aider à réaliser l'intégration.

Charger la bibliothèque javascript JotformAnywhere

  <script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>

Après avoir chargé le script ci-dessus, vous pouvez utiliser l'objet JotformAnyhere. Cet objet JS fournit les méthodes nécessaires pour permettre aux sites web de créer et d'incorporer des formulaires via Jotform.

Methods

JotFormAnywhere.launchFormBuilder

Si aucune option n'est fournie, JotformAnywhere.launchFormBuilder ouvrira une boîte modale comprenant l'iframe fourni par Jotform. Tout le processus de création/modification de formulaire est effectué à l'intérieur de cette iframe.

Vous appellerez très probablement cette méthode en tant que rappel d'un événement au clic.

Exemple

JotFormAnywhere.launchFormBuilder({
builderMaskColor: "#FFFFFF"
})

Paramètres

Options

JotFormAnywhere.insertForm

JotformAnywhere.insertForm créé une section div avec id "jotform_form_container_{formID}" et intègre le formulaire dedans.

L'utilisation de cette méthode pour mettre un formulaire dans votre page web est fortement recommandée aussi bien au cours du développement qu'une fois en ligne.

Exemple

JotFormAnywhere.insertForm({
formID: "30647084188965",
insertTo: "#formHere",
putEditButton: false,
putDeleteButton: false
})

Paramètres

Options

JotFormAnywhere.createInstantForm

En utilisant la méthode JotformAnywhere.createInstantForm, vous pouvez demander à la bibliothèque JotformAnywhere de créer un formulaire immédiatement après le chargement du fichier javascript. Notez que l'appel de cette méthode publiera l'événement jotform.formCreated, auquel vous pouvez vous abonner.

Exemple

JotFormAnywhere.createInstantForm({
email: "me@example.com",
templateName: "contact-us"
})

Paramètres

Options

JotformAnywhere.editForm

Vous pouvez ouvrir l'écran d'édition des formulaires insérés avec cette méthode afin que les utilisateurs n'aient pas à modifier leurs formulaires via le bouton "Modifier le formulaire".

Exemple

JotFormAnywhere.editForm(
"31343042093342"
)

Paramètres

Cette méthode ne requiert qu'un seul paramètre obligatoire en tant que form-id

JotFormAnywhere.deleteForm

Vous pouvez supprimer les formulaires insérés avec cette méthode afin que les utilisateurs n'aient pas à supprimer leurs formulaires via le bouton "Supprimer le formulaire".

Exemple

JotFormAnywhere.deleteForm(
"31343042093342"
)

Paramètres

Cette méthode ne requiert qu'un seul paramètre obligatoire en tant que form-id

JotFormAnywhere.subscribe

La méthode JotformAnywhere.subscribe rattache le gestionnaire à un événement défini par la bibliothèque JS et appelle votre rappel lorsque l'événement se déclenche.

Exemple

Vous voudrez probablement recevoir les données associées lorsque le formulaire est créé avec succès sur Jotform.

JotFormAnywhere.subscribe("jotform.formCreated", 
function(response){
console.log("Form is created with properties:", response)
}
)

Ou quand le formulaire a été mis à jour

JotFormAnywhere.subscribe("jotform.formUpdated", 
function(response){
console.log("Form is updated with properties:", response)
}
)

Événements

Evènements généraux auxquels vous pouvez vous abonner :

• jotform.formCreated - déclenché quand un formulaire est créé sur Jotform
• jotform.formUpdated - déclenché lorsque le formulaire est modifié et enregistré sur Jotform
• jotform.formDeleted - déclenché lorsque le formulaire est supprimé
• jotform.formLoaded - déclenché lorsque le formulaire iframe est complètement chargé

L'objet de réponse transmis à la fonction de rappel pour les événements formCreated et formUpdated ressemble à ce qui suit :

{
formEmbedUrl:"https://form.jotformpro.com/jsform/30654794751967">", 
height:465, 
width:320, 
formID:"30654794751967", 
}

L'objet de réponse passé dans la fonction de rappel pour les événements formDeleted et formLoaded ressemble à ce qui suit :

{
formID:"30654794751967", 
}

JotFormAnywhere.customize

Avec la méthode JotformAnywhere.customize, vous pouvez personnaliser les couleurs par défaut de l'iframe Jotform

Exemple

JotFormAnywhere.customize({
formBuilderBarColor: "#FFFFFF",
primaryButtonColor: "#FF00FF",
primaryButtonHoverColor: "blue"
})

Paramètres

Options