Comment personnaliser les champs de contact dans le formulaire de Prestashop

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é :

				
					
    <label for="custom_field">Numéro de commande (facultatif)</label>
    <input type="text" id="custom_field" name="custom_field" placeholder="Entrez votre numéro de commande">

				
			

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 :

1. Testez votre formulaire pour vous assurer que le champ apparaît correctement.
2. 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 !

Voir aussi : champ téléphone obligatoire dans prestashop