Formulaires web

1. Dans quels cas utiliser un formulaire Web :

• Inscriptions : Utilisé pour s'inscrire à des événements, des newsletters, des services en ligne, etc.
• Enquêtes : Permet de recueillir des opinions, des retours d'expérience
• Traitement des candidatures : Permet de collecter et de trier les candidatures pour des emplois ou du bénévolat.
• Formulaires de demande : Pour des demandes de support technique, des demandes de remboursement, etc.

2. Avantages des formulaires Web :

• Efficacité et gain de temps : Les formulaires Web permettent d'automatiser la collecte de données, réduisant ainsi le besoin de saisie manuelle et minimisant les erreurs humaines.
• Accessibilité : Disponibles 24/7.
• Structuration des données : Les données collectées via des formulaires Web sont généralement bien structurées, facilitant leur analyse et leur traitement.
• Personnalisation : Les formulaires Web peuvent être personnalisés pour répondre aux besoins spécifiques de votre entreprise.

3. Formulaire Web et type de document

4. Créer un nouveau type de document

1. Accéder à la création d'un type de document

• Allez dans le module Personnalisation > Type de document .

2. Configurer le type de document

• Entrez le nom du type de document et sélectionnez le module approprié.
• Cochez l'option : Formulaire personnalisé.

3. Ajouter les Champs au type de document

• Une fois le type de document créé, ajoutez les champs nécessaires en spécifiant les étiquettes, les types de champs, les noms de champs, et en cochant l'option "obligatoire" pour les champs obligatoires.

Voici la visualisation du type de document :

5. Créer le formulaire Web

5.1. Remplir les informations générales

1. Titre :

• Entrez le titre de votre formulaire.
• Exemple : "Retour sur l'Atelier Sécurité des Machines".

2. Route :

• Laissez ce champ vide si vous ne souhaitez pas définir une URL spécifique pour votre formulaire. Dokos générera une URL automatiquement.

3. Sélectionner un type de document :

• Choisissez le type de document que vous avez créé.
• Exemple : Retour Atelier Securite Machines.

4. Module :

• Sélectionnez le module dans lequel le formulaire sera enregistré.
• Exemple : Module central.

5. Est un formulaire standard :

• Laissez cette option décochée si vous souhaitez utiliser des personnalisations spécifiques pour ce formulaire.

6. Introduction :

Ajoutez une introduction pour les utilisateurs.

• Exemple : "Merci de remplir ce formulaire pour nous donner votre avis sur l'atelier de sécurité des machines que vous avez suivi."

7. Champs de formulaire web :

• Cliquez sur : Obtenir le champs.

8. Pied de page :

• Ajoutez un texte de pied de page si nécessaire.
• Exemple : "Merci pour votre participation !"

5.2. Configuration des Paramètres du Formulaire Web

1. Connexion obligatoire :

• Connexion obligatoire : Cochez cette option si vous souhaitez que les utilisateurs se connectent avant de pouvoir remplir le formulaire. Cela est utile si vous voulez restreindre l'accès aux utilisateurs enregistrés.

2. Anonyme :

• Anonyme : Cochez cette option si vous souhaitez permettre des réponses anonymes. Les utilisateurs ne seront pas tenus de fournir des informations d'identification.

3. Appliquer les autorisations du document :

• Cochez cette option si vous voulez appliquer les autorisations définies dans le type de document associé au formulaire. Cela garantit que seuls les utilisateurs avec les bonnes autorisations peuvent accéder ou soumettre le formulaire.

4. Autoriser les impressions :

• Cochez cette option si vous voulez permettre aux utilisateurs d'imprimer le formulaire rempli.

5. Autoriser les formulaires incomplets :

• Cochez cette option si vous voulez permettre aux utilisateurs de soumettre le formulaire même si certains champs obligatoires ne sont pas remplis. Cela peut être utile dans certains cas où des informations partiellement remplies sont acceptables.

6. Taille Maximum des pièces jointes :

• Indiquez la taille maximale des fichiers que les utilisateurs peuvent joindre au formulaire. Par exemple, entrez 5 pour permettre des pièces jointes jusqu'à 5 Mo.

7. Filtres :

• Si vous avez plusieurs formulaires Web pour un même type de document, vous pouvez ajouter des conditions spécifiques pour afficher le bon formulaire en fonction de certains critères.
• Par exemple, vous pouvez filtrer par année ou par toute autre condition définie dans le Doctype.

8. Paramètres de la barre latérale

• Afficher la barre latérale : Cochez cette option si vous souhaitez afficher une barre latérale avec des informations ou des liens supplémentaires lorsque les utilisateurs remplissent le formulaire.

5.3. Configuration des personnalisations du formulaire Web

1. Libellé du bouton de validation

• Libellé du bouton de validation : Entrez le texte que vous souhaitez afficher sur le bouton de soumission du formulaire.
• Par exemple, "Envoyer".

2. Image de la bannière

• Image de la bannière : Cliquez sur "Joindre" pour télécharger une image de bannière qui sera affichée en haut du formulaire.

3. Après envoi du formulaire

• Titre en cas de succès : Entrez le titre qui sera affiché lorsque le formulaire sera soumis avec succès. Par exemple, "Merci pour votre retour !".

4. Lien de succès

• Lien de succès : Entrez l'URL vers laquelle vous souhaitez rediriger les utilisateurs après la soumission réussie du formulaire. Cela pourrait être une page de remerciement ou une page de confirmation.

5. Message de succès

• Message de succès : Entrez le message qui sera affiché après la soumission réussie du formulaire.
• Par exemple, "Votre soumission a été enregistrée avec succès. Nous vous contacterons bientôt."

6. Meta

• Meta-titre : Entrez un titre pour les métadonnées du formulaire. Cela peut aider pour le référencement et les aperçus des liens.
• Meta image : Cliquez sur "Joindre" pour télécharger une image qui sera utilisée comme vignette pour les aperçus des liens.
• Metadescription : Ajoutez une description pour les métadonnées du formulaire. Cela apparaîtra dans les résultats de recherche et les aperçus des liens pour fournir un résumé du formulaire.

7. Scripts / Style

• Script client : Ajoutez des scripts JavaScript personnalisés.
• CSS personnalisé : Ajoutez des styles CSS personnalisés pour ajuster l'apparence du formulaire.

5.4. Configuration des options de paiement dans le formulaire Web

1. Accepter des paiements

• Cochez la case "Accepter des paiements" pour activer les options de paiement dans votre formulaire.

2. Passerelle de paiement

• Entrez le nom de la passerelle de paiement que vous utilisez (par exemple, Stripe, PayPal, etc.). Assurez-vous que votre passerelle de paiement est configurée dans Dokos.

3. Type de paiement

Sélectionnez le type de paiement parmi les options disponibles.

4. Montant récupéré depuis un champ

• Si vous voulez que le montant à payer soit déterminé dynamiquement en fonction d'un champ spécifique du formulaire, cochez cette case et sélectionnez le champ approprié.

5. Montant

• Entrez le montant fixe à payer si vous n'utilisez pas l'option de montant récupéré depuis un champ.

6. Étiquette du bouton

• Entrez le texte que vous souhaitez afficher sur le bouton de paiement.
• Par exemple, "Payer maintenant".

7. Aide affichée sur le bouton

• Ajoutez des instructions ou des informations d'aide qui seront affichées lorsque l'utilisateur survolera le bouton de paiement.

5.5. Résultat

• Lorsque qu'un utilisateur soumet un formulaire sur le site web, les données sont enregistrées dans le type de document associé à ce formulaire.