Comment modifier le formulaire de contact sur Prestashop ?

1. Comment modifier les champs du formulaire de contact PrestaShop via le fichier contact-form.tpl

Le formulaire de contact natif de PrestaShop est généré à partir du fichier contact-form.tpl dans le dossier de votre thème. Vous pouvez le modifier pour ajouter, supprimer ou réorganiser les champs selon vos besoins spécifiques.

Pensez à sauvegarder une copie avant modification. Vous pouvez insérer de nouveaux champs HTML et adapter les classes CSS existantes pour préserver la mise en page responsive. Une fois les modifications effectuées, videz le cache de PrestaShop pour les voir apparaître sur la boutique.

2. Modifier les traductions du formulaire de contact PrestaShop pour les adapter à votre ton de communication

Pour personnaliser le libellé des champs, des boutons ou des messages d’erreur, utilisez l’outil de traduction natif. Allez dans International > Traductions > Traductions des modules installés, puis sélectionnez "formulaire de contact".

Vous pouvez y changer les textes par défaut comme "Message", "Envoyer", ou "Objet". C’est essentiel pour harmoniser le ton de votre site avec votre image de marque. Cela permet également de corriger les incohérences ou d’adapter les champs à un public international.

3. Ajouter un champ personnalisé au formulaire de contact PrestaShop sans module externe

Pour ajouter un champ (ex. numéro de commande, entreprise), vous devez modifier à la fois le fichier contact-form.tpl pour l’affichage, et le contrôleur ContactController.php pour la validation. Cette opération nécessite des bases en PHP et en HTML.

Une fois le champ ajouté dans le template, pensez à le déclarer côté serveur pour qu’il soit pris en compte et validé lors de la soumission du formulaire. Cette méthode est efficace mais nécessite des compétences techniques. Une alternative simple consiste à utiliser un module dédié à la création de formulaires.

4. Changer l’adresse e-mail de réception du formulaire de contact dans PrestaShop

Par défaut, les messages du formulaire sont envoyés à l’adresse configurée pour le contact sélectionné. Pour la modifier, allez dans Clients > Contacts, puis éditez ou ajoutez un contact avec l’adresse e-mail souhaitée.

Vous pouvez créer plusieurs contacts (SAV, technique, commercial) et configurer chaque adresse de réception. Cette personnalisation permet de mieux gérer les demandes entrantes et de rediriger les messages automatiquement vers les bons interlocuteurs internes à votre entreprise.

5. Ajouter une case à cocher RGPD au formulaire de contact PrestaShop facilement

Pour être conforme au RGPD, vous devez ajouter une case de consentement explicite à votre formulaire de contact. Cela peut être fait en modifiant le fichier contact-form.tpl, ou plus simplement via un module comme GDPR Contact Form.

Cette case doit être non pré-cochée, et son message doit renvoyer vers votre politique de confidentialité. Vous devez également empêcher l’envoi du formulaire si la case n’est pas cochée, ce qui nécessite une validation côté client (JavaScript) et côté serveur (PHP).

6. Remplacer le formulaire de contact natif de PrestaShop par un module personnalisé plus flexible

Si le formulaire de contact natif est trop limité, vous pouvez le remplacer par un module avancé comme Contact Form Ultimate ou Form Builder Pro. Ces modules offrent des options comme les pièces jointes, la protection anti-spam, les champs conditionnels, etc.

L’installation est simple depuis le back-office via Modules > Module Manager, et vous pouvez ensuite désactiver le formulaire natif pour éviter les doublons. Ces solutions sont idéales pour les besoins complexes, comme les demandes de devis ou les services clients multilingues.

7. Modifier le style CSS du formulaire de contact PrestaShop pour l’adapter à votre charte graphique

Pour personnaliser l’apparence du formulaire (boutons, champs, couleurs), vous devez modifier les fichiers CSS de votre thème. Repérez les classes utilisées dans contact-form.tpl, puis ajoutez vos styles dans custom.css ou theme.css.

Cela vous permet d’adapter le design à votre charte graphique, de rendre le formulaire plus lisible ou plus moderne. Attention à ne pas écraser les classes globales de PrestaShop et à tester vos changements sur mobile pour garantir la compatibilité responsive.

8. Ajouter une pièce jointe au formulaire de contact PrestaShop sans tout casser

L’ajout d’un champ de pièce jointe demande de modifier le template et le contrôleur de formulaire pour gérer l’upload de fichier, la sécurité, et la gestion du type MIME autorisé. Il est préférable de passer par un module dédié si vous n’avez pas de compétences techniques solides.

Des modules comme Contact Form with Attachment vous permettent de gérer cela sans risque. Vous pouvez définir la taille maximale des fichiers, les extensions autorisées (PDF, JPG, DOCX…) et sécuriser le répertoire de stockage sur votre serveur.

9. Modifier le message de confirmation après envoi du formulaire de contact sur PrestaShop

Après l’envoi réussi d’un message, PrestaShop affiche une confirmation. Ce texte peut être modifié dans International > Traductions > Traductions des thèmes ou dans le code source du contrôleur ContactController.php.

Changer ce message vous permet d’ajouter une touche personnalisée ou de proposer des liens utiles (ex. : "Merci, nous reviendrons vers vous sous 24h. Consultez notre FAQ en attendant."). C’est un bon moyen de prolonger l’interaction client même après l’envoi du message.

10. Afficher le formulaire de contact PrestaShop dans une autre page que contact-us

Le formulaire natif est limité à la page /contact-us, mais vous pouvez l’insérer dans une autre page CMS en copiant le code HTML/PHP ou en utilisant un module de formulaire avec shortcode. Cela permet de créer des formulaires dédiés à des pages spécifiques comme "Demande de partenariat".

Certains modules proposent même un générateur de formulaire avec bouton d’intégration. C’est très pratique pour les campagnes spécifiques ou les landing pages, sans devoir modifier manuellement les fichiers du cœur de PrestaShop.