Insérer un formulaire et le styliser

Intro

Si vous avez acquis cette formation ou que nous avons réalisé votre site, vous avez accès à une licence à vie du logiciel Fluent Forms., une extension WordPress particulièrement puissante. Nous avons donc construit ce guide en nous basant sur ce logiciel.

Vous êtes néanmoins bien entendu libre de choisir un autre logiciel si vous le souhaitez. La plupart des logiciels de formulaire fonctionnent plus ou moins sur le même principe, et le méthode d'intégration à Oxygen est toujours la même.

Créer le formulaire sur WordPress

• Dans le panneau de contrôle, cliquer sur l'onglet Fluent Forms PRO
• Cliquer sur le sous-onglet nouveau formulaire

• Cliquer sur New Blank Form

Exceptionnellement, nous laissons sur cette partie de la formation la main à l'éditeur de l'extension, qui vous explique tout aussi bien, sinon mieux comment fonctionne l'extension. Vous pouvez également consulter la documentation officielle. Les tutoriels sont en anglais, mais vous pouvez traduire une page directement sur votre navigateur.

Pour la vidéo, si vous n'êtes pas à l'aise avec l'anglais, voici une vidéo pour prendre en main Fluent Form

Intégrer votre formulaire à une page Oxygen.

• Ouvrez la page ou souhaitez intégrer le formulaire avec Oxygen, et sélectionner le conteneur dans lequel vous souhaitez le mettre.
  • A défaut, sélectionnez le conteneur inner content.

• Cliquez sur le + dans la barre d'édition (à gauche)
• Cliquez sur l'onglet Fluent Forms, puis à nouveau sur le champ fluent forms
  • ou tapez fluent forms dans la barre de recherche

• Sélectionnez l'élément de formulaire dans la barre de structure (à droite)
• Dans la barre d'édition (à gauche), sélectionnez votre formulaire.
• Patientez le temps que votre formulaire se charge

Les champs de la barre d'édition vous permettent de personnaliser certains aspect de votre formulaire. Ils fonctionnent globalement selon le même principe que ce que vous avez vu jusque là. Attention, vous pouvez juste personnaliser l'apparence des champs, pas la structure du formulaire.