Points clés à retenir
- Le formulaire de contact par défaut de Shopify te donne Nom, E-mail, Téléphone et Message — créé en attribuant un modèle de page à “contact”.
- Pour des champs personnalisés (liste déroulante, boutons radio, téléchargement de fichiers), utilise une application de formulaire ou intègre un formulaire tiers.
- Options populaires : Hulk Form Builder, Powerful Contact Form Builder, Typeform, JotForm.
- Fudge peut créer un formulaire de contact natif personnalisé avec tous les champs dont tu as besoin.
Pour ajouter un formulaire de contact dans Shopify, crée une page et assigne le modèle contact ; Shopify ajoute un formulaire avec Nom, E-mail, Téléphone et Message. Pour des champs personnalisés, utilise une application, un outil de formulaire intégré ou une section personnalisée.
Comment créer un formulaire de contact personnalisé sur Shopify
Le formulaire de contact intégré
Shopify propose un formulaire de contact simple via son système de modèles de page.
Étape 1 - Va dans Boutique en ligne → Pages → Ajouter une page
Étape 2 - Donne un titre à la page (ex. : “Nous contacter”)
Étape 3 - Dans le menu déroulant Modèle de thème (en bas à droite), sélectionne “page.contact” (ou similaire — le nom varie selon le thème)
Étape 4 - Enregistre la page
Cela crée une page avec un formulaire contenant : Nom, E-mail, Téléphone (facultatif) et Message. Les soumissions vont à l’adresse e-mail de l’expéditeur de ta boutique.
Limitation : Tu ne peux pas ajouter de champs personnalisés à ce formulaire sans modifier le code du thème. Les champs sont codés en dur dans la section du formulaire de contact de ton thème (sections/contact-form.liquid dans Dawn).
Pour la configuration de la page elle-même, consulte Créer une nouvelle page sur Shopify.
Ajouter des champs personnalisés avec une application de formulaire
Pour des champs personnalisés sans coder, le Shopify App Store propose plusieurs constructeurs de formulaires bien notés :
Hulk Form Builder — forfait gratuit disponible, constructeur en drag-and-drop, prend en charge la plupart des types de champs, envoie les soumissions par e-mail et peut s’intégrer à Klaviyo.
Powerful Contact Form Builder — fonctionnalités similaires avec une UX légèrement différente.
Jotform / Typeform — plateformes de formulaires tierces avec leur propre constructeur. Intègre-les en tant qu’iframe ou via leurs intégrations Shopify. Des formulaires de meilleure qualité et plus d’options de logique conditionnelle, mais les données sont stockées en dehors de Shopify.
Configuration générique pour les applications de formulaire :
- Installe l’application depuis le Shopify App Store
- Crée ton formulaire dans l’éditeur de l’application (ajoute des champs, définis ceux requis/facultatifs, choisis les types de champs)
- Intègre le formulaire sur ta page de contact via un bloc d’application ou en collant le code d’intégration dans l’éditeur de contenu de la page
Pour les formulaires qui affichent des champs en fonction des réponses précédentes, consulte Ajouter une logique conditionnelle aux formulaires Shopify.
Quels champs inclure dans un formulaire de contact
Les bons champs dépendent de ton cas d’usage. Plus de champs = plus de friction = moins de soumissions. Ne demande que ce dont tu as vraiment besoin pour bien répondre.
Formulaire de contact standard :
- Nom (requis)
- E-mail (requis)
- Message (requis)
- Liste déroulante pour le sujet ou le type de demande (facultatif mais aide pour le tri)
Formulaire de demande B2B :
- Nom de l’entreprise (requis)
- Nom du contact (requis)
- E-mail (requis)
- Téléphone
- Liste déroulante du type d’entreprise / secteur d’activité
- Volume de commande mensuel estimé
- Message
Demande de personnalisation de produit :
- Nom, E-mail (requis)
- Nom du produit (liste déroulante ou texte)
- Détails de la personnalisation (zone de texte)
- Téléchargement de fichiers pour des images de référence
Formulaire de service client :
- Nom, E-mail (requis)
- Numéro de commande
- Type de problème (liste déroulante : article endommagé, mauvais article, problème d’expédition, autre)
- Description
Pour les images de référence et autres pièces jointes, consulte Ajouter un champ de téléchargement de fichier dans Shopify.
Créer un formulaire personnalisé natif avec Fudge
Si tu veux un formulaire de contact qui correspond parfaitement au design de ton thème — avec tes polices, couleurs et mise en page — sans qu’une application externe n’ajoute son propre CSS, Fudge peut le créer de manière native.
Décris exactement ce dont tu as besoin à Fudge:
“Crée un formulaire de demande B2B sur ma page Contact avec des champs pour : nom de l’entreprise, nom du contact, e-mail, téléphone, type d’entreprise (liste déroulante : magasin physique, en ligne, les deux), et volume de commande mensuel estimé. Adapte le style à mon thème.”
Fudge génère le HTML, CSS et Liquid sous forme de section native. Aucune application externe, aucun conflit de style, aucun script supplémentaire sur ta page.
Pour des pages entières créées de la même manière, consulte le Fudge Page Builder.
Où vont les soumissions des formulaires de contact Shopify ?
Par défaut, les soumissions du formulaire de contact sont envoyées à l’adresse e-mail de l’expéditeur de ta boutique.
Changer le destinataire : Le formulaire intégré de Shopify envoie toujours à l’adresse e-mail de l’expéditeur de ta boutique. Si tu as besoin que les soumissions aillent à une adresse e-mail différente (ou à plusieurs adresses), utilise une application de formulaire — elles proposent des destinataires configurables.
Stocker les soumissions dans Shopify : Shopify n’a pas de boîte de réception native pour les soumissions. Pour enregistrer les données des formulaires dans Shopify, tu auras besoin d’une application ou d’une intégration basée sur des webhooks (envoyer les formulaires vers Google Sheets via Zapier est une option très populaire).
Prévention du spam sur les formulaires de contact Shopify
Shopify protège son formulaire de contact natif avec hCaptcha, que tu peux activer dans Boutique en ligne → Préférences → Protection contre le spam.
Les applications de formulaire incluent généralement leur propre option de CAPTCHA. Si tu crées un formulaire personnalisé avec Fudge, demande simplement d’ajouter une protection contre le spam.
FAQ
Puis-je ajouter des champs personnalisés au formulaire de contact intégré de Shopify ?
Pas sans coder. Les champs du formulaire intégré sont codés en dur dans la section du formulaire de contact de ton thème (sections/contact-form.liquid dans Dawn). Pour ajouter des champs comme des listes déroulantes, des téléchargements de fichiers ou des boutons radio, tu dois soit modifier directement le Liquid de cette section, soit utiliser une application de création de formulaire, soit générer un formulaire personnalisé avec Fudge.
Ai-je besoin d'une application pour ajouter un formulaire de contact sur Shopify ?
Non. Chaque thème Shopify inclut un modèle de formulaire de contact intégré - il suffit de créer une page et de lui attribuer le modèle "page.contact". Tu n'as besoin d'une application que si tu veux des champs personnalisés, une logique conditionnelle, des téléchargements de fichiers, ou pour acheminer les soumissions vers plusieurs destinataires.
Comment ajouter un formulaire de contact à une page autre que /pages/contact ?
Crée une nouvelle page (Boutique en ligne → Pages → Ajouter une page) et attribue le modèle "page.contact" sous "Modèle de thème". Toute page utilisant ce modèle affichera le formulaire de contact, quel que soit l'URL (slug). Pour plusieurs formulaires distincts sur différentes pages, tu auras besoin d'une application de formulaire ou d'une section Liquid personnalisée.
Où vont les soumissions de formulaire de contact Shopify ?
Par défaut, elles sont envoyées à l'adresse e-mail de l'expéditeur de ta boutique. Shopify ne stocke pas les soumissions de formulaire dans l'interface d'administration - si tu veux une boîte de réception pour les soumissions, il te faut une application de formulaire (la plupart en incluent une) ou transférer les soumissions vers un outil comme Google Sheets via Zapier.
Puis-je envoyer les soumissions de formulaire de contact Shopify vers Klaviyo ou Mailchimp ?
Oui, mais pas à partir du formulaire intégré seul. Utilise une application de formulaire comme Hulk Form Builder qui s'intègre nativement à Klaviyo, ou transfère les soumissions via Zapier ou Shopify Flow. Pour Klaviyo spécifiquement, la configuration la plus propre est un formulaire personnalisé créé nativement dans ton thème qui envoie les données directement à l'endpoint d'abonnement de Klaviyo.
