Ajouter un champ personnalisé dans le formulaire de commande Prestashop

Tuto Prestashop

L’ajout d’un champ personnalisé dans le formulaire de commande Prestashop peut s’avérer essentiel pour répondre aux besoins spécifiques de votre entreprise. Que ce soit pour collecter un numéro de TVA, un message pour le livreur, ou toute autre information importante, cette personnalisation vous permet d’offrir une expérience sur mesure à vos clients. Dans cet article, nous vous guidons étape par étape pour intégrer un champ supplémentaire dans le formulaire de commande de votre boutique.

Difficulté

Facile

Temps

60 minutes

Coût

Gratuit

Pourquoi ajouter un champ personnalisé dans Prestashop ?

Par défaut, Prestashop propose un formulaire de commande standard. Cependant, chaque entreprise a ses particularités, et il peut être nécessaire de :

Collecter des données spécifiques comme un numéro de TVA pour des transactions B2B.
Permettre aux clients de laisser un commentaire ou des instructions pour la livraison.
Obtenir des informations supplémentaires pour des produits personnalisés ou des services spécifiques.

Ces ajustements permettent d’améliorer l’expérience utilisateur tout en répondant à vos besoins opérationnels.

Les étapes pour ajouter un champ personnalisé dans le formulaire de commande

Voici un guide détaillé pour intégrer un champ supplémentaire dans le formulaire de commande de votre boutique Prestashop.

Identifiez vos besoins

Avant de commencer, posez-vous les bonnes questions :

Quel type d’information voulez-vous recueillir avec ce champ personnalisé prestashop ? (ex. : numéro de TVA, message, référence spécifique)
Ce champ doit-il être obligatoire ou facultatif ?
Où souhaitez-vous afficher ce champ ? (ex. : dans la page d’adresse, au checkout, ou ailleurs)

Modifiez les fichiers de Prestashop

L’ajout d’un champ personnalisé nécessite une modification du code source. Assurez-vous d’avoir une sauvegarde de votre site avant toute intervention.

Ajoutez le champ dans la base de données : Accédez à votre base de données via PHPMyAdmin et ajoutez une colonne dans la table concernée. Par exemple, pour ajouter un champ de TVA :
ALTER TABLE ps_address ADD COLUMN vat_number VARCHAR(255);
Modifiez le modèle correspondant : Éditez le fichier du modèle lié au formulaire d’adresse ou de commande. Les fichiers sont situés dans le dossier /classes ou /controllers.
Ajoutez le champ dans le formulaire : Rendez-vous dans le fichier du template concerné, situé dans /themes/votre_theme/templates/checkout. Par exemple, pour ajouter un champ dans l’adresse, modifiez :

				
					<div class="form-group">
<label for="vat_number">Numéro de TVA</label>

<input type="text" id="vat_number" name="vat_number" class="form-control" placeholder="Entrez votre numéro de TVA">

</div>

Validez et enregistrez les données

Pour vous assurer que les données saisies par vos clients sont correctement enregistrées :

Mettez à jour les contrôleurs dans le fichier PHP associé pour inclure la validation et l’enregistrement du champ dans la base de données.
Exemple de code dans AddressController.php

				
					$vat_number = Tools::getValue('vat_number');
if (!Validate::isGenericName($vat_number)) {
    $this->errors[] = $this->trans('Invalid VAT number.', [], 'Shop.Notifications.Error');
}
$address->vat_number = $vat_number;

Afficher votre champ

Pour permettre à l’administrateur de voir ce nouveau champ dans les commandes :

Modifiez le fichier admin/themes/default/template/controllers/orders/helpers/view/view.tpl pour inclure votre champ personnalisé.

Les modules pour simplifier l’ajout de champs personnalisés

Si vous préférez éviter les modifications manuelles, Prestashop propose des modules prêts à l’emploi pour ajouter facilement des champs personnalisés :

Custom Fields for Checkout : Ajoutez des champs personnalisés dans la commande.
Advanced Custom Fields : Intégrez des champs avec des options avancées de validation.

Ces modules simplifient le processus et minimisent les risques d’erreurs.

Quelques conseils pour une intégration réussie

Restez simple : Évitez de surcharger votre formulaire avec trop de champs pour ne pas décourager vos clients.
Testez avant mise en ligne : Vérifiez que le champ s’affiche correctement et que les données sont bien enregistrées.
Assurez la conformité RGPD : Informez vos clients sur l’utilisation de leurs données si vous collectez des informations sensibles.

Ajouter un champ personnalisé dans le formulaire de commande Prestashop est une solution efficace pour adapter votre boutique aux besoins spécifiques de vos clients et de votre entreprise. En suivant ce guide ou en utilisant des modules dédiés, vous pouvez enrichir l’expérience utilisateur tout en répondant à vos objectifs commerciaux.

N’attendez plus, personnalisez votre formulaire et transformez votre boutique en un outil parfaitement adapté à vos besoins !

Comment ajouter un champ dans la base de données Prestashop?

Pour ajouter un champ dans la base de données Prestashop, vous devez utiliser un module personnalisé ou créer une requête SQL manuelle. Cela implique d’accéder à la base de données via PHPMyAdmin ou en utilisant les fonctions SQL intégrées de Prestashop. Vous ajoutez une colonne à la table concernée (par exemple, ps_customer) avec une commande SQL comme présenté sur cette page. Ensuite, il faut modifier les fichiers PHP pour intégrer ce champ dans l’interface utilisateur et son traitement.

Pourquoi ajouter un champ personnalisé dans Prestashop ?

Ajouter un champ personnalisé permet de collecter des informations spécifiques à vos besoins (par exemple, numéro de TVA, préférences de livraison, etc.). Cela améliore l’expérience utilisateur et répond à des contraintes commerciales, légales ou logistiques.

Est-ce que ajouter un champ personnalisé sur Prestashop est payant ?

Si vous le faites vous-même, cela est gratuit. Cependant, si vous utilisez un module ou engagez un développeur, cela peut engendrer des coûts. Des modules payants simplifient souvent ce processus pour les non-développeurs.