Shopify lance une application personnalisée avec un programme de fidélisation client

Shopify lance une application personnalisée avec un programme de fidélisation client

Réalité: Les clients réguliers dépensent 67% de plus par rapport aux nouveaux clients.

Il est indéniable que votre boutique a besoin d'une solution efficace pour orienter les clients afin qu'ils restent fidèles à votre boutique. S'il s'agit d'établir une relation loyale avec le client, un individu doit se rendre compte que si un client achète un produit, il attend toujours quelque chose en plus du produit acheté. Cela peut être une offre de réduction, des récompenses pour leur achat suivant ou éventuellement un échantillon de produit.

Cette pratique standard a longtemps été utilisée par les propriétaires de magasins de détail pour fidéliser un client envers un magasin. Cependant, le commerce électronique a apporté une nouvelle dimension à ces programmes de fidélisation classiques.

Ce qui était utilisé par les points de vente pour fidéliser la clientèle a évolué en tant qu'entreprise commerciale B2B autonome. Les éditeurs de logiciels de fidélisation ciblent l' écosystème du e-commerce et coopèrent avec les enseignes afin de mettre en place un outil de fidélisation numérique pour leurs entreprises.

Ce système de «logiciel de fidélisation tiers » récompense aussi bien les commerçants que les acheteurs. Alors que les commerçants peuvent se concentrer sur leur activité principale avec tout le programme de fidélité géré par des vendeurs tiers, les clients peuvent trouver de nouveaux fournisseurs et économiser davantage sur chaque autre achat qu'ils gagnent sous forme de crédits de fidélité et de remises.

Les programmeurs spécialisés Shopify du CISIN ont récemment eu l'opportunité d'assister un

fournisseur de programme de fidélité tiers comparable " Freebeespoints ". Freebees a travaillé sur un modèle commercial comparable de ciblage des marchands en ligne avec leur programme de fidélité distinctif qui contient des fonctionnalités innovantes telles que:

  • Les membres Freebees peuvent utiliser leurs comptes sur plusieurs sites partenaires et magasins de détail.
  • Cashback à la commande sur un site partenaire.
  • Portefeuille virtuel pour superviser votre cashback et l'utiliser lors de la réparation.

Afin d'élargir leur base de partenaires, ils ont initialisé leur recherche de marchands Internet en créant une application plug and play pour Shopify.

Pour donner à nos lecteurs une idée des subtilités liées au développement de ce type de programme, nous composons ce guide pour vous guider à travers les fonctionnalités clés fournies par l'application Shopify ainsi que l'approche que nous avons adoptée pour créer l'application à partir de zéro.

Développement d'applications Shopify personnalisées

Cette application Shopify construite sur mesure permet aux partenaires d'inclure des « points de fidélité Freebees » en option dans la page du panier de leur site Web. À propos de la page du panier, ces clients qui se sont abonnés au programme de points de fidélité Freebees peuvent utiliser le solde de leur compte Freebees pour obtenir des réductions sur leurs commandes.

Afin de réaliser cette opération, l'application Shopify a utilisé l'API Freebees pour mener des opérations CRUD au sein de la base de données Freebees.

L'ensemble de cette procédure a été compilé en tant que programme intégré Shopify hébergé sur le serveur du client.

Lorsque l'application a été configurée, elle avait été créée dans la région d'administration Shopify à partir de l'alternative de l'application installée:

Pour pouvoir activer l'application, l'administrateur a eu accès aux paramètres de l'application où il peut activer leurs comptes Freebee afin que les clients puissent utiliser l'option sur la page Web.

Une fois cela fait, le choix de saisir les informations de la carte de fidélité apparaîtra sur la page Panier où les clients peuvent utiliser leurs facteurs de récompenses freebees.

L'acheteur peut simplement saisir les détails de sa carte Freebees et la machine récupère les informations de compte freebees du consommateur.

L'acheteur peut saisir la somme qu'il souhaite payer via ses comptes freebees afin d'effectuer l'achat. Le montant identique est représenté comme une réduction de la valeur de la commande.

Comment cela a été fait

Cette application a également été créée à l'aide du SDK des applications intégrées. Alors que le port a été construit en utilisant le framework YII, le port a été chargé dans Shopify dans un Iframe à l'aide de la fonctionnalité des applications intégrées.

Afin d'afficher le solde du compte Freebees d'un client lors du paiement, nous utilisons maintenant le numéro de carte Freebees d'un client et livrons une pétition au serveur Freebees via leur API Internet. Le rappel de l'API réagit instantanément en utilisant le titre du compte et le solde du compte.

Ces détails sont ensuite affichés sur le front-end de Shopify par programme et le consommateur peut ensuite saisir la valeur souhaitée qu'il aimerait payer en utilisant le solde Freebees. Le simple fait que les clients saisiront une remise de Shopify alors que les détails réels du compte sont enregistrés sur le serveur Freebees, c'est pourquoi nos développeurs experts Shopify ont dû créer un code extrêmement polyvalent qui vérifie de nombreux problèmes.

Il comprend:

  • L'évaluation du client ne peut pas entrer dans le montant de la réduction qui dépasse le solde de son portefeuille.
  • Le client ne peut pas saisir le montant de la remise qui dépasse la valeur de l'article.
  • Chaque fois qu'un client utilise le portefeuille, le solde est également mis à jour dans la base de données freebees.
  • Une fois que le client a utilisé la réduction, la valeur d'achat est correctement mise à jour avant de l'envoyer plus loin dans la page Shopify Checkout.
  • Chaque fois que la commande est annulée ou retournée, l'équilibre du portefeuille peut également être remboursé en fonction de la quantité et de la valeur complète du panier, en plus du montant et de la valeur de la commande retournée.

Fonctionnement des remboursements et du paiement Shopify

Une fois qu'un client a appliqué la réduction avec sa carte Freebees, puis passe à la page de paiement, la somme remise est déduite sur le compte Freebees. Une fois qu'il passe à la page de paiement, le solde de son compte freebees est mis à jour. Cependant, le client ne peut pas ajouter, supprimer ou mettre à jour les articles du panier selon sa convenance et chaque fois qu'il le fait, nous mettons également à jour l'équilibre du panier freebees.

De plus, cette logique est également étendue après la définition de la commande: dans les instances d'utilisation pour l'annulation de commande et les remboursements, car l'application dépend de la valeur de la commande d'un produit dans la base de données Shopify.

Son processus

Pour être en mesure de comprendre la façon dont l'équilibre des abeilles a été synchronisé, commençons par comprendre l'idée derrière la commande dans Shopify.

Comme notre application est hébergée hors de Shopify, par conséquent, afin de passer une commande dont la valeur est modifiée à partir d'une machine externe, nous avons utilisé les hooks de l'API Shopify.

En utilisant le crochet " Checkout Create ", nous avons pu transférer le montant de la commande remise sur cette page de paiement Shopify. La fonction qui a déclenché le hook "Checkout Create" était la commande "Apply" dans l'option Freebees de la page du panier.

Afin de mettre à jour le solde du compte freebees d'un client chaque fois qu'il ajoute ou supprime un produit dans la page de paiement, nous avons utilisé un crochet Shopify comparable «Mise à jour de la caisse».

Ce hook n'est pas seulement synchronisé avec des événements tels que l'ajout de marchandise, la suppression d'un produit, etc., mais également avec la base de données d'arrangement par défaut. Nous avons surveillé par programme la valeur de la commande et même lorsque la valeur d'achat était modifiée par l'administrateur après le calcul d'un remboursement, le crochet « Mise à jour de la commande » était automatiquement déclenché et le solde des récompenses était également remboursé automatiquement.

Conclusion

Y a-t-il eu des défis majeurs lors du processus de création? Pas vraiment!! Avec des années d'expérience, nos professionnels Shopify ont développé d'innombrables programmes cellulaires qui nécessitent l'intégration d'API tierces et la personnalisation de la page du panier Shopify.

En savoir plus sur nos aventures dans le développement d'applications Shopify personnalisées très similaires à l'application de fidélité Freebees.

Avez-vous des questions sur le développement de l'application Shopify personnalisée que nous avons fait pour Freebees? Contactez-nous dès aujourd'hui pour parler de vos idées ou embauchez un développeur Shopify si vous souhaitez mettre en œuvre une alternative à Shopify.