Aide · Contenu et mise en page · Formulaires et protection anti-spam

Formulaires et protection contre le spam

Formulaire de contact, demandes sur la page produit, service de rappel et formulaires personnalisés : ce guide vous explique où activer les formulaires, où sont acheminées les demandes, dans quels cas elles donnent lieu à la création d’un ticket et comment limiter le spam grâce à reCAPTCHA, à l’obligation de connexion et à la mise en place de limites.

En bref

  • Formulaires de la boutique : le formulaire de contact, les options « Demande » et « Devis » sur la page produit, « Demander un devis », « Demande concernant le panier » et le service de rappel peuvent être activés ou désactivés individuellement.
  • Destinataires : le formulaire de contact envoie les messages au service sélectionné, tandis que les autres formulaires sont envoyés à des adresses personnalisées ou à l’adresse e-mail du gérant de la boutique.
  • Ticket plutôt qu’e-mail : les demandes de contact, de renseignements sur les produits et de devis émanant de clients connectés sont transformées en tickets si vous le souhaitez. Les demandes des visiteurs non connectés sont envoyées par e-mail.
  • Formulaires personnalisés : sous CMS → Créer des formulaires, puis les intégrer dans les pages ou catégories du CMS à l’aide de l’éditeur xoContentEditor.
  • Spam : configurez reCAPTCHA v3, imposez une connexion obligatoire et appliquez une limite quotidienne, désactivez les formulaires inutilisés.

Dans ce guide


Aperçu des formulaires

La boutique intègre ces formulaires. Chacun dispose de son propre bouton, de ses propres destinataires et de son propre modèle d'e-mail.

FormulaireDans la boutiqueActiver sous
Formulaire de contactPage « Contact »Paramètres → Général → Paramètres de base → Formulaire de contact : Statut (nouvelles boutiques : activé)
Demande concernant l'articleBouton « Demande » sur la page du produitParamètres → Design → Fiche produit → Demande d’informations sur le produit « Questions sur l’article » activée/désactivée (nouvelles boutiques : activée)
Proposition de prixBouton « Proposition de prix » sur la page du produitParamètres → Design → Fiche produit → Proposition de prix activée/désactivée (nouvelles boutiques : désactivée)
Demander un devisBouton « Demander un devis » sur la page du produitParamètres → Design → Fiche produit → Bouton « Demander un devis » (nouvelles boutiques : désactivé)
Demande concernant le panierBouton « Demande concernant le panier » sous la liste des articles dans le panierParamètres → Paiement → Panier → Afficher le bouton « Demande concernant le panier » (nouvelles boutiques : désactivé)
Service de rappelEncadré « Rappel gratuit »Boîte sous CMS → Gestionnaire de boîtes, paramètres sous Paramètres → Design → CallBack
Formulaires personnalisésPages CMS et catégoriesCMS → Formulaires

D'autres formulaires sont décrits dans des guides spécifiques : l'inscription à la newsletter sous « Newsletter », le formulaire de rétractation sous « Bouton de rétractation », l'alerte de disponibilité sous « Notification produit » et le formulaire de ticket dans le compte client sous « Tickets & Tâches ».


Configurer le formulaire de contact

Le formulaire de contact correspond à la page « Contact ». Les clients choisissent un service, décrivent leur demande et indiquent une adresse e-mail ou un numéro de téléphone.

Page de contact dans la boutique en tant qu'invité : à gauche, le cadre « Coordonnées » avec l'adresse du magasin d'échantillons ; à droite, la mention concernant le ticket après connexion ; les boutons des rubriques « Questions générales » (sélectionné) et « Commandes » ; les champs remplis « Nom », « Adresse e-mail », numéro de téléphone et « Demande », la case « Protection des données » non cochée et le bouton « Suivant » désactivé

La page de contact avec deux services : tant que la case « Protection des données » n’est pas cochée, le bouton « Continuer » reste désactivé. Cliquez pour agrandir.

Services et destinataires

Sous Paramètres → Général → Paramètres de base → Données pour la page de contact, créez un « service » avec une « adresse e-mail » par ligne, par exemple « Questions générales » et « Commandes ». Dans la boutique, les rubriques apparaissent sous forme de boutons, la première étant présélectionnée. La demande est envoyée à l'adresse de la rubrique sélectionnée.

La colonne « Langue » vous permet d’afficher un service dans une seule langue. Les lignes contenant « --- » s’affichent dans toutes les langues. En l’absence de saisie, la demande est envoyée à l’« adresse e-mail du gérant de la boutique ».

Champs obligatoires

L’objet et au moins un moyen de contact (adresse e-mail ou numéro de téléphone) sont obligatoires. Le nom est facultatif. L’objet doit être une phrase complète ; le formulaire rejette les numéros de téléphone et les noms absurdes.

Si vous souhaitez que le numéro de téléphone soit toujours obligatoire, réglez Paramètres → Paiement → Détails client → Numéro de téléphone sur « mandatory ». Ce paramètre s’applique également à l’inscription. Les clients connectés ne voient pas ces champs : le nom, l’e-mail et le numéro de téléphone proviennent du compte client.

Configuration des données pour la page de contact en mode édition : Tableau comportant les colonnes « Langue », « Service » et « Adresse e-mail », deux lignes : « Questions générales » avec info@example.com et « Commandes » avec bestellung@example.com, toutes deux avec la langue ---, en dessous le bouton « Nouvelle entrée » et les boutons pour enregistrer

« Données pour la page de contact » : une ligne par service avec l’adresse du destinataire ; la langue « --- » indique qu’elles s’affichent dans toutes les langues. Cliquez pour agrandir.

Textes et remarques dans le formulaire

Le formulaire de contact ne dispose pas d’un champ dédié à un texte d’information. Vous avez trois possibilités :

  • Modifier les textes : sous Outils → xoLanguage, sélectionnez « Framework » Frontend et « Section » store-contact. Vous pouvez y modifier, par exemple, les titres « Demande de contact », « Coordonnées » ou la remarque « Pour nous contacter, vous devez… », que seuls les visiteurs peuvent voir. Si vous saisissez votre texte en tant que « valeur personnalisée », il sera conservé lors des mises à jour.
  • Encadré « Informations de contact » : il affiche Paramètres → Général → Paramètres de base → Adresse de la boutique et coordonnées. Ces informations figurent également dans le pied de page de vos e-mails, voir Gestionnaire CMS & E-mails.
  • Champ supplémentaire avec remarque : grâce au générateur de formulaires, vous pouvez ajouter vos propres champs au formulaire de contact, chacun avec son propre « texte d’explication », voir Étendre les formulaires de la boutique.

Désactiver le formulaire de contact

Dans Paramètres → Général → Paramètres de base → Formulaire de contact, définissez le statut sur « false ». Les visiteurs qui accèdent à cette page seront alors redirigés vers la page d’accueil. Supprimez ensuite les liens vers la page de contact, par exemple dans le pied de page, voir Gestionnaire CMS & e-mails. Souvent, l’obligation de se connecter suffit à la place de la désactivation, voir Connexion requise.


Demandes sur la page produit et dans le panier

Quatre formulaires concernent les articles. Tous s’ouvrent dans une fenêtre au-dessus de la page. La demande mentionne l’article ; dans le cas d’une demande depuis le panier, elle mentionne tous les articles présents dans le panier.

Demande concernant un article

Le bouton « Demande » ouvre la fenêtre « Demande concernant un produit ». Le client rédige sa question et, en tant qu’invité, indique son nom, son e-mail et son numéro de téléphone. La boutique transmet également les caractéristiques sélectionnées. Activez ou désactivez cette fonctionnalité via Paramètres → Design → Fiche produit → Demande de renseignements sur le produit « Questions sur l’article » activé/désactivé.

La même fenêtre s’ouvre pour l’option « Prix sur demande » (voir Prix et groupes de clients) et pour les articles dotés du bouton « Click-to-Call produit », qui ne peuvent être achetés que sur demande. Si vous utilisez l’une de ces fonctions, veillez à laisser la demande de renseignements sur le produit activée, sinon la demande ne sera pas transmise.

Proposition de prix

Avec la fonction « Proposition de prix », le client indique le prix auquel il serait prêt à acheter l’article. Pour l’activer, rendez-vous dans Paramètres → Apparence → Fiche produit → Proposition de prix activée/désactivée. Le bouton n’apparaît que pour les articles dont le prix est visible. Pour des articles individuels, vous pouvez le désactiver dans la fiche produit à l’aide de l’option « Bloquer la proposition de prix ».

Demander un devis

La demande donne lieu à une offre : une commande ayant le statut « Offre », que vous pouvez modifier dans l’onglet « Offres » de l’aperçu des commandes, voir Commandes. Les visiteurs sans compte client peuvent également envoyer une demande.

  • « Bouton Demander un devis » : emplacement sous le bouton du panier, sous les options du produit ou parmi les autres actions.
  • « ID de statut de devis » : au moins un statut de commande. Sans cela, le bouton n’apparaît pas.
  • « Formulaire de devis : champs actifs » : informations demandées par le formulaire. L’adresse e-mail est toujours requise.
  • « Envoyer des e-mails de devis » (client, gérant de la boutique) et « E-mail de devis avec PDF ».

Demande concernant le panier

En sélectionnant Paramètres → Paiement → Panier → Afficher le bouton « Demande concernant le panier », un bouton apparaît dans le panier sous la liste des articles. Le client peut ainsi poser une question concernant l’ensemble de son panier. L’e-mail « Demande concernant le panier » contient tous les articles du panier. Les demandes concernant le panier sont toujours envoyées par e-mail, jamais sous forme de ticket.

Les paramètres relatifs à la fonction « Demander un devis » se trouvent tous sous Paramètres → Design → Fiche produit. La section « Destinataires et e-mails » indique où sont envoyées les demandes.


Service de rappel

Grâce au service de rappel, un client peut demander à être rappelé : il indique son nom, son numéro de téléphone, son adresse e-mail, le jour souhaité, le créneau horaire et l’objet de sa demande.

  1. Sous CMS → Gestionnaire de boîtes, activez la boîte « Rappel gratuit ». Elle renvoie vers la page de rappel.
  2. Sous Paramètres → Design → CallBack → Services e-mail CALLBACK (rappel), saisissez les services avec leurs adresses e-mail. Si aucune entrée n’est renseignée, la demande est envoyée à l’adresse e-mail du gérant de la boutique.
  3. Sous « Horaires d’ouverture pour CALLBACK (rappel) », ajoutez une note, par exemple vos horaires d’ouverture téléphonique. Elle apparaîtra sur la page de rappel.
  4. Définissez les jours de la semaine et les créneaux horaires : « Rappel : jours de la semaine sélectionnables », « Rappel : créneaux horaires » avec vos propres horaires et votre propre ordre, ainsi que « Rappel : proposer l’option « Peu importe l’heure » ». Au moins un jour de la semaine doit rester sélectionnable. 4.9.10

Les demandes de rappel sont envoyées sous forme d’e-mail intitulé « Demande de rappel », et non sous forme de ticket.


Où sont envoyées les demandes

Chaque formulaire a ses propres destinataires. Si aucune adresse spécifique n’est renseignée, la demande est envoyée à l’« adresse e-mail du gérant de la boutique » sous Paramètres → Interfaces → Marketing par e-mail / CRM → Options e-mail.

FormulaireEnvoyer par e-mail àSous forme de ticket
Formulaire de contactService sélectionné dans « Données pour la page de contact »Ticket, notification envoyée à l'adresse du service
Demande concernant l'article« Adresse e-mail différente (demande concernant un produit et panier) »Ticket, notification envoyée à la même adresse
Proposition de prix« Adresse e-mail différente (proposition de prix) »Ticket, notification à la même adresse
Demande concernant le panier« Autre adresse e-mail (demande concernant un produit et le panier) »Pas de ticket
Service de rappelService sélectionné parmi les « services par e-mail CALLBACK (rappel) »Pas de ticket
Demander un devisCopie à l'exploitant de la boutique si la case « Envoyer des e-mails de devis » est cochéeUne offre est incluse dans les commandes
Formulaires personnalisés« E-mail du destinataire (pour l'e-mail de destination) » dans le formulaireDestination « Créer un ticket » ou « Ticket + e-mail »

Les deux adresses « différentes » figurent également dans les options de messagerie. Si votre adresse personnelle n’est pas indiquée pour un ticket, la notification est envoyée à « E-mail d’information sur les tickets » sous Paramètres → Général → Tickets et tâches.

Répondre directement

L'e-mail qui vous est adressé comporte le nom et l'adresse e-mail du client comme adresse de réponse. En cliquant sur « Répondre » dans votre messagerie, vous lui écrivez directement.

Confirmation au client

Si une demande vous parvient par e-mail, le client reçoit l’e-mail « Confirmation de demande » accompagné de votre déclaration de protection des données au format PDF. S’il s’agit d’un ticket, il voit le numéro de ticket dans la boutique et peut suivre l’évolution du ticket dans son compte client.

Modèles d’e-mails

Vous pouvez modifier les modèles « Demande de contact », « Demande de produit », « Demande de prix », « Demande concernant le panier », « Demande de rappel », « Confirmation de demande » et « E-mail d'offre » peuvent être modifiés sous CMS → E-mails & Marketing / Automatisations, voir Gestionnaire CMS & E-mails.


Ticket au lieu d’e-mail

Les demandes de contact, de produit et de prix sont, si vous le souhaitez, enregistrées dans le système de tickets. Votre équipe les traite alors en y attribuant une responsabilité, un statut et un historique.

Groupe de paramètres « Tickets et tâches », lignes 1 à 13 : « Système de tickets activé/désactivé », « Demandes de renseignements sur les produits sous forme de ticket », « Demande de renseignements sur les produits : connexion requise », « Demandes de devis sous forme de ticket », « Demande de devis : connexion requise, « Demandes de contact sous forme de ticket » et « Formulaire de contact : connexion requise », toutes réglées sur « true » ; après un tiret, les lignes 31 à 33 avec « E-mail d'information sur les tickets (tickets@example.com) » et « Nombre maximal de tickets par jour : 10 »

La notification des tickets, l’obligation de connexion et la limite quotidienne se trouvent dans le groupe « Tickets & Tâches » ; la ligne pointillée indique les lignes omises. Cliquez pour agrandir.

  1. Paramètres → Général → Tickets & Tâches → Système de tickets activé/désactivé: réglez sur « true ».
  2. Dans le même groupe, réglez « Demandes de contact sous forme de ticket », « Demandes sur les produits sous forme de ticket » et « Demandes de prix sous forme de ticket » sur « true ». Dans les nouvelles boutiques, ces trois options sont activées par défaut.
  3. Un ticket n’est créé que pour les clients connectés. Les demandes des visiteurs sont transmises par e-mail. Les visiteurs voient dans le formulaire une mention indiquant que leur demande sera enregistrée sous forme de ticket une fois qu’ils se seront connectés.

Connexion requise

Avec les options « Formulaire de contact : connexion requise », « Demande de renseignements sur un produit : connexion requise » et « Demande de renseignements sur les prix : connexion requise », vous ne permettez qu’aux clients connectés d’envoyer des messages. Les visiteurs voient un message avec un lien vers la page de connexion ; le formulaire leur est inaccessible. Dans les nouvelles boutiques, ces trois options sont activées par défaut.

L'obligation de connexion pour le formulaire de contact s'applique toujours, même si les demandes de contact sont envoyées par e-mail. L'obligation de connexion pour les demandes de renseignements sur les produits et les prix ne s'applique que si le système de tickets et les options « Demandes de renseignements sur les produits sous forme de ticket » ou « Demandes de renseignements sur les prix sous forme de ticket » sont activées.

Notification à votre équipe

À chaque nouveau ticket généré à partir de l’un de ces formulaires, la boutique envoie un e-mail contenant un lien vers le ticket à l’adresse indiquée dans les champs « Destinataire » et « E-mails ». Le modèle s’intitule « Nouvelle demande de ticket d’assistance ».

Limite quotidienne

Le paramètre « Nombre maximal de tickets par jour » limite le nombre de tickets qu’une adresse e-mail peut créer en 24 heures. Les nouvelles boutiques ont droit à 10 tickets ; un champ vide supprime cette limite. Si la limite est atteinte, l’utilisateur reçoit une notification à la place d’un ticket.

Le guide « Tickets et tâches » explique comment traiter les tickets, désigner les responsables et y répondre.


Rechercher les demandes reçues

L’emplacement d’une demande dépend de la manière dont elle a été reçue : par e-mail, sous forme de ticket ou via un formulaire dédié.

DemandeVous les trouverez ici
Créées sous forme de ticketOutils → Tickets et tâches → Tickets et tâches
Envoyée par e-mail, y compris toutes les demandes relatives au panier et les demandes de rappeldans la boîte de réception de l'adresse du destinataire. La boutique ne tient pas de liste distincte de ces e-mails.
Formulaires personnalisésCMS → Formulaires, onglet « Boîte de réception », quelle que soit la destination du formulaire
Champs supplémentaires des formulaires de la boutiqueégalement dans la boîte de réception, en plus du ticket ou de l’e-mail
Demandes de devisAperçu des commandes, onglet « Devis »
ConsentementsOutils → Gestion de la protection des données, uniquement la preuve sans le contenu de la demande

La boîte de réception des formulaires

Sous CMS → Formulaires, vous pouvez basculer en haut entre « Gestion » et « Boîte de réception ». La boîte de réception recense les soumissions non lues et permet de filtrer par « Toutes » et « Non lues ». Une ligne s’ouvre et affiche toutes les informations sous « Données transmises ». Vous disposez également des options « Ouvrir dans un ticket » (si la soumission a donné lieu à un ticket), « Marquer comme lu » et « Supprimer ».

Gestion des formulaires, onglet « Boîte de réception » : 2 messages non lus, filtres « Tous » (3) et « Non lus » (2), champ de recherche et trois envois ; la première, envoyée par Erika Musterfrau via le formulaire « demande-modèle » avec pour destination un ticket + e-mail et le ticket 28001, est déployée et affiche, sous « Données transmises », les champs Nom, E-mail, Téléphone, Quantité et Message, ainsi que les boutons « Ouvrir dans le ticket », « Marquer comme lu » et « Supprimer »

La boîte de réception rassemble toutes les soumissions des formulaires personnalisés, affichées en détail avec toutes les informations et le chemin vers le ticket. Cliquez pour agrandir.

Qui a le droit de consulter la boîte de réception ?

  • Seules les personnes autorisées à modifier les paramètres peuvent créer, modifier et supprimer des formulaires, ainsi que supprimer des soumissions.
  • La boîte de réception et les fichiers téléchargés peuvent être partagés avec un groupe d’utilisateurs spécifique : sous Paramètres → Administrateurs → Groupes d’utilisateurs, il suffit d’accorder le droit de lecture pour « Formulaires ». Ainsi, un remplaçant en congé peut par exemple traiter les demandes sans avoir accès aux autres paramètres.ab 4.10

Créer vos propres formulaires avec le générateur de formulaires

Sous CMS → Formulaires, vous pouvez créer des formulaires sans programmation, par exemple pour des commandes d’échantillons, des demandes de rendez-vous ou des questions concernant des fabrications sur mesure. Un aperçu en direct affiche le formulaire au fur et à mesure que vous le créez.

  1. Sous CMS → Formulaires, dans l’onglet « Gestion », cliquez sur « Nouveau formulaire ».
  2. Dans l’onglet « Paramètres », attribuez une « clé de formulaire », par exemple musteranfrage: uniquement des minuscules, des chiffres et des traits de soulignement. Elle ne peut plus être modifiée après la création. Les clés contact, product_inquiry, price_inquiry et ticket sont réservées à l’extension des formulaires de la boutique.
  3. Sélectionnez la « destination » (tableau ci-dessous) et, pour l’e-mail, saisissez l’« e-mail du destinataire (pour la destination e-mail) ».
  4. Pour chaque langue, renseignez les champs « Titre », « Texte d’introduction », « Message de confirmation » et « Objet (e-mail/ticket) ». Vous pouvez changer de langue en haut de la page.
  5. Dans l'onglet « Champs », ajoutez des champs à l'aide de la commande « Champ ». Pour chaque champ, définissez le type de champ, le « Libellé », le « Texte d'aide », le « Caractère de remplacement dans le champ » et le « Champ obligatoire ». Vous pouvez modifier l'ordre en faisant glisser les champs.
  6. Cochez la case « Actif » en haut, puis enregistrez en cliquant sur « Enregistrer et fermer » ou « Actualiser ». La boutique n’affiche pas les formulaires inactifs. Le bouton « CSRF » situé à côté (activé par défaut) vérifie, lors de l’envoi, une clé de sécurité issue de la session du visiteur ; laissez-le activé.
Générateur de formulaires pour la demande type, onglet « Champs » : à gauche, la liste des champs Nom, E-mail, Téléphone, Quantité et Message ; au centre, les paramètres du champ E-mail avec la clé du champ, le type de champ « E-mail », le caractère obligatoire, le libellé, le texte d'aide, le message d'erreur personnalisé, le nombre minimal et maximal de caractères et le caractère de remplacement dans le champ ; à droite, l'aperçu en direct du formulaire

Dans l’onglet « Champs », sélectionnez un champ à gauche, configurez-le au centre et visualisez immédiatement l’aperçu à droite. Cliquez dessus pour l’agrandir.

Types de champs

Type de champÀ quoi sert-il ?
« Texte », « Zone de texte »saisie sur une ou plusieurs lignes, avec « Nb. min. de caractères » et « Nb. max. de caractères »
« E-mail », « Téléphone »Coordonnées. Le champ « E-mail » vérifie l'orthographe.
« Nombres »Quantités et mesures, avec « Minimum », « Maximum » et « Incrément »
« Menu déroulant », « Sélection multiple (boutons radio) »Sélection parmi des options. Chaque option possède une valeur et, pour chaque langue, une libellé ; l’une d’entre elles peut être présélectionnée comme « par défaut ». En « mode texte », vous saisissez plusieurs options ligne par ligne.
« Bouton »Oui/Non, comme champ obligatoire, par exemple pour une confirmation. Le « texte d’information » figure à côté du bouton.
« Date »Date issue du calendrier. Fonctionne de manière fiable à partir de la version 4.10 ; dans les versions antérieures, utilisez un champ de texte.
« Couleur »Sélection de couleur
« Téléchargement de fichiers »Permettre le téléchargement de fichiers, voir fichier-upload.ab 4.10

Pour les champs obligatoires, définissez sous « Message d'erreur personnalisé » le texte que le client verra s'il ne saisit pas de données. Vous pouvez également définir des textes personnalisés pour chaque règle (par exemple « trop court » ou « trop grand ») pour les champs facultatifs.ab 4.10

L'objectif d'un envoi

ObjectifQue se passe-t-il ?
« Collecte uniquement (boîte de réception) »La soumission est uniquement enregistrée dans la boîte de réception, personne ne reçoit d’e-mail.
« Envoyer un e-mail »Envoi d’un e-mail à l’« adresse e-mail du destinataire ». Si ce champ est vide, l’e-mail est envoyé à l’adresse e-mail du gérant de la boutique.
« Créer un ticket »Ticket créé dans le système de tickets, sans e-mail envoyé à votre équipe. Paramètre par défaut pour les nouveaux formulaires.
« Ticket + e-mail »Un ticket et, en plus, un e-mail envoyé à l’adresse e-mail du destinataire.

Chaque envoi figure également dans la boîte de réception. L’objet est « Objet (e-mail/ticket) », sinon c’est le titre du formulaire.

Générateur de formulaires, onglet « Paramètres » : Clé du formulaire « musteranfrage » (non modifiable après création), destination : ticket + e-mail, adresse e-mail du destinataire : anfragen@example.com, en dessous les textes en allemand : titre, texte d'introduction, message de confirmation et objet (e-mail/ticket), à droite l'aperçu en direct

Dans l’onglet « Paramètres », vous définissez la clé, la destination, les destinataires et, pour chaque langue, les textes du formulaire. Cliquez pour agrandir.

Pour que les réponses parviennent au client : créez exactement un champ de type « E-mail ». Son adresse deviendra l'adresse de réponse de l'e-mail et l'adresse client du ticket. S'il y a plusieurs champs e-mail, la boutique utilise celui dont la clé de champ est email. Un champ de texte dont la clé de champ contient name fournit le nom. Si le champ e-mail est absent, c'est votre propre adresse qui apparaît comme expéditeur.

Intégrer des formulaires

Un formulaire personnalisé s'affiche dans la boutique dès que vous l'intégrez à une page. En revanche, vous pouvez compléter directement les formulaires de la boutique en y ajoutant vos propres champs.

Dans une page CMS ou une catégorie

Activez l’xoContentEditor dans le contenu de la page, ajoutez le module « Formulaire / formulaire intégré » et sélectionnez votre formulaire sous « Sélectionner un formulaire ». Cela fonctionne dans les pages CMS (CMS → Gestionnaire CMS) et dans la description des catégories (Produits → Catégories / Produits), voir xoContentEditor.XONIC Premium: Content Editor

  • N’intégrez un formulaire qu’une seule fois par page.
  • Ne copiez pas le bloc au format HTML dans un champ de texte normal. Lors de l’enregistrement, la boutique en ligne supprime le script nécessaire et le formulaire reste bloqué sur « Chargement du formulaire… ».
  • La sélection n’affiche que les formulaires actifs et autonomes.

Étendre les formulaires de la boutique

Dans l’aperçu sous CMS → Formulaires, vous trouverez l’onglet « Intégrations » avec « Formulaire de contact », « Demande de produit », « Demande de prix » et « Formulaire de ticket ». Avec « Créer », vous ajoutez vos propres champs au formulaire de la boutique correspondant, par exemple un numéro de client ou un numéro de lot.

Les champs apparaissent dans le formulaire de la boutique. L’envoi, le ticket et la protection contre le spam sont gérés par le formulaire de la boutique ; c’est pourquoi la destination est fixée de manière définitive sur « Collecte uniquement (boîte de réception) ». Les informations figurent dans le ticket ou dans l’e-mail, ainsi que dans la boîte de réception. Exception : pour le formulaire de contact, les champs supplémentaires n’apparaissent que dans le ticket et dans la boîte de réception, et non dans l’e-mail.

Après la mise à jour vers la version 4.10 : avant d’activer reCAPTCHA pour un formulaire intégré, enregistrez à nouveau les pages contenant le module de formulaire. Pour actualiser toutes les pages en une seule fois, rendez-vous dans CMS → Gestionnaire de modèles (xoContentEditor), onglet « Migration », puis cliquez sur « Réafficher tout le contenu». 4.10

Permettre le téléchargement de fichiers

Grâce au type de champ « Téléchargement de fichier », les clients peuvent joindre des dessins, des photos ou des documents, par exemple pour une fabrication sur mesure.ab 4.10

Formats autorisés

Sous « Formats autorisés », cochez les groupes. Au moins un groupe doit rester sélectionné ; les nouveaux champs s’affichent alors avec les dessins CAO et les documents.

  • « Dessins CAO » : dxf, dwg, step, stp, iges, igs, stl
  • « Documents » : pdf, txt, csv, doc, docx, xls, xlsx
  • « Images » : jpg, jpeg, png, gif, webp
  • « Archives » : zip, 7z. Désactivé par défaut, car la boutique ne peut pas vérifier le contenu d’une archive.

Taille et nombre

Pour chaque champ, vous définissez la « Taille max. (Mo) » et le « Nombre max. de fichiers », jusqu’à 10 fichiers. Pour l’ensemble de la boutique, rendez-vous dans Paramètres → Confidentialité → Général → Téléchargement de formulaires : taille maximale des fichiers (Mo), valeur par défaut 10.

Les limites du serveur s’appliquent en plus. Si elles sont inférieures, c’est la valeur la plus petite qui prévaut. Si la boutique en ligne ne parvient pas à enregistrer un fichier, le client reçoit un message d’erreur à la place d’une confirmation.

Envoi sous forme de lien

L'e-mail et le ticket contiennent un lien vers chaque fichier. Ce lien ouvre le fichier dans l'interface d'administration, uniquement après connexion et sous réserve de disposer des droits d'accès aux formulaires. Si vous n'êtes pas connecté, le lien ouvre directement le fichier une fois la connexion établie. Dans le ticket, les fichiers restent des liens ; ils ne deviennent pas des pièces jointes au ticket.

En pièce jointe supplémentaire

L’option « Envoyer les fichiers en pièce jointe » apparaît sous « E-mail du destinataire » lorsque la destination est « Envoyer un e-mail » ou « Ticket + e-mail » et que le formulaire comporte un champ de fichier. Désactivée par défaut. Destinée aux destinataires n’ayant pas accès à l’interface d’administration. L’e-mail vous est uniquement adressé, jamais au client.

La taille cumulée de toutes les pièces jointes d’un envoi ne doit pas dépasser la valeur définie dans Paramètres → Confidentialité → Général → E-mail du formulaire : taille maximale des pièces jointes (Mo); valeur par défaut : 7. Les fichiers plus volumineux restent sous forme de liens. Si votre serveur de messagerie rejette l’e-mail, la boutique le renvoie sans pièce jointe, accompagné d’un message d’avertissement. N’augmentez cette valeur que lorsque votre serveur de messagerie accepte des e-mails plus volumineux.

Les fichiers téléchargés proviennent de tiers et ne sont pas analysés à la recherche de logiciels malveillants. N’ouvrez que ce à quoi vous vous attendez.

Délai de suppression

Sous Paramètres → Protection des données → Général → Téléchargement via formulaire : Conservation (jours), valeur par défaut 365, la boutique supprime les fichiers téléchargés lors d’une connexion à l’interface d’administration. La valeur 0 désactive cette fonction. La soumission dans la boîte de réception et la preuve de consentement sont conservées. Si vous supprimez une soumission dans la boîte de réception, la boutique supprime également ses fichiers.


Cases de consentement à la protection des données et preuve de consentement

La section Paramètres → Protection des données → Général → Consentements à la protection des données pour les formulaires généraux définit pour tous les formulaires de la boutique si les clients doivent donner leur consentement au traitement de leurs données.

ValeurDans le formulaireJustificatif
opt-in (nouvelles boutiques)Une case que le client doit cocher. Tant que celle-ci n’est pas cochée, le bouton d’envoi reste désactivé.Oui, type de confirmation « Case à cocher »
adviseUne mention indiquant que le client donne son accord en cliquant sur « Envoyer »oui, type de confirmation « Remarque »
falsePas de messagenon

Ce paramètre s'applique au formulaire de contact, à la demande d'informations sur un article, à la proposition de prix, à la demande de devis, à la demande concernant le panier, au service de rappel, au formulaire de ticket et à la page de la newsletter. Le texte de la mention renvoie vers votre déclaration de protection des données.

La preuve

Avant l'envoi, la boutique en ligne enregistre une entrée sous Outils → Gestion de la protection des données: type de demande, par exemple « Demande de contact (e-mail) », type de confirmation, date, adresse IP et date de suppression au bout de dix ans. L’adresse e-mail n’est pas enregistrée en clair, mais sous forme de valeur de contrôle. Recherchez donc l’adresse complète. Le contenu de la demande n’y figure pas.

Formulaires personnalisés

Les formulaires personnalisés cochent eux-mêmes la case relative à la protection des données selon ce même paramètre et génèrent une trace intitulée « Envoi du formulaire (générateur de formulaires) ». Un bouton de consentement créé précédemment devient alors superflu. 4.10

Dans les versions antérieures, vous devez pour cela créer un champ « Bouton » en tant que champ obligatoire et saisir le consentement dans le « Texte d’information ». Ce bouton ne génère pas de justificatif dans la gestion de la protection des données.

Pour la transmission de l’adresse e-mail aux prestataires d’envoi lors du paiement, il existe un paramètre spécifique : « Consentement à la protection des données pour l’envoi : mode ». Avec « inherit », elle suit le paramètre général ; avec « mandatory », le client doit choisir « Oui » ou « Non ». Elle ne s’applique qu’aux prestataires d’expédition figurant dans « Consentements à la protection des données pour les prestataires d’expédition ».


Lutter contre le spam

Le spam de formulaires provient généralement de programmes qui remplissent des formulaires en masse. Passez en revue les mesures de haut en bas : les premières sont les plus efficaces.

Ce qui fonctionne dès l’installation

À chaque envoi, les formulaires de la boutique vérifient si la requête provient d’une session valide, si un champ invisible pour l’utilisateur a été renseigné et si le formulaire a été envoyé trop rapidement ou est resté ouvert trop longtemps. Cette vérification est toujours activée ; il n’y a pas de paramètre pour la désactiver. La boutique n’utilise pas de captcha à saisir manuellement.

  1. Configurer reCAPTCHA v3. Google évalue de manière invisible si c’est un humain qui envoie la demande. Cela protège le formulaire de contact, le service de rappel, les demandes concernant un article, les propositions de prix, les demandes de devis, les demandes relatives au panier, la newsletter, les alertes de disponibilité, la fonction « Mot de passe oublié » et le formulaire de rétractation. Instructions disponibles sous reCAPTCHA v3.
  2. N'autoriser que les clients connectés. Grâce à l'option « Formulaire de contact : connexion requise » et aux boutons de connexion pour les demandes de renseignements sur les produits et les prix, seuls les clients disposant d'un compte peuvent vous écrire (voir « Connexion requise »). C'est le moyen le plus sûr de lutter contre le spam. Les visiteurs non connectés peuvent alors vous contacter via l'adresse e-mail indiquée dans vos mentions légales.
  3. Définir une limite quotidienne. L’option « Nombre maximal de tickets par jour » limite les demandes qui arrivent sous forme de ticket.
  4. Désactivez les formulaires inutilisés. Chaque formulaire dont vous n’avez pas besoin est une porte d’entrée en moins. Les boutons se trouvent sous « Aperçu des formulaires ».
  5. Activer le filtre anti-spam du formulaire de devis. L’option « Formulaire de devis : filtre de contenu anti-spam », accessible sous Paramètres → Design → Fiche produit, rejette les textes publicitaires typiques dans les champs « Nom », « Entreprise » et « Localité ». Activée par défaut.
  6. Protégez vos propres formulaires. Dans le générateur de formulaires, l’onglet « Paramètres » comporte la section « Protection contre les abus » avec les options « Champ leurre » (activé par défaut), « reCAPTCHA v3 » (désactivé), « Temps minimum de remplissage (secondes) » (3) et « Nombre de soumissions par IP et par heure » (10). Cette section n’est pas disponible dans les extensions des formulaires de la boutique ; dans ce cas, la protection est assurée par le formulaire de la boutiquelui-même 4.10

« Mot de passe oublié »

Le formulaire est limité par défaut : la boutique ne répond pas par un nouvel e-mail aux demandes répétées dans un court laps de temps. La réponse de la boutique est toujours la même, que l’adresse dispose d’un compte ou non. Avec reCAPTCHA, la boutique effectue une vérification supplémentaire.

Spam via un formulaire intégré

À partir de la version 4.10, activez la protection contre les abus du formulaire. Dans les versions antérieures, désactivez temporairement le formulaire ou contactez-nous.

Aucun contrôle technique n’empêche les demandes saisies manuellement par un utilisateur. L’obligation de connexion et la limite quotidienne permettent de lutter contre ce type de demandes.

Configurer reCAPTCHA v3

reCAPTCHA v3 est un service de Google. Il n’affiche ni case à cocher ni devinette, mais attribue à chaque envoi une note comprise entre 0,0 (probablement un programme) et 1,0 (probablement un humain).

  1. Créez une clé pour reCAPTCHA v3 sur Google à l’adresse google.com/recaptcha. Saisissez tous les domaines sous lesquels votre boutique est accessible.
  2. Sous Paramètres → Interfaces → Protection anti-spam → Google reCAPTCHA, saisissez la « Google reCAPTCHA V3 SiteKey (clé de site) » et la « Google reCAPTCHA V3 SecretKey (clé secrète) ». Ce n’est que lorsque ces deux champs sont renseignés que la boutique effectue la vérification via reCAPTCHA.
  3. Laissez la valeur « Score minimum du contrôle reCAPTCHA (0,0 à 1,0) » à 0,5. Si le score est inférieur, la boutique refuse l'envoi. 4.9.47
  4. Test : envoyez le formulaire de contact. reCAPTCHA vérifie de la même manière les visiteurs et les clients connectés ; vous pouvez donc également effectuer le test avec votre compte client.
Groupe de paramètres « Google reCAPTCHA » sous « Interfaces », « Protection anti-spam » : texte d'information, SiteKey et SecretKey avec des exemples de valeurs, score minimum requis pour le test reCAPTCHA de 0,5 et, à côté, le texte d'aide ouvert concernant le score minimum

reCAPTCHA v3 : saisissez la clé du site web et la clé secrète, et laissez le score minimum à 0,5. Cliquez pour agrandir.

Lorsque de vrais clients sont refusés

Les clients voient alors s'afficher le message « L'authentification reCAPTCHA a échoué. Veuillez réessayer. ». Vérifiez :

  • Type de clé : une clé pour reCAPTCHA v2 (« Je ne suis pas un robot ») ne fonctionne pas. Créez-en une nouvelle pour la version v3.
  • Nouvelle clé : Google apprend à partir du trafic de votre boutique. Une clé récente évalue initialement de manière plutôt stricte.
  • Formulaires issus d'e-mails : les utilisateurs qui ouvrent un formulaire directement via un lien, par exemple le formulaire de rétractation figurant dans l'e-mail de confirmation de commande, obtiennent souvent des scores faibles. Un seuil élevé rejette justement ces clients.
  • Seuil : abaissez progressivement le score minimum, par exemple à 0,4 ou 0,3.
  • Journal : la boutique enregistre chaque vérification rejetée avec le motif et la note. Notre service d'assistance détermine ainsi si la cause réside dans la clé ou dans le seuil. 4.9.47

Protection des données

Mentionnez reCAPTCHA dans votre déclaration de protection des données. Demandez conseil à votre conseiller en protection des données pour savoir si vous devez obtenir un consentement supplémentaire à cet effet.

La boutique en ligne ne charge reCAPTCHA que lorsqu’un visiteur utilise un formulaire protégé, c’est-à-dire lorsqu’il clique dessus, saisit du texte ou le soumet. Il ne le charge pas lors de la simple consultation de la page.ab 4.9.144


Foire aux questions

Comment protéger le formulaire de contact contre le spam ?

Commencez par configurer reCAPTCHA v3, voir reCAPTCHA v3. Si cela ne suffit pas, dans Paramètres → Général → Tickets et tâches, activez l’option « Formulaire de contact : connexion requise ». Ainsi, seuls les clients connectés pourront écrire. Toutes les mesures à prendre dans le bon ordre sont répertoriées sous Lutter contre le spam.

Comment protéger les demandes de renseignements sur les produits contre le spam ?

reCAPTCHA v3 est également efficace dans ce cas. Si vous souhaitez ne recevoir que les demandes des clients connectés, activez, sous Paramètres → Général → Tickets & Tâches, le système de tickets, « Demandes de produits sous forme de ticket » et « Demande de produit : connexion requise ». Pour la proposition de prix, utilisez les boutons correspondants « Demandes de prix sous forme de ticket » et « Demande de prix : connexion requise ». Si vous n’avez pas besoin de la proposition de prix, désactivez-la.

Y a-t-il un captcha que les clients doivent saisir ?

Non. La boutique utilise reCAPTCHA v3 de Google. Il fonctionne de manière invisible, sans case à cocher ni image à déchiffrer. À cela s’ajoute le contrôle intégré par défaut dans tous les formulaires de la boutique, voir « Limiter le spam ».

Comment configurer correctement reCAPTCHA v3 ?

Créez chez Google une clé pour reCAPTCHA v3 avec tous les domaines de votre boutique, saisissez la clé du site web et la clé secrète dans Paramètres → Interfaces → Protection anti-spam → Google reCAPTCHA et laissez le score minimum à 0,5. Une clé pour reCAPTCHA v2 ne fonctionne pas. Plus de détails sous « reCAPTCHA v3 ».

Comment désactiver le formulaire de contact ?

Dans Paramètres → Général → Paramètres de base → « Formulaire de contact : statut » = false. Les visiteurs qui accèdent à la page de contact sont redirigés vers la page d'accueil. Supprimez ensuite les liens vers la page de contact, par exemple dans le pied de page. Pour lutter contre le spam, l'obligation de se connecter suffit souvent ; voir « Connexion requise ».

Où puis-je définir à qui le formulaire de contact envoie les messages ?

Sous Paramètres → Général → Paramètres de base → « Données pour la page de contact ». Chaque ligne correspond à un service disposant de sa propre adresse e-mail, éventuellement réservée à une seule langue. En l’absence de saisie, la demande est envoyée à l’adresse e-mail du gérant de la boutique.

Comment ajouter un texte d’information dans le formulaire de contact ?

Il n’existe pas de champ dédié à cet effet. Modifiez les textes du formulaire sous Outils → xoLanguage (« Framework » Frontend, « Section » store-contact) en tant que « valeur personnalisée », ou ajoutez un champ intitulé « Texte d’information » au formulaire de contact sous CMS → Formulaires. La case « Informations de contact » affiche l'adresse de votre boutique et vos coordonnées telles qu'elles figurent dans les paramètres de base. Plus de détails sous Formulaire de contact.

Où est envoyée la demande de renseignements sur un produit ?

Sous forme d’e-mail à l’« adresse e-mail alternative (demande de renseignements sur un produit et demande concernant le panier) » sous Paramètres → Interfaces → Marketing par e-mail / CRM → Options d’e-mail. Si ce champ est vide, elle est envoyée à l’adresse e-mail du gérant de la boutique. Si la demande devient un ticket, elle apparaît sous Outils → Tickets & Tâches, et la notification est envoyée à la même adresse, ou à défaut à « Infomail Tickets ».

Comment puis-je définir si les demandes de renseignements sur les produits doivent être envoyées par e-mail ou sous forme de ticket ?

Sous Paramètres → Général → Tickets & tâches, sélectionnez « Demandes de produits sous forme de ticket ». Pour cela, l’option « Système de tickets activé/désactivé » doit être activée. Un ticket n’est créé que pour les clients connectés ; les demandes des visiteurs sont transmises par e-mail. Les mêmes options sont disponibles pour le formulaire de contact et les devis.

Pourquoi une demande est-elle envoyée par e-mail alors que l’option « sous forme de ticket » est activée ?

Parce que le client n’était pas connecté. Les tickets ne sont créés que pour les clients disposant d’un compte. Si vous souhaitez que toutes les demandes soient transformées en tickets, activez également l’obligation de connexion pour le formulaire.

Où puis-je voir les demandes de contact et celles relatives au panier dans la boutique ?

Les demandes de contact qui arrivent sous forme de ticket se trouvent sous Outils → Tickets & Tâches. Tout ce qui est envoyé par e-mail se trouve dans la boîte de réception de l’adresse du destinataire. Les demandes relatives au panier sont toujours envoyées par e-mail ; il n’existe pas de liste correspondante dans l’interface d’administration. Les soumissions via vos propres formulaires se trouvent sous CMS → Formulaires, dans l’onglet « Boîte de réception ».

Un client signale que le formulaire ne s'envoie pas. Que dois-je vérifier ?

Si un message concernant la connexion s'affiche, cela signifie que la connexion est obligatoire. Si un message concernant la vérification reCAPTCHA s’affiche, consultez la section reCAPTCHA v3. Si le formulaire reste bloqué sans message d’erreur, demandez au client de recharger la page et de renvoyer le formulaire. Si cela ne résout pas le problème, contactez-nous : nous vérifierons dans les journaux pourquoi l’envoi a été refusé.

Le remplissage automatique par le navigateur ne déclenche plus la protection anti-spam. Dans les versions antérieures, cela pouvait bloquer de vrais clients sans message d'erreur. 4.9.144

Pourquoi les champs supplémentaires du formulaire de contact ne figurent-ils pas dans l’e-mail ?

Pour le formulaire de contact, seul le ticket reprend les champs supplémentaires issus du générateur de formulaires. Si la demande vous parvient par e-mail, vous trouverez les champs supplémentaires sous CMS → Formulaires, dans l’onglet « Boîte de réception ». Pour les demandes de renseignements sur les produits et les devis, ils figurent également dans l’e-mail.

Puis-je créer un formulaire permettant aux clients de télécharger des fichiers ?

Oui, grâce au type de champ « Téléchargement de fichier » dans le générateur de formulaires. Vous définissez les formats autorisés, la taille et le nombre de fichiers. Les fichiers sont envoyés sous forme de lien et, si vous le souhaitez, également en pièce jointe à l’e-mail ; voir Téléchargement de fichier.ab 4.10

Le client reçoit-il une confirmation de sa demande ?

Si la demande vous parvient par e-mail, le client reçoit l’e-mail « Confirmation de demande » accompagné de votre déclaration de protection des données au format PDF. S’il s’agit d’un ticket, il voit le numéro de ticket dans la boutique et retrouve le ticket dans son compte client. Les formulaires personnalisés affichent le « message de confirmation » issu du générateur de formulaires.

Combien de temps les fichiers téléchargés sont-ils conservés ?

Aussi longtemps que le paramètre Paramètres → Confidentialité → Général → « Téléchargement de formulaire : conservation (jours) » le prévoit ; par défaut, 365 jours. Passé ce délai, la boutique supprime les fichiers lors de la prochaine connexion à l'administration. La valeur 0 désactive la suppression.ab 4.10

Guides complémentaires

Nous vous aidons à sécuriser vos formulaires

Nous configurons reCAPTCHA avec vous, analysons les journaux lorsque des clients sont refusés et créons avec vous des formulaires pour vos demandes.

Contacter le support dès maintenant