Opencart Product Designer / Customizer Extension – Manuel d'utilisation

1.0 Présentation

Tout le monde aime une touche personnelle. Cela est particulièrement vrai dans l'univers des achats en ligne d'aujourd'hui, qui vous permet de commander le produit de votre choix dans le confort de votre propre canapé. En outre, l'augmentation spectaculaire du nombre de magasins en ligne a offert aux clients un large éventail d'options d'achat. Et c’est là que la personnalisation du produit entre en jeu. Les entreprises qui personnalisent, conçoivent, modifient et commercialisent leurs produits selon les besoins ou les désirs du client.Opencart Product Designer / Customizer offre de nombreux avantages et conduit généralement à des taux de conversion plus élevés. Jusqu'à il y a quelques années, les produits personnalisés étaient quasiment limités à un petit cercle de marques et d'articles. Il s'agissait principalement d'articles de cadeaux, de produits de vitrine ou de produits de marketing. Au sens figuré, vous pouvez compter le nombre d'éléments personnalisés sur les doigts d'une main. Heureusement, beaucoup de choses ont changé. Pour le bien. Les vendeurs de presque tout, des robes aux chemises en passant par les sacs à main et même les produits de consommation courante, découvrent les avantages et la valeur de la personnalisation du produit. De plus en plus de marques découvrent que la personnalisation d’articles et de services est un excellent moyen d’augmenter la fidélité et l’engagement des clients. OpenCart Product Designer / Customizer est un moyen simple de laisser vos clients personnaliser n'importe quel produit en fonction de leurs souhaits et de passer une commande avec vous. Cela donne à vos clients la possibilité d’obtenir le produit qu’ils veulent et la manière dont ils le souhaitent, augmentant ainsi vos ventes. Les clients peuvent facilement ajouter des textes riches en couleurs avec des effets, télécharger leurs images avec des filtres et ajouter un code QR pour les adapter à leurs besoins.

Pourquoi devriez-vous donner l'option de personnalisation de produit à vos clients?

Si vous vous demandez pourquoi la personnalisation de produit? Alors voici pourquoi cela améliorerait votre boutique en ligne.

picture1
Guide d'installation 2.0

Avant de commencer le processus d'installation, vous devez acheter Opencart Product Designer / Customizer auprès de la boutique Knowband. Une fois acheté, vous recevrez les fichiers suivants sur votre email enregistré. 1. Code source du module de personnalisation du produit Opencart au format de fichier zippé. 2. Manuel d'utilisation de l'extension de concepteur de produit personnalisé Opencart. Maintenant, pour installer cette extension de concepteur de produit personnalisé Opencart sur votre boutique en ligne, suivez les étapes indiquées:

Étape 1 : Décompressez le fichier zip. Vous obtiendrez les dossiers comme indiqué dans l'image ci-dessous

picture2
Étape 2 : Copiez tous les dossiers du fichier zip dans le répertoire racine du programme d'installation OpenCart via le gestionnaire FTP. Le module Opencart Custom Product Design a donc été installé avec succès et est prêt à être utilisé dans votre magasin. Allez dans le menu admin et cliquez sur les extensions. Choisissez le type de poste en tant que modules. Vous trouverez une liste de modules. Sélectionnez le concepteur / personnaliseur de produit Opencart.

Interface d’administration 3.0 d’Opencart Product Designer Customizer

Pour configurer l'extension Product Designer / Customizer pour OpenCart, naviguez les paramètres dans l'ordre suivant:
Panneau d'administration> Extensions> Modules> Product Designer / Customizer

picture3

picture4

picture5

L’interface d’administration de l’extension OpenCart Product Designer / Customizer comprend les principaux paramètres suivants:

  • Configurer
  • Couleurs
  • Fonte
  • Groupe d'images

Comment personnaliser un produit?

Pour personnaliser un produit, suivez le chemin suivant:
Catalogue >> Produits >> Sélectionnez un produit >> Édition >> Product Designer / Customizer

picture6

picture7

picture8
Une fois que l'utilisateur a cliqué sur le concepteur / personnaliseur de produit, il disposera des options suivantes dans le module Personnalisation étendue de produit d'OpenCart:

Configuration 3.0.1

Grâce à ce paramètre du module Opencart Custom Product Design, l’utilisateur peut activer / désactiver l’ensemble du module et apporter des modifications à la personnalisation du produit.

picture9

3.0.2 Prix

Ce paramètre du module Personnalisation étendue de produit d'OpenCart permet à l'administrateur de décider du prix fixe pour chaque personnalisation à ajouter au produit. L'écran pour le même va ressembler à l'illustration ci-dessous:

picture10
Texte 3.0.3

Grâce à ce paramètre du module Opencart Custom Product Design, l’Administrateur peut contrôler l’option Texte dans la personnalisation. L'écran de cette option se présentera comme indiqué ci-dessous:

picture11

Côtés 3.0.4

Sides La configuration du module d’extension de concepteur de produit personnalisé Opencart permet à l’Administrateur d’ajouter une image de différents côtés du produit afin que l’utilisateur puisse personnaliser le produit de n’importe quel côté souhaité. L'administrateur peut également nommer les côtés ajoutés. L'écran ressemblera à l'illustration suivante:

picture12

Comment configurer les polices, les couleurs et les groupes d'images?

picture13

Lorsque vous modifiez les paramètres de personnalisation d'un produit, vous trouverez les options permettant de sélectionner différents polices, couleurs et groupes d'images dans le coin supérieur droit de l'écran. Vous trouverez trois options comme:

1. Configurer les polices

Toutes les polices ajoutées à partir du module sont répertoriées ici dans cette interface. Vous pouvez directement activer ou désactiver n'importe quelle police.

picture14
2. Configurer les couleurs

Toutes les couleurs ajoutées à l'aide du module sont répertoriées ici dans cette interface. Vous pouvez directement activer ou désactiver n'importe quelle couleur.

picture15

3. Configurer les groupes d'images

picture16
Tous les groupes d'images ajoutés sont listés ici dans cette interface. Vous pouvez directement activer ou désactiver n’importe quel groupe d’images. En cliquant sur le bouton "Voir les images", vous verrez l'écran suivant.

picture17

3.0.5 Configure

Cette option est proposée dans le panneau d'administration de l'extension de concepteur de produit personnalisé OpenCart. L'administrateur peut activer / désactiver l'ensemble du module à partir de ce paramètre. L'écran ressemblera à l'illustration ci-dessous:

picture18
Polices 3.0.6

Grâce à ce paramètre du module OpenCart Extended Product Customization, l’administrateur peut ajouter une nouvelle police au système et également modifier celle qui existe. L'écran ressemblera à l'illustration ci-dessous:

picture19

Modifier la police: Vous pouvez modifier un jeu de polices existant à l'aide de l'option Modifier. Les écrans pour Modifier la police seront les mêmes que pour Ajouter une police. La seule différence sera que Edit aura les champs déjà remplis.

Supprimer la police: Vous pouvez supprimer une police en cliquant sur l'icône "Corbeille". Une fenêtre pop-up apparaîtra pour demander la confirmation. Vous pouvez cliquer sur oui et la police sera supprimée.

Ajouter une police: Vous pouvez ajouter une police dans le module de personnalisation de produit OpenCart Extended en cliquant sur l'icône '+' située en haut de la page. L'écran ressemblera à l'illustration ci-dessous:


picture20

3.0.7 Couleurs

Grâce à ce paramètre du module de personnalisation du produit OpenCart Extended, l’administrateur peut ajouter une nouvelle couleur au système et également modifier la couleur existante. L'écran ressemblera à l'illustration ci-dessous:

picture21
Modifier la couleur: Vous pouvez modifier un jeu de couleurs existant à l'aide de l'option Modifier. Les écrans pour l’édition des couleurs seront les mêmes que pour l’ajout d’une couleur. La seule différence sera que Edit aura les champs déjà remplis.

Supprimer la couleur: Vous pouvez supprimer une couleur en cliquant sur l'icône «Corbeille». Une fenêtre pop-up apparaîtra pour demander la confirmation. Vous pouvez cliquer sur oui et la police sera supprimée.

Ajouter une couleur: Vous pouvez ajouter une couleur dans le module de personnalisation de produit OpenCart Extended en cliquant sur l’icône '+' situé en haut de la page. L'écran ressemblera à l'illustration ci-dessous:

picture22
Groupe d'images 3.0.8

Les paramètres de groupe d'images du module OpenCart Extended Product Customization permettent à l'administrateur d'ajouter un groupe d'images à offrir à ses clients pour la personnalisation du produit. L'écran ressemblera à l'illustration ci-dessous:

picture23

Modifier le groupe d'images: Vous pouvez modifier un ensemble de groupes d'images existant à l'aide de l'option Modifier. Les écrans pour l’édition du groupe d’images seront les mêmes que pour l’ajout d’une couleur. La seule différence sera que Edit aura les champs déjà remplis.

Supprimer le groupe d'images: Vous pouvez supprimer un groupe d'images en cliquant sur l'icône "Corbeille". Une fenêtre pop-up apparaîtra pour demander la confirmation. Vous pouvez cliquer sur oui et la police sera supprimée.

Ajouter un groupe d'images: Vous pouvez ajouter un groupe d'images dans le module OpenCart Extended Product Customization en cliquant sur l'icône '+' indiquée en haut de la page. L'écran ressemblera à l'illustration ci-dessous:

picture24

Aperçu du groupe d'images:?You can view all the images within a group by clicking on the “Eye” icon corresponding to a particular group. It will show the below screen:

picture25
Ici, vous pouvez ajouter une nouvelle image au groupe, éditer / supprimer l’image existante. En cliquant sur le bouton Ajouter, vous verrez les options suivantes, comme indiqué ci-dessous:

picture26

Télécharger une image: Cette option vous permettra de parcourir une image souhaitée depuis votre espace informatique local et de la télécharger ici.

Prix: Cette option définit le prix de l'image sélectionnée.

Actif: Cette option active ou désactive l'image pour le groupe sélectionné. Réglez-le sur OUI ou NON. De même, vous pouvez cliquer sur le bouton Modifier correspondant à l'image. Les options seront les mêmes, la seule différence est que les champs seront remplis comme indiqué dans l'image ci-dessous.

picture27
Supprimer une image est simple. Il suffit de cliquer sur l'icône "Corbeille" correspondant à l'image.

Interface frontale 4.0 du module de personnalisation du concepteur de produit Opencart

Si le module Opencart Product Designer / Customizer est activé, un bouton "Personnaliser" apparaît sur la page du produit, comme indiqué ci-dessous.

picture28

En cliquant sur le bouton Personnaliser, une fenêtre contextuelle s’affiche qui présente divers paramètres de conception et de personnalisation du produit. Les clients peuvent ajouter n'importe quelle couleur, texte personnalisé, image personnalisée ou code QR pour un produit, conformément à leurs exigences d'achat.

picture29

Les clients peuvent effectuer différents types de personnalisations, telles que:

1. Couleur

picture30

2. Image

picture31

Les clients peuvent sélectionner une image de leur choix parmi les options de groupe d'images fournies.

picture32

Ils peuvent télécharger et imprimer toute autre image de leur choix à partir de l’espace local.

picture33

Ils peuvent même imprimer un code QR pour du texte caché ou un lien vers un site Web.

picture34

3. Texte

picture35
Le client peut enregistrer toutes les personnalisations de son produit en cliquant sur le bouton Enregistrer, comme indiqué ci-dessous.

picture36

La case à cocher des coûts s’affiche à l’écran. Cliquez sur OK pour confirmer.

picture37
De même, ces personnalisations sont applicables à d'autres produits du magasin tels que des étuis de tasse et de téléphone.

Page de résumé du panier pour un produit personnalisé

L'image ci-dessous montre comment le produit personnalisé s'affiche sur la page du panier avec différentes options pour les clients après avoir cliqué sur le bouton "Enregistrer la personnalisation".

picture38
Le client peut voir la facture de ce produit personnalisé comme indiqué ci-dessous.

picture39
Vue de la commande à partir du panneau d'administration

L'administrateur peut voir la facture de la commande et toute la configuration relative à la personnalisation du produit depuis le back-office. Les détails d'une commande peuvent être consultés dans la section Commandes du panneau d'administration.

picture40
En cliquant sur le bouton Afficher correspondant à un produit, l'administrateur peut vérifier les détails complets de la commande du produit personnalisé.

picture41

En cliquant sur les images du produit, l'administrateur visualisera les détails complets du produit personnalisé sous la forme d'un écran contextuel, comme indiqué ci-dessous.

picture42

picture43


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 *