Le formulaire de contact est une des pierres angulaires d’une boutique en ligne. Il permet de recueillir des messages, de gérer les demandes clients, ou encore d’établir un premier lien de confiance. Cependant, Prestashop propose par défaut un formulaire de contact standard, qui peut ne pas correspondre aux besoins spécifiques de votre activité. Si vous souhaitez ajouter ou modifier des champs pour le personnaliser, ce guide est fait pour vous.
Difficulté
Facile
Temps
60 minutes
Coût
Gratuit
Pourquoi personnaliser le formulaire de contact dans Prestashop ?
Chaque entreprise a ses particularités. Selon votre activité, il peut être essentiel de demander des informations spécifiques à vos clients pour mieux traiter leurs demandes :
- Collecter des détails techniques : Numéro de commande, produit concerné, ou type de demande.
- Faciliter le tri des requêtes : Catégoriser les messages pour orienter automatiquement les demandes.
- Améliorer l’expérience utilisateur : Ajouter un champ de commentaire ou des instructions précises pour guider vos clients.
Avec un formulaire bien adapté, vous pouvez gagner du temps et offrir une meilleure expérience à vos utilisateurs.
Étapes pour personnaliser le formulaire de contact
Voici un guide pas à pas pour modifier ou ajouter des champs dans le formulaire de contact de votre boutique Prestashop.
Ecrivez vos besoins
Avant toute modification, déterminez clairement ce dont vous avez besoin :
- Quels champs souhaitez-vous ajouter ? (Exemple : numéro de commande, produit, catégorie de demande)
- Ces champs doivent-ils être obligatoires ou facultatifs ?
Modifier les fichiers du formulaire de contact
La personnalisation du formulaire passe par des modifications dans les fichiers de votre thème Prestashop. Assurez-vous d’avoir une sauvegarde complète avant toute intervention.
1. Localisez les fichiers à modifier
Le formulaire de contact se trouve dans le fichier suivant :/themes/votre_theme/templates/contact.tpl.
2. Ajoutez un champ personnalisé
Pour ajouter un champ, insérez ce code dans le fichier contact.tpl à l’endroit approprié :
<div class="form-group">
<label for="custom_field">Numéro de commande (facultatif)</label>
<input type="text" id="custom_field" name="custom_field" class="form-control" placeholder="Entrez votre numéro de commande">
</div>
Validez et testez
Pour que les informations saisies soient transmises et enregistrées, modifiez également le contrôleur du formulaire de contact dans :/controllers/front/ContactController.php.
Ajoutez le traitement de votre champ personnalisé comme suit :
$custom_field = Tools::getValue('custom_field');
if (!empty($custom_field)) {
// Ajoutez ici une validation si nécessaire
$message .= 'Numéro de commande : ' . $custom_field . "\n";
}
Testez votre formulaire
Après avoir ajouté le champ :
- Testez votre formulaire pour vous assurer que le champ apparaît correctement.
- Vérifiez que les données saisies sont bien transmises dans les emails ou enregistrées dans le back-office.
Ajouter un module pour simplifier la personnalisation
Si vous ne souhaitez pas modifier directement les fichiers, il existe des modules Prestashop dédiés à la personnalisation des formulaires :
- Advanced Contact Form : Permet d’ajouter des champs personnalisés avec des options avancées de validation.
- Custom Contact Form Fields : Un module simple pour insérer rapidement des champs supplémentaires dans votre formulaire de contact.
Ces outils peuvent vous faire gagner du temps tout en réduisant les risques d’erreurs.
Bonnes pratiques pour un formulaire efficace
- Évitez les formulaires trop longs : Demandez uniquement les informations essentielles pour ne pas décourager vos clients.
- Ajoutez des validations claires : Indiquez précisément quels champs sont obligatoires et assurez-vous qu’ils soient correctement remplis.
- Soyez conforme au RGPD : Si vous collectez des données personnelles, informez vos utilisateurs de leur usage via une note ou une case à cocher.
Personnaliser les champs de contact dans Prestashop est une solution simple pour améliorer la gestion des demandes et l’expérience client. Que vous choisissiez une modification manuelle ou un module dédié, ces ajustements vous permettront d’optimiser votre service client en l’adaptant aux besoins spécifiques de votre entreprise.
N’attendez plus, adaptez votre formulaire et facilitez vos échanges avec vos clients dès aujourd’hui !
