Pourquoi devriez-vous donner l’option de personnalisation du produit \u00e0 vos clients ?<\/strong><\/p>\n Si vous vous demandez pourquoi la personnalisation du produit ? Alors voici pourquoi cela am\u00e9liorerait votre boutique en ligne.<\/p>\n Avant de commencer le processus d’installation, vous devez acheter le concepteur\/personnalisateur de produit Opencart dans la boutique Knowband. Une fois achet\u00e9, vous recevrez les fichiers suivants sur votre e-mail enregistr\u00e9. 1. Code source du module de personnalisation du produit Opencart au format de fichier compress\u00e9. 2. Manuel de l’utilisateur de l’extension de concepteur de produit personnalis\u00e9 Opencart. Maintenant, pour installer cette extension de concepteur de produits personnalis\u00e9s Opencart sur votre boutique en ligne, suivez les \u00e9tapes indiqu\u00e9es :<\/p>\n \u00c9tape 1 :<\/strong> D\u00e9compressez le fichier zip. Vous obtiendrez les dossiers comme indiqu\u00e9 dans l’image ci-dessous<\/p>\n Pour configurer l’extension Product Designer\/Customizer pour OpenCart, acc\u00e9dez aux param\u00e8tres dans l’ordre suivant : L’interface d’administration de l’extension OpenCart Product Designer\/Customizer comprend les param\u00e8tres principaux suivants :<\/p>\n Comment personnaliser un produit ?<\/strong><\/p>\n Pour personnaliser un produit, suivez le chemin suivant : Gr\u00e2ce \u00e0 ce param\u00e8tre du module Opencart Custom Product Design, l’utilisateur peut activer \/ d\u00e9sactiver l’ensemble du module et apporter des modifications \u00e0 la personnalisation du produit.<\/p>\n Ce param\u00e8tre du module Opencart Extended Product Customization permet \u00e0 l’administrateur de d\u00e9cider du prix fixe pour chaque personnalisation \u00e0 ajouter au produit. L’\u00e9cran de la m\u00eame chose ressemblera \u00e0 celui illustr\u00e9 ci-dessous :<\/p>\n Gr\u00e2ce \u00e0 ce param\u00e8tre du module Opencart Custom Product Design, l’administrateur peut contr\u00f4ler l’option Texte dans la personnalisation. L’\u00e9cran de cette option ressemblera \u00e0 celui illustr\u00e9 ci-dessous :<\/p>\n La configuration des c\u00f4t\u00e9s du module d’extension de concepteur de produit personnalis\u00e9 Opencart permet \u00e0 l’administrateur d’ajouter une image des diff\u00e9rents c\u00f4t\u00e9s du produit afin que l’utilisateur puisse personnaliser le produit de n’importe quel c\u00f4t\u00e9 de son choix. L’administrateur peut \u00e9galement nommer les c\u00f4t\u00e9s ajout\u00e9s. L’\u00e9cran ressemblera \u00e0 ceci :<\/p>\n Comment configurer les polices, les couleurs et les groupes d’images ?<\/strong><\/p>\n Pendant que vous modifiez les param\u00e8tres de personnalisation d’un produit, vous trouverez les options permettant de s\u00e9lectionner diff\u00e9rentes polices, couleurs et groupes d’images en haut \u00e0 droite de l’\u00e9cran. Vous trouverez trois options comme :<\/p>\n 1. Configurer les polices<\/strong><\/p>\n Toutes les polices qui ont \u00e9t\u00e9 ajout\u00e9es \u00e0 partir du module sont r\u00e9pertori\u00e9es ici dans cette interface. Vous pouvez directement activer ou d\u00e9sactiver n’importe quelle police.<\/p>\n Toutes les couleurs qui ont \u00e9t\u00e9 ajout\u00e9es \u00e0 l’aide du module sont r\u00e9pertori\u00e9es ici dans cette interface. Vous pouvez directement activer ou d\u00e9sactiver n’importe quelle couleur.<\/p>\n 3. Configurer les groupes d’images<\/strong><\/p>\n Cette option est donn\u00e9e dans le panneau d’administration de l’extension de concepteur de produit personnalis\u00e9 OpenCart, l’administrateur peut activer\/d\u00e9sactiver l’ensemble du module \u00e0 partir de ce param\u00e8tre. L’\u00e9cran ressemblera \u00e0 celui ci-dessous :<\/p>\n Gr\u00e2ce \u00e0 ce param\u00e8tre du module OpenCart Extended Product Customization, l’administrateur peut ajouter une nouvelle police dans le syst\u00e8me et \u00e9galement modifier celle existante. L’\u00e9cran ressemblera \u00e0 celui ci-dessous :<\/p>\n Modifier la police :<\/strong> Vous pouvez modifier un jeu de polices existant \u00e0 l’aide de l’option Modifier. Les \u00e9crans pour Modifier la police seront les m\u00eames que pour Ajouter une police. La seule diff\u00e9rence sera que Edit aura les champs d\u00e9j\u00e0 remplis.<\/p>\n Supprimer la police :<\/strong> Vous pouvez supprimer une police en cliquant sur l’ic\u00f4ne ‘Corbeille’. Une fen\u00eatre contextuelle appara\u00eetra demandant la confirmation. Vous pouvez cliquer sur oui et la police sera supprim\u00e9e.<\/p>\n Ajouter une police :<\/strong> Vous pouvez ajouter une police dans le module OpenCart Extended Product Customization en cliquant sur l’ic\u00f4ne “+” en haut de la page. L’\u00e9cran ressemblera \u00e0 celui ci-dessous :<\/p>\n Gr\u00e2ce \u00e0 ce param\u00e8tre du module OpenCart Extended Product Customization, l’administrateur peut ajouter une nouvelle couleur dans le syst\u00e8me et \u00e9galement modifier celle existante. L’\u00e9cran ressemblera \u00e0 celui ci-dessous :<\/p>\n Supprimer la couleur :<\/strong> Vous pouvez supprimer une couleur en cliquant sur l’ic\u00f4ne ‘Corbeille’. Une fen\u00eatre contextuelle appara\u00eetra demandant la confirmation. Vous pouvez cliquer sur oui et la police sera supprim\u00e9e.<\/p>\n Ajouter une couleur :<\/strong> Vous pouvez ajouter une couleur dans le module OpenCart Extended Product Customization en cliquant sur l’ic\u00f4ne “+” en haut de la page. L’\u00e9cran ressemblera \u00e0 celui ci-dessous :<\/p>\n Les param\u00e8tres de groupe d’images du module OpenCart Extended Product Customization permettent \u00e0 l’administrateur d’ajouter un groupe d’images \u00e0 proposer \u00e0 ses clients pour la personnalisation du produit. L’\u00e9cran ressemblera \u00e0 celui ci-dessous :<\/p>\n Modifier le groupe d’images :<\/strong> Vous pouvez modifier un ensemble de groupes d’images existant \u00e0 l’aide de l’option Modifier. Les \u00e9crans d’\u00e9dition d’un groupe d’images seront les m\u00eames que ceux d’ajout d’une couleur. La seule diff\u00e9rence sera que Edit aura les champs d\u00e9j\u00e0 remplis.<\/p>\n Supprimer le groupe d’images :<\/strong> Vous pouvez supprimer un groupe d’images en cliquant sur l’ic\u00f4ne ‘Corbeille’. Une fen\u00eatre contextuelle appara\u00eetra demandant la confirmation. Vous pouvez cliquer sur oui et la police sera supprim\u00e9e.<\/p>\n Ajouter un groupe d’images :<\/strong> Vous pouvez ajouter un groupe d’images dans le module OpenCart Extended Product Customization en cliquant sur l’ic\u00f4ne “+” en haut de la page. L’\u00e9cran ressemblera \u00e0 celui ci-dessous :<\/p>\n Aper\u00e7u du groupe d’images :<\/strong>\ufffdVous pouvez visualiser toutes les images d’un groupe en cliquant sur l’ic\u00f4ne “\u0152il” correspondant \u00e0 un groupe particulier. Il affichera l’\u00e9cran ci-dessous :<\/p>\n T\u00e9l\u00e9charger l’image:<\/strong> Cette option vous permettra de parcourir une image souhait\u00e9e \u00e0 partir de votre espace informatique local et de la t\u00e9l\u00e9charger ici.<\/p>\n Prix:<\/strong> Cette option d\u00e9finit le prix de l’image s\u00e9lectionn\u00e9e.<\/p>\n Actif:<\/strong> Cette option active ou d\u00e9sactive l’image pour le groupe s\u00e9lectionn\u00e9. R\u00e9glez-le sur OUI ou NON. De m\u00eame, vous pouvez cliquer sur le bouton Modifier correspondant \u00e0 l’image. Les options seront les m\u00eames, la seule diff\u00e9rence est que les champs seront remplis comme indiqu\u00e9 dans l’image ci-dessous.<\/p>\n Si le module Opencart Product Designer\/Customizer est activ\u00e9, il affichera un bouton “Personnaliser” sur la page du produit, comme indiqu\u00e9 ci-dessous.<\/p>\n En cliquant sur le bouton Personnaliser, le client verra appara\u00eetre une fen\u00eatre contextuelle qui comprendra divers param\u00e8tres de conception et de personnalisation du produit. Les clients peuvent ajouter n’importe quelle couleur, texte personnalis\u00e9, image personnalis\u00e9e ou code QR pour un produit selon leurs besoins d’achat.<\/p>\n Les clients peuvent effectuer diff\u00e9rents types de personnalisations telles que :<\/p>\n 1. Couleur<\/strong><\/p>\n <\/p>\n 2. Image<\/strong><\/p>\n Les clients peuvent s\u00e9lectionner une image de leur choix parmi les options de groupe d’images fournies.<\/p>\n Ils peuvent t\u00e9l\u00e9charger et imprimer toute autre image de leur choix depuis l’espace local.<\/p>\n Ils peuvent m\u00eame imprimer un code QR pour un texte cach\u00e9 ou un lien vers un site Web.<\/p>\n <\/p>\n 3. Texte<\/strong><\/p>\n Il affichera la case \u00e0 cocher de co\u00fbt sur l’\u00e9cran. Cliquez sur OK pour confirmer.<\/p>\n Page de r\u00e9sum\u00e9 du panier pour un produit personnalis\u00e9<\/strong><\/p>\n L’image frontale ci-dessous montre comment le produit personnalis\u00e9 s’affiche sur la page du panier avec diff\u00e9rentes options pour les clients apr\u00e8s avoir cliqu\u00e9 sur le bouton “Enregistrer la personnalisation”.<\/p>\n L’administrateur peut voir la facture de la commande et toute la configuration concernant la personnalisation du produit depuis le back-office. Les d\u00e9tails d’une commande peuvent \u00eatre consult\u00e9s dans la section Commandes du panneau d’administration.<\/p>\n En cliquant sur les images du produit, l’administrateur verra les d\u00e9tails complets du produit personnalis\u00e9 sous la forme d’un \u00e9cran contextuel comme indiqu\u00e9 ci-dessous.<\/p>\n![\"picture1\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/10\/Picture1-1.png\")
<\/a>
\nGuide d’installation 2.0<\/h2>\n<\/a>
\n\u00c9tape 2 :<\/strong> Copiez tous les dossiers du fichier zip dans le r\u00e9pertoire racine de la configuration d’OpenCart via le gestionnaire FTP. Ainsi, le module Opencart Custom Product Design est maintenant install\u00e9 avec succ\u00e8s et est pr\u00eat \u00e0 \u00eatre utilis\u00e9 dans votre magasin. Allez dans le menu admin et cliquez sur les extensions. Choisissez le type d’extension en tant que modules. Vous trouverez une liste de modules. S\u00e9lectionnez le concepteur\/personnalisateur de produit Opencart.<\/p>\nInterface d’administration 3.0 du personnalisateur Opencart Product Designer<\/h2>\n
\nPanneau d’administration > Extensions > Modules > Product Designer\/Customizer<\/strong><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n
\nCatalogue>> Produits>> S\u00e9lectionner un produit>> Modifier>> Product Designer\/Customizer<\/strong><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nUne fois que l’utilisateur a cliqu\u00e9 sur Product Designer\/Customizer, l’utilisateur aura les options suivantes dans le module Opencart Extended Product Customization :<\/p>\n3.0.1 Param\u00e9trage<\/h3>\n
<\/a><\/p>\n3.0.2 Prix<\/h3>\n
<\/a>
\nTexte 3.0.3<\/h3>\n<\/a><\/p>\nC\u00f4t\u00e9s 3.0.4<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a>
\n2. Configurer les couleurs<\/strong><\/p>\n<\/a><\/p>\n<\/a>
\nTous les groupes d’images qui ont \u00e9t\u00e9 ajout\u00e9s sont r\u00e9pertori\u00e9s ici dans cette interface. Vous pouvez directement activer ou d\u00e9sactiver n’importe quel groupe d’images. En cliquant sur le bouton “Afficher les images”, vous verrez l’\u00e9cran suivant.<\/p>\n<\/a><\/p>\n3.0.5 Configurer<\/h3>\n
<\/a>
\nPolices 3.0.6<\/h3>\n<\/a><\/p>\n
\n<\/a> <\/a><\/p>\n3.0.7 Couleurs<\/h3>\n
<\/a>
\nModifier la couleur :<\/strong> Vous pouvez modifier un jeu de couleurs existant \u00e0 l’aide de l’option Modifier. Les \u00e9crans d’\u00e9dition de couleur seront les m\u00eames que ceux d’ajout d’une couleur. La seule diff\u00e9rence sera que Edit aura les champs d\u00e9j\u00e0 remplis.<\/p>\n<\/a>
\n3.0.8 Groupe d’images<\/h3>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nIci, vous pouvez ajouter une nouvelle image dans le groupe, modifier\/supprimer l’image existante. En cliquant sur le bouton Ajouter, vous verrez les options suivantes comme indiqu\u00e9 ci-dessous :<\/p>\n<\/a><\/p>\n<\/a>
\nSupprimer une image est simple. Cliquez simplement sur l’ic\u00f4ne “Corbeille” correspondant \u00e0 l’image.<\/p>\nInterface frontale 4.0 du module de personnalisation Opencart Product Designer<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nLe client peut enregistrer toutes les personnalisations de son produit en cliquant sur le bouton Enregistrer comme indiqu\u00e9 ci-dessous.<\/p>\n<\/a><\/p>\n<\/a>
\nDe m\u00eame, ces personnalisations sont applicables \u00e0 d’autres produits du magasin comme les \u00e9tuis pour mugs et t\u00e9l\u00e9phones.<\/p>\n<\/a>
\nLe client peut voir la facture de ce produit personnalis\u00e9 comme indiqu\u00e9 ci-dessous.<\/p>\n<\/a>
\nVue de la commande depuis le panneau d’administration<\/strong><\/p>\n<\/a>
\nEn cliquant sur le bouton Afficher correspondant \u00e0 un produit, l’administrateur peut v\u00e9rifier les d\u00e9tails complets de la commande du produit personnalis\u00e9.<\/p>\n<\/a><\/p>\n
![\n<\/a>](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/10\/Picture19-1.png\"){kind=link}