Comment ajouter un formulaire à Yola Sitebuilder+

Yola est un outil de création de sites web intuitif qui permet aux particuliers et aux petites entreprises de créer facilement leur site. Son interface par glisser-déposer simplifie le développement web et permet de personnaliser les mises en page, d’ajouter du contenu et d’intégrer des fonctionnalités en toute simplicité.

Récupérer le code d’intégration

Pour copier le code d’intégration pour votre site web Yola, procédez comme suit :

1. Accédez à votre formulaire dans le Générateur de formulaires Jotform et cliquez sur Publier.
2. Puis, cliquez sur Plateformes dans le volet de gauche.

3. Ensuite, sélectionnez l’intégration Yola. Vous pouvez utiliser le champ de recherche pour la trouver plus facilement.

4. Sur l’écran suivant, cliquez sur le bouton Copier le code.

Intégrer le formulaire Jotform dans Yola

Une fois la connexion à votre compte Yola établie, ouvrez votre site web dans l’éditeur de site Yola Yola Sitebuikder). Pour ce faire, cliquez simplement sur le bouton Modifier le site de votre tableau de bord. Puis, suivez les étapes ci-dessous pour intégrer votre formulaire Jotform à votre site web :

1. Dans le Yola Sitebuilder, cliquez sur l’icône Plus bleue afin d’ouvrir le menu de la Bibliothèque des blocs.

2. Dans le menu de cette bibliothèque, cliquez sur Custom block (bloc personnalisé) afin d’ajouter cet élément à votre canevas.

3. Cliquez ensuite sur le bouton Add a widget (Ajouter un widget) du bloc personnalisé dans votre canevas afin d’ouvrir la fenêtre de la Bibliothèque de widgets.

4. Dans la section Media, cliquez sur le widget Embed (code d’intégration) afin d’ajouter une intégration à votre zone de travail.

5. Cliquez sur le widget Embed (code d’intégration) dans votre zone de travail, puis sur le bouton Paramètres iframe dans le menu qui s’affiche.

6. Dans la fenêtre Paramètres iframe, accédez à l’onglet Embed Code (code d’intégration) et supprimez le code d’intégration YouTube qui s’affiche par défaut.

7. Collez votre code d’intégration de formulaire Jotform, puis cliquez sur le bouton Submit (soumettre) en bas de page.

8. Cliquez sur l‘icône Enregistrer en haut du Yola Sitebuilder afin d’appliquer les modifications.

Ajuster la hauteur du formulaire intégré

L’outil de création de sites Yola supprime automatiquement la partie script du code d’intégration de votre formulaire, qui permet d’ajuster automatiquement la hauteur du formulaire intégré. Si vous intégrez un formulaire long ou un formulaire comportant plusieurs pages (dont certaines sont plus longues que d’autres) à votre site web Yola sans cette partie script, le formulaire apparaîtra tronqué en bas.

Pour résoudre ce problème, il vous suffit de définir la valeur de la propriété Hauteur à 100 % et l’attribut Défilement à Oui dans votre code d’intégration. Vous pouvez effectuer ces modifications dans les paramètres iframe du widget Embed Code (code d’intégration) du Yola Sitebuilder. N’oubliez pas de cliquer sur le bouton Soumettre en bas de la fenêtre Paramètres iframe après avoir effectué ces modifications.

Ensuite, redimensionnez le widget Embed Code (code d’intégration) en cliquant dessus et en faisant glisser la poignée de redimensionnement située en bas vers le bas, jusqu’à ce que votre formulaire soit entièrement visible. N’oubliez pas de cliquer sur le bouton Enregistrer dans le Yola Sitebuilder afin d’appliquer ces modifications.