Prestashop Custom Product Designer | Module de personnalisation de produit

Présentation du module de conception de produits personnalisés PrestaShop

Réalisez des personnalisations rapides et personnalisées grâce au module Prestashop de personnalisation des produits. Grâce à son interface interactive et intuitive, les utilisateurs peuvent utiliser son panneau de conception transparent.

Permettez la personnalisation des produits PrestaShop sans effort, en offrant un large éventail d'idées de conception préchargées, diverses illustrations et styles de police. Quel que soit l'appareil utilisé par les utilisateurs, ces fonctionnalités leur permettent de créer des conceptions à la volée.

Le Product Designer Prestashop permet à vos clients de personnaliser tout type de produit comme des chaussures, des lunettes, des t-shirts, des cartes de visite, des tasses et bien plus encore. Le concepteur de produits personnalisés Prestashop peut être utilisé à des fins multiples, peut être utilisé pour un usage personnel, pour n'importe quel événement ou pour offrir à quelqu'un.

Regardez la vidéo ci-dessous pour plus de détails :

Fonctionnalités clés offertes par la personnalisation de produits PrestaShop

Après l'installation réussie du module de personnalisation du produit Prestashop, vous en traiterez les deux faces. L'un est le front-end et l'autre est le back-end.

CARACTÉRISTIQUES DU FRONT OFFICE :

Le front-end englobe la zone de conception où les clients peuvent concevoir des produits. Sur la page produit, où ils trouvent le bouton "Personnaliser". En cliquant sur le bouton, les utilisateurs seront redirigés vers le studio de création, leur permettant de personnaliser le produit sélectionné selon leurs préférences.

Paramètres de texte/police pour les clients

• Les polices peuvent être sélectionnées dans une liste de polices préchargées.
• La taille de la police peut être ajustée.
• L'alignement et les styles du texte peuvent être ajustés.
• Les clients peuvent modifier la rotation du texte.
• Les clients peuvent ajuster la transparence des balises de texte selon leurs besoins. Pour définir la transparence, sélectionnez d'abord une balise, puis ajustez la transparence en faisant glisser le curseur de transparence.
• Faites simplement glisser et déposez le texte pour modifier sa position n'importe où sur le produit.

Paramètres d'image pour les clients

• Les utilisateurs peuvent sélectionner des images/images clipart préchargées ou les ajouter à partir de l'URL ou d'un ordinateur.
• Option pour redimensionner les images.
• Les clients peuvent modifier la rotation des images.
• Les clients peuvent ajuster la transparence des images.
• Faites glisser et déposez des images pour modifier leur position

Tags mobiles

• Les clients peuvent faire glisser/déplacer une balise de texte/d'image pour ajuster leur conception selon leurs besoins.

Idées de design et mes créations

• Les utilisateurs ont la possibilité de choisir les idées de conception définies par l'administrateur.
• Les utilisateurs peuvent ajouter plusieurs créations dans la section Mes créations.

Télécharger les conceptions PDF

• Les utilisateurs peuvent télécharger le PDF des créations à partir de la section Mes créations ou les supprimer. L'administrateur peut également ajouter des filigranes aux fichiers PDF.

Couches

• Les utilisateurs peuvent ajuster les calques ajoutés, c'est-à-dire modifier la position des calques par simple glisser-déposer.
• Les calques peuvent être supprimés de cette section.

Sélection du matériel d'impression

• Si les options de support d'impression sont fournies pour un produit spécifique par l'administrateur, les clients pourront sélectionner/modifier le support d'impression en fonction de leurs besoins.

Option de transparence/rotation du texte et de l'image

• Les clients peuvent ajuster la transparence ou les balises de texte/image selon leurs besoins.
• Pour définir la transparence, sélectionnez d'abord une balise, cliquez sur l'onglet Outils et ajustez la transparence en faisant glisser le curseur de transparence.
• Le client peut également modifier la rotation du texte et de l'image.

Découvrez toutes les fonctionnalités restantes du module PrestaShop Product Designer :

• Les utilisateurs peuvent prévisualiser le produit personnalisé.
• Les dimensions de l'aperçu dans la page du panier peuvent être configurées
• Les conceptions personnalisées des clients peuvent être affichées sur la page de commande.
• Bibliothèque de canevas mise à jour.
• L'administrateur peut prédéfinir les positions des images et du texte
• Plusieurs modèles peuvent être ajoutés.
• Le calcul du prix est visible en fonction des personnalisations.
• Les clients peuvent consulter leur personnalisation sur la page du panier avant la fermeture.
• Multi-magasin et multilingue pris en charge.

La dernière mise à jour comprend

• Nouvelle interface utilisateur améliorée pour le back-office
• Améliorations de l'interface utilisateur frontale
• Possibilité de démarrer une conception à partir de zéro couche dans le front-end
• Importer des images en masse dans le back-office
• Désormais, chaque section de modification de produit possède sa section de modèles prédéfinis
• Bloc d'astuces ajouté sur le devant pour econfort d'utilisation
• Option pour activer ou désactiver le blocage des astuces
• Correction d'un bug : correction de la vue de sélection des calques sur le front-end
• Correction d'un bug : problème de prix supplémentaire en double lorsque plusieurs conceptions sont corrigées au niveau du frontal
• Correction d'un bug : la section Back-office de la modification du produit présentait un problème de taille de conception corrigé
• Nouvelle fonctionnalité : un élément de menu dans le back-office vous permet de copier la conception du produit vers d'autres produits/catégories

FONCTIONNALITÉS DU BACK-OFFICE

La partie importante de la personnalisation des produits Prestashop est son panneau d'administration convivial. Il s'agit du panneau de configuration dans lequel vous pouvez configurer les paramètres de personnalisation du produit. Les paramètres du backend sont divisés en deux parties. L'un à partir duquel l'administrateur peut ajouter des polices, des images, des couleurs et du matériel d'impression, et l'autre à partir duquel l'administrateur peut ajouter des conceptions prédéfinies et des paramètres PDF.

Prenons simplement l'exemple d'un T-shirt sur lequel l'administrateur peut ajouter quatre côtés différents, à savoir le devant, le dos, le bras droit et le bras gauche. Chaque face peut avoir son texte et son image. L'administrateur peut personnaliser les structures de frais pour chaque côté.

Voici les paramètres généraux du module de conception de produits personnalisés PrestaShop : 

Paramètres généraux

• L'administrateur peut définir la largeur et la hauteur de l'image d'aperçu.
• L'administrateur peut activer/désactiver l'option de téléchargement d'images à partir d'une URL et d'un PC.
• L'administrateur peut définir la police et la couleur par défaut.
• L'administrateur peut activer l'affichage des astuces sur le front-office.
• La sélection des matériaux pourrait être rendue obligatoire au choix.
• Option permettant d'activer les conceptions prédéfinies sur le front-office.
• L'administrateur peut activer l'option de filigrane sur le PDF et également configurer ses paramètres.
• L'administrateur peut définir la zone Workplace à partir du backend.
• Option permettant de définir l'orientation du PDF, verticale ou horizontale.

Configuration des polices, des couleurs et des images : 

• Option permettant de télécharger des polices et des images personnalisées.
• Ajoutez des styles et des tailles de police pour les champs de texte.
• Option permettant d'ajouter une nouvelle couleur de police ou de modifier la couleur de police existante.
• Des polices, images et couleurs spécifiques peuvent être activées/désactivées

Matériel d'impression 

• L'administrateur peut ajouter plusieurs options de supports d'impression pour un produit. Par exemple, pour les bannières, vous pouvez ajouter du vinyle, du poly ou de la toile et laisser le client choisir le matériau sur lequel la bannière doit être imprimée. Un autre exemple est celui des plaques de nom/désignation où vous pouvez ajouter des options de matériaux pour les clients comme le métal, le bois, etc.
• Vous pouvez ajouter un nombre illimité de supports d'impression avec une option d'aperçu pour les clients

Options de tarification individuelles

L'administrateur peut attribuer les coûts de chaque option de personnalisation séparément du back-end. Vous pouvez définir des frais de personnalisation pour les images, les balises, le texte et les numéros.

Options de tarification dynamique

L'option de tarification dynamique vous permet d'attribuer un prix en fonction de la gamme des éléments de conception. c'est-à-dire que si un utilisateur ajoute jusqu'à 3 éléments de conception, le prix sera de 2 $ chacun et pour 3 à 6 éléments de conception, l'administrateur peut attribuer le prix de chaque élément à 3 $. Vous pouvez y ajouter plusieurs intervalles de prix.

Compatible avec les variantes de produits

Si un produit comporte des variantes (couleur, taille), les clients peuvent sélectionner des variantes sur la page de conception.

Conception basée sur des couches

Chaque élément de conception ajouté par l'utilisateur aura son calque séparé. Le prix de chacun de ces éléments est mentionné sur le calque. Les utilisateurs peuvent facilement ajouter et supprimer des calques.

Chaque côté du produit possède son propre ensemble de couches.

Modèles de conception prédéfinis

Vous pouvez ajouter des designs prédéfinis pour chaque produit. Les utilisateurs pourront déployer ces conceptions en un seul clic.

Téléchargement de fichiers prêts à imprimer pour l'administrateur

• L'administrateur du magasin peut télécharger le fichier de commande de personnalisation au format JPG/JPEG prêt à imprimer.

Génération de PDF pour les clients

• Activer/Désactiver les options de téléchargement de fichiers PDF sur le front-end pour les clients

Configurer l'option de filigrane

• Vous pouvez activer/désactiver le filigrane pour les téléchargements de PDF
• Définir un texte de filigrane personnalisé.
• Définir la couleur du texte du filigrane personnalisé.
• Définissez une taille de police personnalisée pour le texte en filigrane.

Compatible avec les variantes de produits

• Si un produit comporte des variantes (couleur, taille), les clients peuvent sélectionner des variantes sur la page de conception.

Conception basée sur des couches

• Chaque élément de conception ajouté par l'utilisateur aura son propre calque distinct. Le prla glace pour chacun de ces éléments est mentionnée sur la couche. L'utilisateur peut facilement ajouter et supprimer des calques.

• Chaque côté du produit possède son propre ensemble de calques.

Modèles de conception prédéfinis

• Vous pouvez ajouter des designs prédéfinis pour chaque produit. L'utilisateur pourra déployer ces conceptions en un seul clic.