Prestashop champ personnalisé pour l’enregistrement – Manuel de l’utilisateur

1.0 Introduction

Les propriétaires de magasins Prestashop peuvent maintenant recueillir plus d’informations sur leurs clients en ajoutant les champs personnalisés sur le formulaire d’inscription du site. Si l’administrateur du magasin Prestashop obtient plus d’informations sur le client, il / elle peut utiliser le même pour préparer le marketing et la vente des produits.

L’addon des champs d’inscription personnalisés de Prestashop permet à l’administrateur du magasin d’ajouter de nouveaux champs personnalisés et de modifier les anciens dans le formulaire d’inscription. Tous les champs peuvent être validés et les règles de validation peuvent être définies à partir de l’interface d’administration. L’addon Prestashop permet à l’administrateur d’ajouter n’importe quel type de champ et d’en définir les règles de validation.

Les propriétaires de magasins peuvent même créer différentes sections sur le formulaire d’inscription afin de placer le champ personnalisé. La meilleure partie est que tout cela peut être fait sans apporter de modifications dans le code de l’administrateur Prestashop pouvez ajouter le champ personnalisé, zone de texte, bouton radio ou cases à cocher.

Le module de terrain d’inscription personnalisé Prestashop de Knowband est compatible avec GDPR.

1.1. Objectifs du projet

Par plugin Prestashop permet au propriétaire du magasin d’optimiser le formulaire d’inscription de leur site Web avec un minimum d’effort et dans un bref instant.

1. L’administrateur du magasin Prestashop peut créer de nouveaux champs personnalisés pour le formulaire d’inscription du site Web et peut modifier les champs existants en cliquant sur un bouton.

2. Le module permet à l’administrateur de créer les sections sur le formulaire d’inscription. Cela facilite le placement des champs personnalisés.

3. Les différents champs peuvent être facilement validés en quelques étapes simples.

4. Les champs entiers créés peuvent être exportés sans effort dans une feuille Excel.

5. Il permet à l’administrateur d’ajouter de nouveaux champs sans apporter de modifications aux codes.

6. Cet addon Prestashop vous aide à connaître votre client en rassemblant plus d’informations via les champs personnalisés.

2.0 Installation

Afin d’installer l’addon, suivez les étapes ci-dessous.

1. Achetez le module chez nous. Vous recevrez les fichiers suivants:

  1. customfield.zip
  2. Manuel utilisateur

2. Décompressez le fichier customfield.zip. Il contiendra un certain nombre de fichiers et de dossiers comme indiqué ci-dessous –

3. Copiez tous les fichiers et dossiers du dossier décompressé et collez-les dans le répertoire “Modules” de votre magasin sur le chemin – Root Directory / modules /.

4. Maintenant, le module est prêt à être installé sur votre boutique et vous pouvez le trouver dans Store Admin -> Modules and Services. Il serait montré comme ci-dessous –

Dans le cas, vous n’êtes pas en mesure de trouver le module dans la liste des modules d’administration, s’il vous plaît essayez de rechercher le module avec les détails suivants –

Mot clé – Champ personnalisé

Catégorie – Front office

Filtrer par – Installé et non installé / Activé et désactivé

5. Cliquez sur le bouton “Installer” pour installer le module. Cela demanderait alors votre conformation. Cliquez sur l’option “Poursuivre l’installation”.

6. Cette étape va installer le module et afficher la notification – “Module (s) installé (s) avec succès”.

3.0 Interface d’administration

Ce module est configurable et les paramètres de configuration peuvent être mis à jour via le backend de l’interface d’administration.

3.1 Comment le module peut-il être configuré?

Une fois le module installé, vous entrez dans l’interface d’administration. Dans cet enregistrement de domaine personnalisé Prestashop, vous trouverez trois options de personnalisation.

  1. Configuration du module
  2. Section de champ personnalisée
  3. Les champs personnalisés

Configuration du module: Dans ce cas, l’administrateur du magasin Prestashop peut activer le module et également définir le CSS personnalisé.

Champ d'enregistrement Prestashop Custm - Configuration du module

Activer / Désactiver le module: L’administrateur peut personnaliser l’apparence de la même chose en entrant le code CSS personnalisé. Sans entrer dans la complexité du codage, l’administrateur peut entrer le code dans la section ci-dessous.

Compatibilité avec Prestashop GDPR: L’administrateur peut activer ou désactiver cette fonctionnalité. L’activation de cette fonctionnalité permet d’exporter et de supprimer les données utilisateur dans la requête du module Prestashop GDPR.

CSS personnalisé: L’administrateur peut personnaliser l’apparence de la même chose en entrant le code CSS personnalisé. Sans entrer dans la complexité du codage, l’administrateur peut entrer le code dans la section ci-dessous.

3.2 Comment créer la section de champ personnalisée?

La section Champ personnalisé fait référence aux blocs dans le formulaire d’inscription où les différents champs créés seront placés.

Ajouter une section de champ personnalisée: Pour créer une nouvelle section de champ, allez dans l’onglet de la section Champ personnalisé et cliquez sur le signe ‘+’ dans le côté droit comme indiqué ci-dessous.

En cliquant ici, l’administrateur sera redirigé vers la page de création de section.

L’administrateur du magasin est nécessaire pour remplir l’information et la section sera créée.

Étiquette: Ceci fait référence au nom de la section. Le nom de l’étiquette peut être entré dans plusieurs langues selon les exigences du site Web.

Emplacement: l’administrateur peut sélectionner la position dans laquelle il souhaite placer cette section de zone personnalisée particulière.

Actif: La section créée peut être désactivée simplement en basculant le bouton.

Afficher la section Champ personnalisé: La liste complète des sections de champ créées sera visible dans cet onglet, comme indiqué dans l’image ci-dessous.

Editer une liste de sections de champs personnalisées: En cas de modifications à effectuer dans la section créée, l’administrateur peut accéder à la section d’édition.

La section créée sera affichée dans la partie frontale du site Web, comme indiqué dans l’image ci-dessous.

3.3 Comment créer le champ personnalisé pour les formulaires d’inscription?

Une fois que le module Prestashop Custom Registration Fields est activé, l’administrateur obtient une option pour créer un nombre N de champs. Tout ce que l’administrateur doit faire est de cliquer sur le signe ‘+’ dans le côté droit du panneau d’administration, comme indiqué dans l’image ci-dessous.

Cela redirigera l’administrateur du magasin Prestashop vers la page de création de champ. L’administrateur devra sélectionner le type de champ qu’il cherche à créer. Les différents types de champs sont fournis dans la liste déroulante. L’administrateur peut sélectionner l’un d’eux.

Les différentes options proposées dans cette section sont mentionnées ci-dessous.

  • Texte
  • Sélectionner
  • Radio
  • Case à cocher
  • Zone de texte
  • Date du fichier

Le type de champ différent nécessitait des informations différentes à remplir. Laissez-nous en discuter un par un.

3.3.1 Champ de texte

Les champs de texte permettent aux clients d’entrer leurs informations personnelles dans une zone de texte. Ce champ peut être utilisé pour Nom, Nom, Adresse et autres informations de ce type.

L’administrateur du magasin Prestashop peut être invité à remplir le formulaire comme indiqué dans l’image ci-dessous.

Étiquette: Étiquette comprend le nom du champ qui sera affiché sur la page d’accueil du site Web.

Courte description: La brève description précise exactement ce que les clients sont censés mentionner dans ce champ.

Espace réservé: L’administrateur peut entrer l’espace réservé dans cette section. Toutes ces entrées peuvent être entrées dans plusieurs langues.

Section: Section permet à l’administrateur de sélectionner le bloc où il veut placer ce champ particulier.

Nom du champ, identifiant HTML, classe HTML: cette section fournira une identité unique aux champs. Ce sera pareil pour toutes les trois sections.

Validation: L’administrateur peut sélectionner le type de validation pour les différents champs sans apporter aucune modification à la requête. Les différentes options de validation proposées sont mentionnées ci-dessous:

  • , etc.
  • isGenericName
  • isAddress
  • isCityName
  • isMessage
  • isPhoenNumber
  • isDniLite
  • isEmail
  • IsPassword

Dans le cas où les règles de validation ne sont pas suivies lors de la saisie des informations, un message d’erreur sera affiché aux clients.

L’administrateur du magasin Prestashop peut sélectionner le type de validation selon ses besoins.

Message d’erreur: Le message d’erreur dans le cas où le client saisit une information erronée peut également être personnalisé. Cela peut être fait est plusieurs langues.

Longueur maximum et minimum: La limite de mot pour les champs peut être fixée en entrant la limite dans ces sections. Dans le cas où aucune valeur n’est entrée, la boîte de texte pourra saisir autant de caractères et de mots.

Field Validator: Cela peut être activé dans les champs obligatoires. Au cas où les visiteurs le laisseraient vide, l’extension lèvera une exception.

Modifiable par le client: Activer cette fonctionnalité fera le terrain par les clients.

Afficher dans la facture: Les informations saisies par les clients apparaîtront sur la facture si ce champ est activé.

3.3.2 Sélectionner le champ

Ce champ permet aux clients de choisir une option parmi les multiples choix disponibles. Par exemple, le champ “Genre” offre l’option “Homme” et “Femme”.

Le nom de l’étiquette, la description courte et la sélection de la section restent les mêmes dans ce type de champ que les autres. Voici les options de personnalisation offertes à l’administrateur du magasin Prestashop.

Sélection multiple: Les visiteurs peuvent bénéficier d’une option pour sélectionner plusieurs choix en activant ce bouton.

Options: Les options variées peuvent être entrées ici. Le support multilingue vous permet d’entrer les choix dans plusieurs langues.

Valeur par défaut: Ceci est un champ facultatif. L’administrateur du magasin peut définir la valeur par défaut pour les options Radio, Sélection ou Case à cocher.

3.3.3 Champ radio

Les boutons radio fonctionnent comme les préréglages de canaux sur les radios. Alors que le champ Select permet aux clients de choisir plusieurs options, les boutons radio permettent aux visiteurs de choisir une seule option à la fois.

L’option de personnalisation de ce champ est la même que celle du champ ‘Select’, seule l’option ‘Multiple Select’ est manquante ici.

3.3.4 Champ de case à cocher

Les fonctionnalités des cases à cocher sont les mêmes que les boutons radio et sélectionnez le champ. La seule différence est que les clients sélectionnent les options en cochant les cases.

3.3.5 Champ de zone de texte

Le champ de texte n’offre qu’une ligne aux visiteurs du magasin pour entrer leurs informations. Par conséquent, il peut être utilisé pour entrer Nom, Prénom et autres. Cependant, dans le cas où les lignes multiples sont requises pour entrer l’information, le type de champ de texte peut être utilisé. Même dans ce cas, la longueur maximale et minimale des caractères peut être fixée par l’administrateur du magasin.

3.3.6 Fichier

Ce champ permet aux visiteurs du magasin de télécharger un fichier tel qu’une image, des documents et d’autres sur le site Web. L’e-commerçant peut entrer les extensions de fichiers requises. Dans le cas où le client télécharge un fichier avec une extension différente, une exception ou un message d’erreur s’affichera.

3.3.7 Date

Ce champ permet aux clients d’entrer la date dans le format défini dans le backend du panneau d’administration. En cas de mauvais format ou si d’autres informations sont entrées, un message d’erreur sera affiché sur le frontal.

Les champs personnalisés entiers créés par l’administrateur du magasin Prestashop seront affichés dans le panneau d’administration.

Les champs qui ont déjà été créés peuvent être modifiés si nécessaire en cliquant sur les boutons Modifier.

3.3 Comment le champ personnalisé peut-il être exporté dans une feuille Excel?

Le champ personnalisé Prestashop pour l’extension d’enregistrement permet à l’administrateur du magasin d’exporter la liste des champs personnalisés créés dans le backend dans une feuille Excel. Cela peut être fait en cliquant sur le bouton fléché en haut du panneau d’administration sur le côté droit. La même chose a été montrée dans l’image ci-dessous. Même les sections de champs personnalisées peuvent être exportées en cliquant simplement sur un bouton.

4.0 Interface utilisateur du formulaire d’inscription de site Web

Une fois que les différents champs personnalisés et la section de champs personnalisés ont été créés, le formulaire d’inscription sera disponible pour les visiteurs du magasin. Le formulaire sera montré comme image ci-dessous:

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *