Tutoriel RSContact! Formulaire personnalisé simple pour Joomla!

Joomla! comporte nativement un composant de contact qui vous permet de créer des fiches avec formulaires de contact permettant à vos utilisateurs de vous joindre.

Néanmoins, ce composant est assez limité, et vous pouvez parfois avoir besoin de plus de fonctionnalités.

Si vous souhaitez proposer un formulaire de contact entièrement personnalisé, vous pouvez par exemple utiliser BreezingForm qui vous permet de créer sur mesure votre formulaire.

D'un autre coté, si vous souhaitez obtenir plus de fonctionnalités que celles proposées nativement par Joomla!, mais que vous ne souhaitez pas utiliser et prendre en main une extension aussi complète que BreezingForms, vous pouvez regarder RSContact!.

Contrairement aux extensions très complètes de création de formulaires (comme BreezingForms ou RSForms), qui nécessitent un temps d'apprentissage et de mise en place important, RSContact! est un module entièrement gratuit, très simple à paramétrer et qui offre plusieurs fonctionnalités intéressantes.

Dans ce tutoriel Joomla!, nous allons voir comment installer et utiliser RSContact!.

RSContact!

Installation de RSContact!

RSContact! s'installe facilement, comme n'importe quelle extension Joomla!. Vous devez tout d'abord télécharger l'extension sur le site de l'auteur (l'extension est gratuite, mais il est nécessaire de s'enregistrer), puis vous rendez-vous dans Extensions → Gestion des extensions → Onglet "Archive à envoyer" (1) :

 Installation rscontact

Gestion des extensions Joomla!

Ici, vous devez simplement sélectionner l'archive (2) puis cliquer sur le bouton Envoyer & Installer (3).

Si tout se déroule correctement, vous obtenez le message suivant :

Installation de RSContact avec succès

RSContact! installé avec succès

Une fois le module installé, vous n'avez qu'à vous rendre dans Extensions → Gestion des modules. Normalement, un module (non-publié) a été créé, sinon vous pouvez en créer un en cliquant sur le bouton Nouveau : En éditant le module, ou en en créant un nouveau vous arrivez sur la page suivante :

Edition module RSContact!

Edition module RSContact!

Comme pour tous les modules, vous allez devoir entrer un titre (1), sélectionner une position (2), régler le statut (3), choisir les pages sur lesquelles ce module sera affiché (4) et régler les droits et les paramètres avancés (9).

Les trois onglets restants (6, 7 et 8) concernent RSContact! et vont vous permettre de paramétrer le formulaire que vous allez afficher en Frontend.

La boutique

Joomla! 3 Le livre pour tousJoomla! 3 Le Livre Pour Tous
est écrit pour toutes les personnes qui débutent avec Joomla!, ou qui possèdent déjà quelques connaissances avec les versions précédentes, et qui souhaitent construire et entretenir un site web sans avoir à entrer dans le code.

RSContact! en français

Le composant RSContact! est téléchargeable sur le site de l'auteur gratuitement et en anglais. Si vous souhaitez utiliser cette extension sur un site en français, vous pouvez télécharger le patch de langue suivant, puis l'installer comme n'importe quelle extension.

Paramétrer les différents champs du formulaire RSContact!

L'onglet Champs vous permet de paramétrer les différents champs qui vont composer votre formulaire RSContact!.

Champs standards

Les champs standards vous permettent de paramétrer l'affichage des champs comme :

  • Civilité
  • Nom
  • Adresse
  • Code Postal
  • Téléphone
  • Etc

RSContact! champs standards

RSContact! Champs standards

Vous pouvez choisir d'afficher ces champs, de ne pas les afficher, ou de les rendre obligatoires (l'utilisateur devra les remplir pour pouvoir envoyer le formulaire).

Protection anti-spam

La protection anti-spam vous permet d'afficher un Captcha sur votre formulaire, afin d'éviter les spams. Vous devrez préalablement paramétrer ce Captcha dans la configuration générale de Joomla!.

RSContact! protection anti-spam

RSContact! protection anti-spam

Champs personnalisés

La fonctionnalité champs personnalisés vous permet d'ajouter des champs (jusqu'à 3) personnalisés avec valeur prédéfinie. C'est en partie avec cette fonctionnalité que RSContact! se distingue des autres solutions de formulaire "simple".

RSContact! Champs personnalisés

RSContact! Champs personnalisés

Les possibilités sont :

  • Texbox (une ligne de saisie)
  • Textearea (une zone de saisie sur plusieurs lignes)
  • Dropdown (une liste déroulante)
  • Radio (une liste de boutons radio, à choix unique)
  • Checkbox (une liste de cases à cocher, à choix multiple)

Quelques options d'affichage pour RSContact!

L'onglet Options du formulaire vous permet de mettre en place plusieurs éléments :

  • Un texte à afficher en en-tête de votre formulaire
  • Un texte à afficher en pied de page de votre formulaire
  • L'intégration de votre CSS ou JavaScript personnalisé
  • Quelques paramètres d'affichage pour vos champs
  • Un mail de remerciement qui pourra être envoyé à l'utilisateur si vous le souhaitez

Paramétrer l'email généré par RSContact!

L'onglet Options de l'email vous permet lui de personnaliser l'email que l'administrateur (c'est à dire vous) va recevoir lorsqu'un utilisateur remplira un formulaire.

Vous pouvez donc régler :

  • Un ou plusieurs email(s)
  • Un sujet

Ce qui est intéressant est que vous allez pouvoir mettre en page le contenu de l'email avec les données que l'utilisateur aura entrées dans son formulaire.

Les différents tags disponibles sont placés sous la zone de saisie :

RSContact! Tags

RSContact! Tags

RSContact! sur le Frontend

Votre formulaire RSContact peut avoir plusieurs apparences, suivant quel template vous utilisez et en fonction de la position sur laquelle vous le publiez, voici un exemple en position-7 sur le template Protostar :

RSContact! Frontend en position-7 sur Protostar

RSContact! Frontend en position-7

Publier un formulaire RSContact! dans un article

RSContact! est un module. Par défaut, vous pouvez donc l'afficher sur n'importe quelle position de module proposée par votre template. Pour certains besoins, vous pouvez souhaitez afficher ce formulaire dans l'emplacement réservé au contenu.

Pour cela, rien de plus simple, avec la fonctionnalité {loadposition} vous pouvez insérer ce formulaire dans l'article de votre choix.

Pour cela, vous pouvez consulter le tutoriel pour insérer un module dans un article Joomla!, ainsi que le tutoriel vidéo Afficher un module dans un article article.

Notez cet article:
21
Tutoriel Joomla! | Comment créer et héberger gratu...
Gérer facilement vos réseaux sociaux avec RSSocial...

Commentaires 10

 
Guest - Daniel Zawacki le mercredi 4 février 2015 15:42

Super,
Merci Simon tes explications sont claires et précises, j'apprécie beaucoup ton travail.
Je n'ai que quelques sites à mon actif et tes ressources m'aident beaucoup.
D’ailleurs tes e-book me servent de référence
Merci
DanielZ

Super, Merci Simon tes explications sont claires et précises, j'apprécie beaucoup ton travail. Je n'ai que quelques sites à mon actif et tes ressources m'aident beaucoup. D’ailleurs tes e-book me servent de référence Merci DanielZ
Simon le mercredi 4 février 2015 15:54

Merci pour l'appréciation !

Merci pour l'appréciation !
Lan89 le mardi 10 mars 2015 11:20

Bonjour et bravo pour ton travail !

je vais mettre en place rscontact sur un site en production, j'ai quelques questions à ce sujet ...

le module répond au mode responsive ?
est ce que je peux changer la position , la hauteur et la longueur des champs ? ainsi que la couleur des textes indiqués avant la saisie ?
saisir de nouveaux champs avec des choix ( liste déroulante etc )

sinon est ce que Rs Form Pro le permet ?

Encore merci pour le travail que tu as effectué pour ce composant gratuit et ce de façon bénévole...
et si il faut que je passe en RsformPro, je n'hésiterai pas, j'utilisais avant le passage à la joomla 3.4.xx, Ckform qui me donnait toute satisfaction, il semble que la migration de ce composant développé pour la 2.5.xx n'ait pas été suivie sur la 3.4.xx

Merci par avance

Lan

Bonjour et bravo pour ton travail ! je vais mettre en place rscontact sur un site en production, j'ai quelques questions à ce sujet ... le module répond au mode responsive ? est ce que je peux changer la position , la hauteur et la longueur des champs ? ainsi que la couleur des textes indiqués avant la saisie ? saisir de nouveaux champs avec des choix ( liste déroulante etc ) sinon est ce que Rs Form Pro le permet ? Encore merci pour le travail que tu as effectué pour ce composant gratuit et ce de façon bénévole... et si il faut que je passe en RsformPro, je n'hésiterai pas, j'utilisais avant le passage à la joomla 3.4.xx, Ckform qui me donnait toute satisfaction, il semble que la migration de ce composant développé pour la 2.5.xx n'ait pas été suivie sur la 3.4.xx Merci par avance Lan
Simon le mardi 10 mars 2015 11:30

Bonjour et merci pour ton appréciation !
Pour pouvoir te répondre en détail, merci d'ouvrir un post sur le forum :
http://cinnk.com/forum

Bonjour et merci pour ton appréciation ! Pour pouvoir te répondre en détail, merci d'ouvrir un post sur le forum : http://cinnk.com/forum
Lan89 le mardi 10 mars 2015 12:50

oki dac !

danielz le mardi 10 mars 2015 13:10

Je recommande FORTEMENT les e-books de Simon (tous sans exception)
Je m'en sers comme référence à chaque fois que je travaille sur Joomla
Ton petit dernier Truc & astuce est super

DanielZ - Montréal

Je recommande FORTEMENT les e-books de Simon (tous sans exception) Je m'en sers comme référence à chaque fois que je travaille sur Joomla Ton petit dernier Truc & astuce est super DanielZ - Montréal
Simon le mardi 10 mars 2015 13:33

Merci danielz ;)

Merci danielz ;)
Lan89 le mardi 10 mars 2015 13:43
Hello sujet posté ici : http://cinnk.com/forum/extensions-joomla-3-x/977-personnalisation-des-formulaires-rscontact#7069
Guest - Yan le mercredi 13 mai 2015 10:53

Hello,
super article, mais je ne trouve pas le lien pour télécharger le patch de langue en français :(

Hello, super article, mais je ne trouve pas le lien pour télécharger le patch de langue en français :(
Guest - titouan69 le mercredi 17 juin 2015 17:46

Il est facile, mais il manque l'essentiel : l'email de la personne.... je n'ai pas vu où on le positionne....

Il est facile, mais il manque l'essentiel : l'email de la personne.... je n'ai pas vu où on le positionne....
Déjà inscrit ? Connectez-vous ici
Guest
lundi 27 mai 2019
Si vous souhaitez vous inscrire, veuillez saisir un nom d'utilisateur, mot de passe et nom.

Image Captcha

Sur ce site, nous utilisons des cookies.