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é. De plus, l’augmentation spectaculaire du nombre de boutiques 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 mettent en œuvre la personnalisation des produits, conçoivent, modifient et commercialisent leurs articles selon les besoins ou les désirs du client.Concepteur/personnalisateur de produits Opencart 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 à peu près limités à un petit cercle de marques et d’articles. Il s’agissait principalement d’articles cadeaux, de produits de vitrine ou de marchandises marketing. Au sens figuré, vous pourriez compter la quantité d’articles personnalisés sur les doigts d’une main. Heureusement, beaucoup de choses ont changé. Pour le bien. Les vendeurs d’à peu près tout, des robes aux chemises en passant par les sacs à main et même les biens de consommation emballés, découvrent les avantages et la valeur de la personnalisation des produits. De plus en plus de marques découvrent que la personnalisation des articles et des services est un excellent moyen d’améliorer la fidélité et l’engagement des clients. OpenCart Product Designer/Customizer est un moyen simple de permettre à vos clients de personnaliser n’importe quel produit selon leur désir et de passer une commande avec vous. Cela donne à votre client la flexibilité d’obtenir le produit qu’il souhaite et de la manière dont il le souhaite, 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 l’adapter à leurs besoins.
Pourquoi devriez-vous donner l’option de personnalisation du produit à vos clients ?
Si vous vous demandez pourquoi la personnalisation du produit ? Alors voici pourquoi cela améliorerait votre boutique en ligne.
Guide d’installation 2.0
Avant de commencer le processus d’installation, vous devez acheter le concepteur/personnalisateur de produit Opencart dans la boutique Knowband. Une fois acheté, vous recevrez les fichiers suivants sur votre e-mail enregistré. 1. Code source du module de personnalisation du produit Opencart au format de fichier compressé. 2. Manuel de l’utilisateur de l’extension de concepteur de produit personnalisé Opencart. Maintenant, pour installer cette extension de concepteur de produits personnalisés 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
Étape 2 : Copiez tous les dossiers du fichier zip dans le répertoire racine de la configuration d’OpenCart via le gestionnaire FTP. Ainsi, le module Opencart Custom Product Design est maintenant 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 d’extension en tant que modules. Vous trouverez une liste de modules. Sélectionnez le concepteur/personnalisateur de produit Opencart.
Interface d’administration 3.0 du personnalisateur Opencart Product Designer
Pour configurer l’extension Product Designer/Customizer pour OpenCart, accédez aux paramètres dans l’ordre suivant :
Panneau d’administration > Extensions > Modules > Product Designer/Customizer
L’interface d’administration de l’extension OpenCart Product Designer/Customizer comprend les paramètres principaux suivants :
- Configurer
- Matcha Colors
- Fonte
- Groupe d’images
Comment personnaliser un produit ?
Pour personnaliser un produit, suivez le chemin suivant :
Catalogue>> Produits>> Sélectionner un produit>> Modifier>> Product Designer/Customizer
Une fois que l’utilisateur a cliqué sur Product Designer/Customizer, l’utilisateur aura les options suivantes dans le module Opencart Extended Product Customization :
3.0.1 Paramétrage
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.
3.0.2 Prix
Ce paramètre du module Opencart Extended Product Customization permet à l’administrateur de décider du prix fixe pour chaque personnalisation à ajouter au produit. L’écran de la même chose ressemblera à celui illustré ci-dessous :
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 ressemblera à celui illustré ci-dessous :
Côtés 3.0.4
La configuration des côtés du module d’extension de concepteur de produit personnalisé Opencart permet à l’administrateur d’ajouter une image des différents côtés du produit afin que l’utilisateur puisse personnaliser le produit de n’importe quel côté de son choix. L’administrateur peut également nommer les côtés ajoutés. L’écran ressemblera à ceci :
Comment configurer les polices, les couleurs et les groupes d’images ?
Pendant que vous modifiez les paramètres de personnalisation d’un produit, vous trouverez les options permettant de sélectionner différentes polices, couleurs et groupes d’images en haut à droite de l’écran. Vous trouverez trois options comme :
1. Configurer les polices
Toutes les polices qui ont été ajoutées à partir du module sont répertoriées ici dans cette interface. Vous pouvez directement activer ou désactiver n’importe quelle police.
2. Configurer les couleurs
Toutes les couleurs qui ont été 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.
3. Configurer les groupes d’images
Tous les groupes d’images qui ont été ajoutés sont répertoriés ici dans cette interface. Vous pouvez directement activer ou désactiver n’importe quel groupe d’images. En cliquant sur le bouton “Afficher les images”, vous verrez l’écran suivant.
3.0.5 Configurer
Cette option est donné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 à celui ci-dessous :
Polices 3.0.6
Grâce à ce paramètre du module OpenCart Extended Product Customization, l’administrateur peut ajouter une nouvelle police dans le système et également modifier celle existante. L’écran ressemblera à celui ci-dessous :
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 contextuelle apparaîtra demandant la confirmation. Vous pouvez cliquer sur oui et la police sera supprimée.
Ajouter une police : Vous pouvez ajouter une police dans le module OpenCart Extended Product Customization en cliquant sur l’icône “+” en haut de la page. L’écran ressemblera à celui ci-dessous :
3.0.7 Couleurs
Grâce à ce paramètre du module OpenCart Extended Product Customization, l’administrateur peut ajouter une nouvelle couleur dans le système et également modifier celle existante. L’écran ressemblera à celui ci-dessous :
Modifier la couleur : Vous pouvez modifier un jeu de couleurs existant à l’aide de l’option Modifier. Les écrans d’édition de couleur seront les mêmes que ceux d’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 contextuelle apparaîtra demandant la confirmation. Vous pouvez cliquer sur oui et la police sera supprimée.
Ajouter une couleur : Vous pouvez ajouter une couleur dans le module OpenCart Extended Product Customization en cliquant sur l’icône “+” en haut de la page. L’écran ressemblera à celui ci-dessous :
3.0.8 Groupe d’images
Les paramètres de groupe d’images du module OpenCart Extended Product Customization permettent à l’administrateur d’ajouter un groupe d’images à proposer à ses clients pour la personnalisation du produit. L’écran ressemblera à celui ci-dessous :
Modifier le groupe d’images : Vous pouvez modifier un ensemble de groupes d’images existant à l’aide de l’option Modifier. Les écrans d’édition d’un groupe d’images seront les mêmes que ceux d’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 contextuelle apparaîtra demandant 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 “+” en haut de la page. L’écran ressemblera à celui ci-dessous :
Aperçu du groupe d’images :�Vous pouvez visualiser toutes les images d’un groupe en cliquant sur l’icône “Œil” correspondant à un groupe particulier. Il affichera l’écran ci-dessous :
Ici, 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é ci-dessous :
Télécharger l’image: Cette option vous permettra de parcourir une image souhaitée à partir de 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.
Supprimer une image est simple. Cliquez simplement sur l’icône “Corbeille” correspondant à l’image.
Interface frontale 4.0 du module de personnalisation Opencart Product Designer
Si le module Opencart Product Designer/Customizer est activé, il affichera un bouton “Personnaliser” sur la page du produit, comme indiqué ci-dessous.
En cliquant sur le bouton Personnaliser, le client verra apparaître une fenêtre contextuelle qui comprendra 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 selon leurs besoins d’achat.
Les clients peuvent effectuer différents types de personnalisations telles que :
1. Couleur
2. Image
Les clients peuvent sélectionner une image de leur choix parmi les options de groupe d’images fournies.
Ils peuvent télécharger et imprimer toute autre image de leur choix depuis l’espace local.
Ils peuvent même imprimer un code QR pour un texte caché ou un lien vers un site Web.
3. Texte
Le client peut enregistrer toutes les personnalisations de son produit en cliquant sur le bouton Enregistrer comme indiqué ci-dessous.
Il affichera la case à cocher de coût sur l’écran. Cliquez sur OK pour confirmer.
De même, ces personnalisations sont applicables à d’autres produits du magasin comme les étuis pour mugs et téléphones.
Page de résumé du panier pour un produit personnalisé
L’image frontale 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”.
Le client peut voir la facture de ce produit personnalisé comme indiqué ci-dessous.
Vue de la commande depuis le panneau d’administration
L’administrateur peut voir la facture de la commande et toute la configuration concernant 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.
En cliquant sur le bouton Afficher correspondant à un produit, l’administrateur peut vérifier les détails complets de la commande du produit personnalisé.
En cliquant sur les images du produit, l’administrateur verra les détails complets du produit personnalisé sous la forme d’un écran contextuel comme indiqué ci-dessous.
