L’essentiel
- Le formulaire de contact par défaut de Shopify comprend les champs Nom, E-mail, Téléphone et Message — pour le créer, il suffit d’assigner le modèle « contact » à une page.
- Pour des champs personnalisés (menu déroulant, boutons radio, upload de fichiers), utilisez une application (app) de formulaire ou intégrez un formulaire tiers.
- Options populaires : Hulk Form Builder, Powerful Contact Form Builder, Typeform, JotForm.
- Fudge peut créer un formulaire de contact natif sur mesure avec tous les champs dont vous avez besoin.
Le formulaire de contact intégré de Shopify couvre l’essentiel. Mais la plupart des boutiques en pleine croissance ont besoin de plus que le Nom, l’E-mail et le Message. Un formulaire de demande de vente en gros (wholesale) exige des champs différents d’un formulaire de demande de personnalisation de produit ou d’un formulaire de service client. Ce guide couvre toutes vos options.
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 (templates) de pages.
Étape 1 - Allez dans Boutique en ligne → Pages → Ajouter une page
Étape 2 - Donnez un titre à la page (par ex., « Nous contacter »)
Étape 3 - Dans le menu déroulant Modèle de thème (en bas à droite), sélectionnez « page.contact » (ou un nom similaire — cela varie selon le thème)
Étape 4 - Enregistrez la page
Cela crée une page avec un formulaire contenant : Nom, E-mail, Téléphone (facultatif), et Message. Les soumissions sont envoyées à l’adresse e-mail définie dans Paramètres → Général → E-mail de l’expéditeur.
Article lié : Créer une nouvelle page sur Shopify.
Article lié : Capturer les valeurs UTM dans les formulaires Shopify.
Article lié : Créer une page FAQ sur Shopify.
Limite : Vous ne pouvez pas ajouter de champs personnalisés à ce formulaire sans modifier le code de votre thème. Les champs sont codés en dur dans le template page.contact.liquid de votre thème.
Ajouter des champs personnalisés avec une application de formulaire
Pour ajouter des champs personnalisés sans coder, le Shopify App Store propose plusieurs constructeurs de formulaires (form builders) très bien notés :
Hulk Form Builder — forfait gratuit disponible, constructeur 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 (aussi par Hulk) — ensemble de fonctionnalités similaires avec une UX (expérience utilisateur) légèrement différente.
Jotform / Typeform — plateformes tierces proposant leur propre constructeur. Intégrez-les via une iframe ou grâce à leurs intégrations Shopify. Formulaires de meilleure qualité et plus d’options pour la logique conditionnelle, mais les données sont stockées en dehors de Shopify.
Configuration classique pour les apps de formulaire :
- Installez l’app depuis le Shopify App Store
- Construisez votre formulaire dans l’éditeur de l’app (ajoutez des champs, définissez les champs obligatoires/facultatifs, choisissez le type des champs)
- Intégrez le formulaire sur votre page de contact via un app embed ou en collant le code d’intégration (embed code) dans l’éditeur de contenu de la page
Article lié : Ajouter une logique conditionnelle aux formulaires Shopify.
Quels champs inclure dans un formulaire de contact
Les champs que vous choisissez dépendent de votre cas d’usage. Plus de champs = plus de friction = moins de soumissions. Ne demandez que ce dont vous avez vraiment besoin pour bien répondre à la demande.
Article lié : Ajouter un champ d’upload de fichier sur Shopify.
Formulaire de contact standard :
- Nom (obligatoire)
- E-mail (obligatoire)
- Message (obligatoire)
- Menu déroulant (dropdown) pour le sujet ou le type de demande (facultatif mais utile pour le routage)
Formulaire de vente en gros (wholesale) :
- Nom de l’entreprise (obligatoire)
- Nom du contact (obligatoire)
- E-mail (obligatoire)
- Téléphone
- Menu déroulant pour le type d’entreprise / secteur d’activité
- Volume de commande mensuel estimé
- Message
Demande de personnalisation de produit :
- Nom, E-mail (obligatoires)
- Nom du produit (menu déroulant ou texte)
- Détails de la personnalisation (zone de texte / textarea)
- Upload de fichiers pour les images de référence
Formulaire pour le service client :
- Nom, E-mail (obligatoires)
- Numéro de commande
- Type de problème (menu déroulant : article endommagé, mauvais article, problème de livraison, autre)
- Description
Créer un formulaire personnalisé natif avec Fudge
Si vous souhaitez un formulaire de contact qui corresponde parfaitement au design de votre thème — avec vos polices, vos couleurs et votre mise en page — sans qu’une app externe n’entre en conflit avec son propre CSS, Fudge est la meilleure option.
Décrivez exactement ce dont vous avez besoin de façon naturelle à 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 de commerce (menu déroulant : magasin physique, en ligne, les deux), et volume de commande mensuelle estimé. Adapte le style pour que ça colle à mon thème. »
Fudge génère le HTML, le CSS, et le Liquid sous forme de section native. Aucune app externe, aucun conflit de styles, et aucun script supplémentaire chargé sur votre page.
Article lié : Créateur de page (Page Builder) Fudge.
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 configurée dans Paramètres → Général → E-mail client (le champ « E-mail de l’expéditeur »).
Changer le destinataire : Le formulaire intégré de Shopify envoie toujours un e-mail à l’adresse de notification de votre boutique. Si vous avez besoin que les soumissions aillent vers une adresse différente (ou plusieurs adresses e-mail), utilisez une application de formulaire — elles offrent le choix des destinataires.
Stocker les soumissions sur Shopify : Shopify n’a pas de boîte de réception native pour les soumissions de formulaires. Pour enregistrer les données d’un formulaire dans Shopify, vous aurez besoin d’une app ou d’une intégration basée sur des webhooks (envoyer les réponses vers Google Sheets via Zapier est une excellente option).
Prévention du SPAM sur les formulaires de contact Shopify
Le formulaire de contact natif de Shopify intègre de base une protection anti-spam avec honeypot. Les applications de formulaires tierces incluent généralement leur propre système de filtrage.
Pour avoir la meilleure protection possible, ajoutez hCaptcha ou Google reCAPTCHA à votre formulaire. La plupart des apps de formulaires le proposent en option. Si vous créez un formulaire sur mesure avec Fudge, précisez simplement que vous souhaitez inclure une protection contre le SPAM.
