Ayez une fonction "Construisez votre bague de fiançailles" sur votre site web d'e-commerce de bijoux pour augmenter les conversions de vente

Construisez votre bague de fiançailles

Par Prashant Telang.

Venez jeter un coup d'œil à notre site Web ultra-rapide VueJs based ring builder

La création d'une bague en VueJs est un processus très rapide et très efficace.

TransPacific Software a développé des fonctionnalités " Concevez votre bague " sur mesure sur diverses plateformes, notamment Shopify, Shopify Plus, Magento, Opencart, PrestaShop et Woocommerce avec intégration API des données sur les diamants.
" Concevez votre bague de fiançailles " ou " Construisez une bague " est une fonctionnalité très populaire sur les boutiques de commerce électronique de bijoux en diamant. En fait, selon notre étude, les acheteurs de bijoux passent 70% du temps de visite total sur les fonctionnalités de construction d'une bague.

Le concepteur de bagues vous permet de choisir parmi de nombreux styles pour créer une bague sur mesure. Ils permettent non seulement de sélectionner le style, mais aussi le métal et les diamants de différentes formes à incruster dans la bague.

Si votre boutique en ligne de bijoux ne propose pas la fonction " Créez votre propre bague ", vous risquez de perdre beaucoup en termes de conversion des visiteurs.

Construisez votre bague

Création d'une fonction intuitive "Concevoir une bague":

Le développement d'une fonction "construire une bague" de bonne qualité est une tâche complexe. Il faut investir dans le développement de logiciels et dans la photographie d'anneaux.

Photographie:

Ring all

.

Des photographies et des rendus de bonne qualité constituent l'ingrédient de base. Vous devez disposer d'images sur fond blanc des bagues, de préférence dans plusieurs métaux. Il est important que toutes les bagues soient photographiées d'un point de vue similaire afin qu'un utilisateur puisse les comparer côte à côte.

Les photos doivent être de bonne qualité.

Compilation des données:

Le deuxième aspect le plus important est celui des données. Les données relatives aux spécifications de vos anneaux sont-elles compilées et présentées sous forme de tableaux ? Organisez vos données dans une feuille de calcul. Vous trouverez ci-dessous une liste d'exemples de champs de données pour la compilation des données relatives aux bagues et aux parures.
Identification de la conception, métal, style de conception, forme du diamant, plage de carats du diamant, description des détails du diamant latéral, détails du diamant, délai de livraison, prix, etc.
La compilation des données doit se faire dans le bon format en fonction du cadre de votre boutique en ligne. Si votre boutique en ligne est sur Magento, la compilation des données doit être formatée en produits configurables et en modèles de produits simples. Il est essentiel que vous consultiez votre équipe de développement sur le format de données correctes.

Le déroulement de l'outil Design your ring:

Il y a deux façons pour un utilisateur d'essayer de construire une bague.
Sélectionner d'abord un diamant suivi d'une sélection de design ou vice versa, c'est-à-dire sélectionner un design de bague puis rechercher un diamant approprié.
La deuxième option de sélection de bague suivie d'une sélection de diamant est la plus répandue. Cependant, certains sites Web peuvent intégrer les deux flux.

Comment devrait être un dispositif Build-A Ring de bonne qualité :

step img tps

1. l'interface doit être assez simple

L'outil de conception d'une bague doit être sans ambiguïté. Il doit être présenté étape par étape, en commençant par Sélectionner une bague - sélectionner un diamant - ajouter au panier - acheter. Avec la possibilité de modifier la conception de la bague et du diamant à n'importe quel moment.

2. indicateur d'état

Au cours du processus de construction d'un anneau, une barre d'état devrait indiquer la progression. Cela permet aux utilisateurs d'avoir une vue d'ensemble des progrès réalisés.

3 Vitesse

L'utilisateur peut essayer de nombreuses combinaisons de pierres et de bagues. La vitesse de chargement des pages est donc importante. Nous suggérons d'incorporer largement les appels AJAX afin que la page ne se charge pas de manière répétée. Des tests de chargement des pages et des audits de code doivent être effectués pour atteindre une vitesse maximale. Après tout, personne ne veut perdre un client simplement à cause de la lenteur de l'outil. Voici le lien vers notre démo extrêmement fast ring builder demo

basée sur ReactJS.

Enregistrer dans la liste de souhaits

Très peu d'utilisateurs achèteront la bague immédiatement. La plupart d'entre eux souhaitent créer quelques combinaisons et les enregistrer dans leur liste de souhaits ou dans Mon compte. Ils peuvent également partager ces combinaisons avec leurs amis. Pour ce faire, il suffit de créer un "Mon compte" et de prévoir l'enregistrement et le partage des combinaisons.

Figramme de la conception d'une bague personnalisée (Cliquez pour agrandir)

build Ring all

La technologie et le besoin de personnalisation

Beaucoup de Javascript:

Bien que la fonctionnalité Build a Ring puisse être construite sur n'importe quelle plateforme, y compris Shopify, Magento, Opencart, Prestashop, Woocommerce ou des paniers d'achat personnalisés, elle est unique pour chaque site de commerce électronique. En fonction des besoins, une personnalisation poussée est suggérée. Par exemple, une monture peut ne pas convenir à des diamants en forme de poire ou de cœur. Ou encore, un modèle particulier peut ne pas être disponible en or rose. Ces restrictions doivent être intégrées par le développeur

La fonction de conception d'une bague peut comporter des activités intuitives à l'écran, notamment le glissement et le dépôt d'une pierre sur le modèle de la bague ou la vérification du coût de la bague dans plusieurs métaux. Ces activités requièrent beaucoup de Java Scripting et de jquery, ce qui les rend particulièrement vulnérables à la compatibilité entre navigateurs.

Il est absolument impératif de tester de manière approfondie la fonctionnalité "Construire un anneau" dans plusieurs navigateurs et sur plusieurs appareils, y compris les appareils mobiles.

Les prix des métaux changent constamment :

En raison de la fluctuation constante des prix de l'or et du platine, le développeur doit fournir une fonctionnalité permettant à l'administrateur du site Web d'ajuster les prix des métaux à partir de l'interface d'administration du back-end. Il est également possible d'utiliser des services web tiers tels que Precious Metal API pour obtenir les prix des métaux.

L'image du diamant se superpose aux paramètres:

TPS Diamonds

En allant plus loin, une fonctionnalité avancée peut être fournie pour superposer des diamants de différentes formes sur la photo de la bague. Cela permet de visualiser instantanément l'apparence d'une bague avec des diamants de différentes formes. Toutefois, la création d'une telle fonctionnalité nécessite des rendus de sertissages/montages (sans diamant) dans un angle de perspective. En outre, la fonction de superposition des diamants nécessite l'utilisation de scripts Java de niveau expert.

Modèles 3D:

Les avancées futures de "Design your ring" consistent à créer des rendus 3D interactifs de décors qui peuvent être visualisés à 360 degrés. Une telle fonctionnalité nécessite des modèles 3D de décors(3DS, format Obj)qui peuvent être rendus dans les navigateurs html5.

Pour plus de détails, contactez : [email protected]

 
Google Reviews oogle Reviews

4.5