Guide d’installation 2.0 de PrestaShop Form Studio<\/b><\/h2>\nConfiguration requise<\/b><\/h3>\n
Avant d’installer le module, v\u00e9rifiez que votre environnement r\u00e9pond aux exigences suivantes\u00a0:<\/span><\/p>\n \u00c9tape 1 \u2013 T\u00e9l\u00e9charger le module\u00a0:<\/b> Connectez-vous \u00e0 votre back-office PrestaShop. Acc\u00e9dez \u00e0 Modules > Gestionnaire de modules et cliquez sur Importer un module (en haut \u00e0 droite). S\u00e9lectionnez le fichier ZIP t\u00e9l\u00e9charg\u00e9 depuis Knowband et cliquez sur Ouvrir. PrestaShop importera et extraira automatiquement les fichiers.<\/span><\/p>\n \u00c9tape 2 \u2013 Installation\u00a0:<\/b> Une fois le fichier t\u00e9l\u00e9charg\u00e9, cliquez sur Installer lorsque vous y \u00eates invit\u00e9. Apr\u00e8s l’installation, vous serez redirig\u00e9 vers la page de configuration du module.<\/span><\/p>\n \u00c9tape 3 \u2013 Localiser si n\u00e9cessaire\u00a0:<\/b> Si le module n’appara\u00eet pas automatiquement, recherchez \u00ab Form Studio \u00bb dans la barre de recherche du Gestionnaire de modules et cliquez sur Configurer.<\/span><\/p>\n 3.0 Probl\u00e8mes d’installation courants<\/b><\/p>\n La premi\u00e8re chose que vous voyez \u00e0 l’int\u00e9rieur du module est le bouton permettant d’activer ou de d\u00e9sactiver le <\/span>Module de cr\u00e9ation de sondages PrestaShop<\/b>Lorsque le module est activ\u00e9, tous les formulaires actifs sont visibles sur le site. Le d\u00e9sactiver masque tous les formulaires aux visiteurs sans supprimer aucune configuration.<\/span><\/p>\n La section \u00ab\u00a0Param\u00e8tres de messagerie\u00a0\u00bb contr\u00f4le la mani\u00e8re dont votre boutique communique avec les administrateurs et les clients apr\u00e8s la soumission d’un formulaire.<\/span><\/p>\n Activer les mod\u00e8les d’e-mail<\/b>Vous pouvez activer ou d\u00e9sactiver le mod\u00e8le d’e-mail pr\u00e9d\u00e9fini dans les param\u00e8tres. <\/span>Cr\u00e9ateur de formulaires PrestaShop<\/b><\/a>Si ce module est activ\u00e9, les courriels seront envoy\u00e9s selon le mod\u00e8le pr\u00e9d\u00e9fini, avec toutes les variables.<\/span><\/p>\n Contenu du courriel de l’administrateur\u00a0: <\/b>Ce<\/span> Il s’agit de l’e-mail que votre \u00e9quipe re\u00e7oit lorsqu’un utilisateur soumet un formulaire. Vous pouvez personnaliser l’objet, le corps et la mise en forme selon l’identit\u00e9 visuelle de votre boutique gr\u00e2ce \u00e0 l’\u00e9diteur de texte enrichi. Vous pouvez \u00e9galement ajouter dynamiquement les variables du mod\u00e8le, telles que le nom de l’exp\u00e9diteur, son adresse e-mail et les valeurs des champs du formulaire, en cliquant sur l’onglet correspondant dans la section \u00ab\u00a0Variables du mod\u00e8le\u00a0\u00bb.<\/span><\/p>\n Contenu du r\u00e9pondeur automatique<\/b>Le contenu de la r\u00e9ponse automatique est l’e-mail de confirmation envoy\u00e9 automatiquement au client apr\u00e8s l’envoi d’un formulaire. Vous pouvez l’utiliser pour pr\u00e9ciser les attentes, indiquer les prochaines \u00e9tapes ou simplement remercier le client de sa d\u00e9marche.<\/span><\/p>\n R\u00e9pondre \u00e0 l’e-mail<\/b>: Le contenu des e-mails de r\u00e9ponse contr\u00f4le le format des r\u00e9ponses manuelles envoy\u00e9es par les administrateurs directement depuis le panneau de soumission des formulaires dans le back-office.<\/span><\/p>\n Les trois mod\u00e8les d’e-mails dans <\/span>Cr\u00e9ateur de sondages PrestaShop<\/b> Prise en charge de la mise en forme de texte enrichi, notamment le gras, l’italique, les liens, les listes et le HTML, pour que vos e-mails correspondent \u00e0 votre boutique sans d\u00e9veloppement personnalis\u00e9.<\/span><\/p>\n Le spam repr\u00e9sente un v\u00e9ritable probl\u00e8me pour tout formulaire public. Le module int\u00e8gre <\/span>protection anti-spam de PrestaShop<\/b> avec Cloudflare Turnstile, l’un des syst\u00e8mes de protection anti-spam les plus efficaces et conviviaux du march\u00e9. Contrairement aux CAPTCHA traditionnels, qui frustrent les utilisateurs l\u00e9gitimes,\u00a0<\/span><\/p>\n Pour activer la d\u00e9tection de spam, activez l’option \u00ab\u00a0Activer Cloudflare Turnstile\u00a0\u00bb, puis saisissez votre cl\u00e9 de site et votre cl\u00e9 secr\u00e8te. <\/span>Tableau de bord Cloudflare<\/b>Le th\u00e8me du widget peut \u00eatre d\u00e9fini sur Automatique, Clair ou Sombre en fonction du design de votre boutique.<\/span><\/p>\n Une fois activ\u00e9e, vous pouvez \u00e9galement ajouter le <\/span>Champ de tourniquets Cloudflare<\/b> directement dans les formulaires individuels, en utilisant les options de champ de saisie du g\u00e9n\u00e9rateur de formulaires.<\/span><\/p>\n \u00c9tapes pour g\u00e9n\u00e9rer une cl\u00e9 secr\u00e8te et une cl\u00e9 de site\u00a0<\/span><\/p>\n Cliquez \u00e0 nouveau sur <\/span>Ajouter un nouveau formulaire<\/b> Pour commencer, chaque formulaire poss\u00e8de sa propre configuration ind\u00e9pendante, ce qui signifie que vous pouvez ex\u00e9cuter simultan\u00e9ment diff\u00e9rents formulaires avec des param\u00e8tres diff\u00e9rents sur diff\u00e9rentes pages de votre boutique.<\/span><\/p>\n Le panneau de cr\u00e9ation de formulaire comprend les champs suivants\u00a0:<\/span><\/p>\n Activer la page de formulaire s\u00e9par\u00e9e<\/b>Cette fonctionnalit\u00e9 d\u00e9termine si ce formulaire poss\u00e8de sa propre URL d\u00e9di\u00e9e sur votre boutique. Si cette option est activ\u00e9e, <\/span>oui<\/b>Le module PrestaShop Form Studio g\u00e9n\u00e8re alors une page avec le slug que vous avez fourni.<\/span><\/p>\n Titre du formulaire<\/b>Le nom affich\u00e9 aux clients au-dessus du formulaire. Nous vous sugg\u00e9rons de choisir un titre clair et descriptif afin que les clients comprennent imm\u00e9diatement l’objet du formulaire. Par exemple\u00a0: \u00ab\u00a0Demander un devis\u00a0\u00bb, \u00ab\u00a0Partager votre avis\u00a0\u00bb ou \u00ab\u00a0Contactez-nous\u00a0\u00bb.<\/span><\/p>\n Forme Slug<\/b>L’identifiant suppl\u00e9mentaire sera ajout\u00e9 \u00e0 l’URL afin que vous puissiez obtenir l’URL souhait\u00e9e. Par exemple, \u00ab thank-u \u00bb donnera votreboutique.com\/form\/thank-u<\/span><\/p>\n Titre du formulaire Meta<\/b>Ce titre m\u00e9ta permet de mieux r\u00e9f\u00e9rencer la page du formulaire dans les r\u00e9sultats de recherche. Par exemple\u00a0: \u00ab\u00a0Contactez notre \u00e9quipe d\u2019assistance – Fashionstore\u00a0\u00bb.\u00a0<\/span><\/p>\n Mots cl\u00e9s du formulaire<\/b>Les mots cl\u00e9s m\u00e9ta de ce champ permettent de cat\u00e9goriser le formulaire sur le site web.<\/span><\/p>\n M\u00e9ta-description du formulaire\u00a0: <\/b>Cette m\u00e9ta-description du formulaire dans <\/span>Cr\u00e9ateur de formulaires PrestaShop <\/b>aide au r\u00e9f\u00e9rencement sur les moteurs de recherche.<\/span> Par exemple, vous pouvez ajouter dans la description m\u00e9ta du formulaire\u00a0: \u00ab\u00a0Remplissez notre formulaire de contact rapide et notre \u00e9quipe vous r\u00e9pondra dans les 24\u00a0heures.\u00a0\u00bb Cela aidera le client \u00e0 trouver le formulaire lorsqu\u2019il recherchera l\u2019assistance de votre magasin.<\/span><\/p>\n Le <\/span>g\u00e9n\u00e9rateur de formulaire<\/b> utilise un syst\u00e8me de mise en page par colonnes. Avant d’ajouter des champs, choisissez le nombre de colonnes que chaque ligne doit contenir.\u00a0<\/span><\/p>\n Les options vont de <\/span>une seule colonne pleine largeur \u00e0 quatre colonnes \u00e9gales<\/b>, avec des variantes suppl\u00e9mentaires proposant des colonnes gauche ou droite plus larges pour les mises en page asym\u00e9triques.<\/span><\/p>\n Cette flexibilit\u00e9 vous permet de cr\u00e9er des produits propres, <\/span>formulaires d’enqu\u00eate \u00e0 une seule colonne<\/b> aussi facilement que complexe <\/span>collecte de donn\u00e9es \u00e0 plusieurs colonnes<\/b> Des formulaires o\u00f9 les champs associ\u00e9s sont c\u00f4te \u00e0 c\u00f4te gr\u00e2ce au module de cr\u00e9ation de formulaires en ligne de PrestaShop<\/span><\/p>\n Pour ajouter un champ de saisie<\/span>,<\/b> Cliquez sur \u00ab\u00a0Ajouter un champ de saisie\u00a0\u00bb dans n\u2019importe quelle ligne pour ins\u00e9rer un \u00e9l\u00e9ment de formulaire. Types de champs disponibles\u00a0:<\/span><\/p>\n Texte \/ Zone de texte<\/b>: Recueillir des r\u00e9ponses \u00e9crites, courtes ou longues, de la part des clients.\u00a0<\/span><\/p>\n Email:<\/b> Capture les adresses e-mail avec validation du format.<\/span><\/p>\n Mot de passe, T\u00e9l\u00e9phone, URL, Num\u00e9ro\u00a0:<\/b> Champs de saisie sp\u00e9cialis\u00e9s avec validation automatique bas\u00e9e sur le type de champ s\u00e9lectionn\u00e9.\u00a0<\/span><\/p>\n Date :<\/b> Permet aux utilisateurs de s\u00e9lectionner ou de saisir des dates avec validation du format.\u00a0<\/span><\/p>\n Fichier:<\/b> L<\/span>Les clients d’et t\u00e9l\u00e9chargent des pi\u00e8ces jointes dans les formats que vous sp\u00e9cifiez.<\/span><\/p>\n Liste d\u00e9roulante, case \u00e0 cocher, bouton radio\u00a0:<\/b> Champs \u00e0 choix multiples\u00a0; choisissez en fonction du nombre d\u2019options disponibles et selon qu\u2019une ou plusieurs s\u00e9lections sont n\u00e9cessaires.<\/span><\/p>\n HTML:<\/b> Int\u00e8gre du balisage personnalis\u00e9 dans le formulaire, comme des instructions ou des en-t\u00eates de section.<\/span><\/p>\n Tourniquet Cloudflare\u00a0:<\/b> Place le widget de protection anti-spam \u00e0 un emplacement pr\u00e9cis dans le formulaire.<\/span><\/p>\n Soumettre:<\/b> Soumet le formulaire et d\u00e9clenche les actions configur\u00e9es telles que les notifications par e-mail, les r\u00e9ponses automatiques, les int\u00e9grations et les pages de remerciement.\u00a0<\/span><\/p>\n <\/p>\n Chaque formulaire poss\u00e8de sa propre configuration d’email, qui peut \u00eatre g\u00e9r\u00e9e \u00e0 partir des param\u00e8tres de messagerie du formulaire de contact. <\/span>Module de cr\u00e9ation de formulaires en ligne pour PrestaShop<\/b>Cela s’av\u00e8re particuli\u00e8rement utile lorsque vous avez plusieurs formulaires pour diff\u00e9rents services ou \u00e0 des fins diff\u00e9rentes.<\/span><\/p>\n Pour l’e-mail de notification de l’administrateur<\/b>:<\/span><\/p>\n Vous pouvez d\u00e9finir\u00a0: les adresses des destinataires dans le <\/span>Sur le terrain<\/b>; des destinataires cach\u00e9s suppl\u00e9mentaires dans le champ CCI ; une adresse d’exp\u00e9diteur personnalis\u00e9e ; et une ligne d’objet qui peut varier selon la langue dans le formulaire de g\u00e9n\u00e9ration de prospects PrestaShop.<\/span><\/p>\n Le champ R\u00e9pondre \u00e0<\/b> vous permet d’acheminer les r\u00e9ponses des clients vers une bo\u00eete de r\u00e9ception sp\u00e9cifique, par exemple, celle de votre \u00e9quipe de support, plut\u00f4t que vers votre adresse d’administration g\u00e9n\u00e9rale.<\/span><\/p>\n L’\u00e9diteur de corps de message utilise la m\u00eame interface de texte enrichi que les param\u00e8tres g\u00e9n\u00e9raux, et les variables de mod\u00e8le vous permettent d’int\u00e9grer dynamiquement les valeurs r\u00e9elles soumises par votre client.<\/span><\/p>\n La section R\u00e9ponse automatique<\/b> Cette configuration est identique pour l’e-mail de confirmation destin\u00e9 au client. Activez la r\u00e9ponse automatique, puis configurez les champs \u00c0, Cci, De, Objet, R\u00e9pondre \u00e0 et Corps du message. La r\u00e9ponse automatique s’ex\u00e9cute imm\u00e9diatement apr\u00e8s l’envoi et ne n\u00e9cessite aucune intervention de votre \u00e9quipe.<\/span><\/p>\n Chaque sc\u00e9nario de validation poss\u00e8de son propre message configurable. Vous pouvez d\u00e9finir des messages pour\u00a0: la soumission r\u00e9ussie, la soumission \u00e9chou\u00e9e, la d\u00e9tection de spam, les champs obligatoires vides, les champs d\u00e9passant la longueur maximale autoris\u00e9e, les formats de date invalides, les \u00e9checs de chargement de fichiers, les types de fichiers non pris en charge, les fichiers trop volumineux, les erreurs de chargement PHP, les formats num\u00e9riques invalides, les valeurs inf\u00e9rieures ou sup\u00e9rieures \u00e0 la plage autoris\u00e9e, les adresses e-mail invalides, les URL invalides, les num\u00e9ros de t\u00e9l\u00e9phone invalides et les adresses IP ou e-mails bloqu\u00e9s.<\/span><\/p>\n S\u00e9lectionnez \u00ab\u00a0Oui\u00a0\u00bb pour activer l\u2019affichage d\u2019une page apr\u00e8s soumission. Si cette option est d\u00e9sactiv\u00e9e, le formulaire est r\u00e9initialis\u00e9 apr\u00e8s soumission sans autre action.<\/span><\/p>\n type de page \u00ab\u00a0Merci\u00a0\u00bb<\/b>:<\/span><\/p>\n Une fois activ\u00e9, choisissez entre\u00a0:<\/span><\/p>\n Titre:<\/b> L’en-t\u00eate affich\u00e9 en haut de la page de remerciement par d\u00e9faut.<\/span><\/p>\n Alias \u200b\u200bde la page\u00a0:<\/b> L’identifiant URL de la page. Il doit \u00eatre court, en minuscules et comporter un tiret.<\/span><\/p>\n Contenu:<\/b> Texte principal de la page de remerciement, modifiable via l’\u00e9diteur de texte enrichi. Prend en charge le gras, l’italique, le soulignement, le barr\u00e9, les listes, les tableaux, les citations, les liens, les images, les vid\u00e9os int\u00e9gr\u00e9es, le texte color\u00e9 et le code HTML brut.<\/span><\/p>\n Dans les param\u00e8tres d’apparence, vous pouvez g\u00e9rer l’affichage du formulaire sur votre site web \u00e0 l’aide de <\/span>Formulaire de commentaires clients PrestaShop<\/b><\/a>.\u00a0\u00a0<\/span><\/p>\n\n
T\u00e9l\u00e9chargement et installation du module<\/b><\/h3>\n
\n
4.0 Panneau d’administration des param\u00e8tres g\u00e9n\u00e9raux<\/b><\/h2>\n
4.0.1 Activer ou d\u00e9sactiver le module<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/General-Setting-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.0.2 Param\u00e8tres de messagerie<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Mail-templates-prestashop-form-studio-scaled.png\")
<\/a><\/p>\n4.0.3 Protection anti-spam de Cloudflare Turnstile<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Cloudflare-Turnstile-functionality-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n\n
\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Add-Widgets-in-Cloudflare-turnstile.png\")
<\/a><\/li>\n
\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Copy-Client-secret-key-after-widget-in-Cloudflare-Turnstile.png\")
<\/a><\/li>\n4.1 Cr\u00e9ation et ajout de formulaires \u00e0 l’aide du module de cr\u00e9ation de formulaires PrestaShop<\/b><\/h2>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Form-showing-in-the-Forms-feature-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.1 Ajout d’un nouveau formulaire<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Form-Basic-details-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.2 Conception de la mise en page du formulaire<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Design-Layout-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.3 Ajout de champs de saisie<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Input-fields-in-Prestashop-Form-Studio-Module.png\")
<\/a><\/p>\n4.1.4 Param\u00e8tres de messagerie<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Email-to-Admin-settings-in-Prestashop-Form-Builder-Module.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/AutoSender-Reply-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.5 Messages de validation personnalis\u00e9s<\/b><\/h3>\n
4.1.6 Afficher la page \u00ab\u00a0Merci\u00a0\u00bb apr\u00e8s l\u2019envoi du formulaire<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Validation-Settings-in-Prestashop-Form-builder-Module.png\")
<\/a><\/p>\n\n
4.1.7 Param\u00e8tres d’apparence et d’affichage<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Restriction-and-display-Positon-in-Prestashop-Feeedback-Survey-Form-Builder-Module.png\")
<\/a><\/p>\n