Aller au contenu principal

11 - Afficher le formulaire sur le site

Un formulaire s'affiche de deux façons : sur sa propre page, par un élément de menu, comme un article ; ou dans une page existante, par le module Formulus.

Sur sa propre page : l'élément de menu

  1. Menus → votre menu → Nouveau.
  2. Type d'élément de menu → Formulus → Formulaire.
  3. Dans la liste Formulaire, choisissez-le par son titre. Seuls les formulaires publiés sont proposés.
  4. Donnez un titre à l'élément et enregistrez.

L'adresse de la page vient de l'alias de l'élément de menu, comme partout dans Joomla.

Un formulaire sans entrée de menu visible

Pour mener au formulaire depuis un bouton (« Demander un devis » en bas d'une page de service) sans l'ajouter à la navigation, créez l'élément dans un menu caché : un menu qui n'est publié dans aucun module. L'adresse existe, les liens peuvent y mener.

Dans une page existante : le module Formulus

Pour poser un formulaire dans une colonne, en bas de chaque page ou sous un article, utilisez le module livré avec Formulus.

  1. Contenu → Modules du site → Nouveau → Formulus.
  2. Dans la liste Formulaire, choisissez-le par son titre.
  3. Niveau du titre : le niveau du titre du formulaire dans la page, de H2 à H6. Choisissez-le d'après les titres qui l'entourent : sous un article dont les intertitres sont en H2, prenez H3. Les titres des rangées prennent le niveau suivant.
  4. Choisissez une position et les pages où il s'affiche (onglet Affectation des menus), puis enregistrez.

Le module affiche exactement ce qu'affiche la page du formulaire : les mêmes champs, les mêmes messages d'erreur, la même protection, le même CSS personnalisé. Après l'envoi, le visiteur reste sur la page où il était : le message de remerciement, ou le résumé des erreurs, s'affiche à la place du formulaire, dans le module.

Le module a son propre titre, celui de Joomla. Le formulaire a déjà le sien : laissez le titre du module sur Masquer, sinon la page en montre deux.

Le plus simple pour poser un formulaire au milieu d'un article est le bouton de l'éditeur : voir le chapitre Poser un formulaire dans un article. Ce qui suit reste valable si vous préférez le faire à la main.

Pour placer le module au milieu d'un article, donnez-lui une position qui n'existe pas dans le template (par exemple formulus-contact), puis écrivez {loadposition formulus-contact} dans l'article.

Un formulaire dépublié, réservé à un autre niveau d'accès ou à une autre langue ne s'affiche pas : le module reste vide, rien ne casse.

Ce que montre la page

Dans l'ordre : le titre de la page si l'élément de menu en demande un, le titre du formulaire, son texte d'introduction, le formulaire, puis son texte de fin. Les champs sortent dans l'ordre de la liste de l'onglet Champs, même un champ que vous avez rangé dans un autre groupe de champs. Le titre du formulaire peut être masqué (onglet Textes, Afficher le titre) : il reste alors lu par les lecteurs d'écran. Après l'envoi, le formulaire laisse la place au message de remerciement, et le focus s'y pose : le visiteur sait tout de suite que c'est parti.

Un site en plusieurs langues

Un formulaire a une langue (onglet Textes), comme un article. Faites un formulaire par langue, chacun avec ses libellés, et un élément de menu (ou un module) par langue.

Le template

Formulus emprunte la grille, les champs et les boutons de votre template : sous Corpus, ses messages d'alerte et ses fonds de section ; sous Cassiopeia ou un autre template Bootstrap, les alertes et les couleurs de Bootstrap. Vous n'avez rien à régler, et changer de template change le formulaire avec le reste du site.

À jour pour Formulus 1.0.602.