Formulaires

Sur un site internet, les demandes de contact sont très souvent présentées sous la forme de formulaire à l’utilisateur. La Figure 4.14 en montre un exemple standard sur un site web. Flexo CMS vous propose par le biais de la section Formulaires de créer des formulaires personnalisés répondant aux besoins de vos utilisateurs, mais également aux vôtres.

Pour créer un nouveau formulaire de contact, rendez-vous dans la section Contacts ⇒ Formulaires, ce qui listera l’entièreté des formulaires du site comme le montre la Figure 4.15. Utilisez ensuite le bouton d’ajout rapide.

Cette action ouvrira l’outil d’édition de formulaire montré aux Figure 4.16-Figure 4.17. Ci-après sont listés les différents champs de l’outil d’édition de formulaires et une brève description est apportée à chacun.

• Envoyer les e-mails de contact à (requis) : lorsqu’un formulaire de contact est soumis sur le site internet géré, il apparaît dans l’onglet Contacts ⇒ Contacts de Flexo CMS mais est également envoyé à une ou plusieurs adresse(s) e-mail. Ce champ sert à indiquer quelle(s) adresse(s) e-mail de destination sera-ont utilisée(s) pour l’envoi des formulaires de contact. Plusieurs adresses peuvent y être entrées, simplement en les séparant leurs entrées par une pression de la touche Enter ;
• Référence du template mail à utiliser (requis) : les formulaires de contact envoyés à l’adresse (ou aux adresses) mentionnée(s) au champ précédent suivent un template précédemment défini. La liste des templates est accessible par les paramètres de la barre d’outils de Flexo CMS en y sélectionnant Configuration ⇒ Canevas d’email. Le champ ici à entrer est une référence de template d’e-mail (champ TemplateRef) de la liste des templates disponibles ;
• Référence du template e-mail de réponse au client (facultatif) : lorsqu’un utilisateur remplit un formulaire de contact sur le site, une réponse est générée par e-mail. Comme pour l’e-mail de réception de formulaire, un style type peut être assigné à cette confirmation en renseignant l’identifiant d’un template e-mail précédemment défini (étant toujours accessible depuis le menu des configurations, comme au point précédent) ;
• Informations générales (facultatives) : les informations générales se composent de divers champs :
  • Nom : le nom du formulaire, servant à le repérer efficacement dans la liste des formulaires créés
  • Sujet du mail : la valeur prise afin de remplir l’objet des e-mails envoyés aux contacts
  • Message après envoi du contact : un message affiché sur la page web de contact une fois le formulaire de contact envoyé

Une fois les informations sur le formulaire de contact complétées, l’outil d’édition de formulaire de Flexo CMS permet de choisir les champs que le formulaire créé devra contenir. Á la Figure 4.17, une liste de ces champs est donnée. Ils sont séparés selon 2 colonnes :

• Les préférences d’affichage : permettant la sélection des champs que l’on veut voir proposés à l’utilisateur remplissant le formulaire de contact ;
• Les préférences de champs obligatoires : permettant de sélectionner les champs requis pour l’envoi du formulaire de contact.

Pour sélectionner les informations désirées dans le formulaire créé, cochez simplement les cases de sélection relatives aux champs voulus (situées à gauche, cf. Figure 4.17).

Une fois les informations requises complétées et les champs du formulaire correctement choisis, le formulaire de contact peut être enregistré à l’aide d’un des boutons d’enregistrement montrés à la Figure 4.16.

Remarque : il est vivement conseillé de choisir un nom adéquat au formulaire créé ainsi que de l’agrémenter d’une description précise et concise pour en faciliter la compréhension.

Á tout moment, si vos droits définis par votre rôle vous le permettent, vous pouvez modifier un formulaire précédemment créé dans la liste des formulaires de contact. Pour ce faire, il suffit de cliquer sur l’id de la donnée devant être modifiée ou d’accéder à éditer dans le menu d’actions rapides situé à droite de l’entrée dans la liste. Une fois cette action effectuée, l’outil d’édition du formulaire comme précédemment présenté s’affichera, permettant la modification de tous les champs présentés au point précédent.

Une fois le formulaire de contact créé, il faut encore le déployer sur le site web géré par Flexo CMS. Pour ce faire, utilisez la commande :

?? @Html.FormWidget(IDFormulaire)

au sein du contenu d’une page du site web. Dans cette commande, IDFormulaire est l’identifiant du formulaire qui est déployé, montré à la Figure 4.15. L’édition du contenu d’une page du site web est étudié dans le “Module Pages”.