Shopify lancia un'applicazione personalizzata con un programma di fidelizzazione dei clienti

Shopify lancia un'applicazione personalizzata con un programma di fidelizzazione dei clienti

Fatto: i clienti abituali spendono il 67% in più rispetto ai nuovi clienti.

Non si può negare il semplice fatto che il tuo negozio ha bisogno di una soluzione efficace per orientare i clienti in modo che rimangano fedeli al tuo negozio. Se si tratta di stabilire un rapporto leale con il cliente, un individuo deve rendersi conto che se un cliente acquista un prodotto, si aspetta sempre qualcosa in più rispetto al prodotto acquistato. Questa può essere un'offerta di sconto, uno scopo di ricompensa per il loro acquisto successivo o eventualmente un campione di prodotto.

Questa pratica standard è stata a lungo utilizzata dai proprietari di negozi al dettaglio per aumentare la fedeltà di un cliente nei confronti di un negozio. Tuttavia, l'e-commerce ha contribuito con una nuova dimensione a quei programmi di fidelizzazione convenzionali.

Ciò che è stato utilizzato dai punti vendita al dettaglio per aumentare la fedeltà dei clienti si è evoluto come un'impresa commerciale B2B autonoma. I fornitori di software fedeltà stanno prendendo di mira l' ecosistema dell'e-commerce e collaborano con i rivenditori in modo da creare uno strumento di fedeltà digitale per le loro aziende.

Questo " software di fidelizzazione di terze parti " premia sia i commercianti che gli acquirenti. Mentre i commercianti possono concentrarsi sul loro core business con tutto il programma fedeltà gestito da venditori di terze parti, i clienti possono trovare nuovi fornitori e risparmiare di più su ogni altro acquisto che guadagnano sotto forma di crediti fedeltà e sconti.

I programmatori specializzati di Shopify presso The CISIN hanno recentemente avuto l'opportunità di assistere un

fornitore di programmi fedeltà di terze parti paragonabile " Freebeespoints ". Freebees ha lavorato su un modello di business comparabile di targeting dei commercianti online con il loro programma fedeltà distintivo che contiene alcune caratteristiche innovative come:

  • I membri di Freebees possono utilizzare i propri account su più siti partner e negozi al dettaglio.
  • Cashback sull'ordinazione da un sito partner.
  • Portafoglio virtuale per monitorare il tuo cashback e utilizzarlo durante la correzione.

Per ampliare la loro base di partner, hanno inizializzato la ricerca di commercianti su Internet creando un'app plug and play per Shopify.

Per dare ai nostri lettori un'idea delle complessità legate allo sviluppo di questo tipo di programma, abbiamo composto questa guida per guidarvi attraverso le funzionalità chiave fornite dall'app di Shopify e anche l'approccio che abbiamo adottato per creare l'app da zero.

Sviluppo di app Shopify personalizzato

Questa app Shopify costruita su misura offre ai partner la possibilità di includere " punti fedeltà Freebees " come opzione nella pagina del carrello del loro sito web. Riguardo alla pagina del carrello, questi clienti che si sono iscritti al programma di punti fedeltà Freebees possono utilizzare il saldo del loro account Freebees per ottenere sconti sui loro ordini.

Per ottenere questa operazione, l'app di Shopify ha utilizzato l'API di Freebees per condurre operazioni CRUD all'interno del database di Freebees.

L'intera procedura è stata compilata come un programma integrato di Shopify ospitato sul server del cliente.

Quando l'app è stata configurata, è stata creata nella regione di amministrazione di Shopify dall'alternativa dell'app installata:

Per poter attivare l'app, l'amministratore ha avuto accesso alle impostazioni dell'app dove può abilitare i propri account Freebee in modo che i clienti possano utilizzare l'opzione sulla pagina web.

Una volta fatto, la scelta di inserire i dati della carta fedeltà verrà visualizzata nella pagina del carrello dove i clienti possono utilizzare i loro fattori di ricompensa gratuiti.

L'acquirente può semplicemente inserire i dettagli della sua carta Freebees e la macchina recupera le informazioni sull'account Freebees del consumatore.

L'acquirente può inserire la somma che vorrebbe pagare tramite i suoi conti freebees in modo da effettuare l'acquisto. Lo stesso importo è rappresentato come una riduzione del valore dell'ordine.

Come è stato completato

Questa app è stata costruita utilizzando anche l'SDK delle app incorporate. Mentre la porta è stata costruita utilizzando il framework YII, la porta è stata caricata all'interno di Shopify all'interno di un Iframe con l'aiuto della funzionalità delle app incorporate.

Per visualizzare il saldo del conto Freebees di un cliente durante il checkout, ora utilizziamo il numero di carta Freebees di un cliente e consegniamo una petizione al server Freebees tramite la sua API Internet. La richiamata API reagisce immediatamente utilizzando il titolo dell'account e il saldo dell'account.

Questi dettagli vengono quindi visualizzati nel front-end di Shopify in modo programmatico e il consumatore può quindi inserire il valore desiderato che vorrebbe pagare utilizzando il saldo di Freebees. Il semplice fatto che i clienti inseriranno un valore di sconto da Shopify mentre i dettagli dell'account effettivo vengono salvati sul server di Freebees, quindi i nostri sviluppatori esperti di Shopify hanno dovuto creare un codice estremamente versatile che verifica numerosi problemi.

Include:

  • Valutare il cliente non è in grado di accedere all'importo della riduzione che supera il saldo del suo portafoglio.
  • Il cliente non può inserire l'importo dello sconto che supera il valore dell'articolo.
  • Ogni volta che un cliente utilizza il portafoglio, il saldo viene aggiornato anche nel database di freebees.
  • Dopo che il cliente utilizza la riduzione, il valore di acquisto viene aggiornato correttamente prima di inviarlo ulteriormente nella pagina di pagamento di Shopify.
  • Ogni volta che l'ordine viene annullato o restituito, l'equilibrio del portafoglio può anche essere rimborsato in base alla quantità e al valore del carrello completo, oltre all'importo e al valore dell'ordine di restituzione.

Operare Shopify rimborsi e checkout

Dopo che un cliente ha applicato lo sconto con la sua carta Freebees, passa alla pagina di pagamento, quindi la somma scontata viene detratta nell'account Freebees. Una volta che si sposta alla pagina di pagamento, il saldo del suo conto freebees viene aggiornato. Tuttavia, il cliente non è in grado di aggiungere, rimuovere o aggiornare gli articoli del carrello secondo la sua convenienza e ogni volta che lo fa, aggiorniamo anche l'equilibrio del carrello di freebees.

Non solo, questa logica viene estesa anche in seguito all'impostazione dell'ordine: nelle istanze di utilizzo per l'annullamento dell'ordine e per i rimborsi, in quanto l'applicazione dipende dal valore dell'ordine di una merce all'interno del database di Shopify.

Il suo processo

Per essere in grado di capire il modo in cui è stato sincronizzato l'equilibrio di freebees, iniziamo col comprendere l'idea alla base di effettuare un ordine all'interno di Shopify.

Poiché la nostra app è ospitata da Shopify, quindi per effettuare un ordine il cui valore viene modificato da una macchina esterna, abbiamo utilizzato gli hook dell'API di Shopify.

Utilizzando il gancio " Checkout Crea ", siamo stati in grado di inserire l'importo scontato dell'ordine in questa pagina di pagamento di Shopify. La funzione che ha attivato l'hook "Checkout Crea" era che il comando "applica" nell'opzione Freebees dalla pagina del carrello.

Per aggiornare il saldo del conto freebees di un cliente ogni volta che aggiunge o rimuove qualsiasi prodotto nella pagina di checkout, abbiamo utilizzato un hook di Shopify simile "Checkout update".

Questo hook non è stato solo sincronizzato con eventi come l'aggiunta di merce, la rimozione di un prodotto, ecc., Ma anche insieme al database di arrangiamento predefinito. Abbiamo monitorato programmaticamente il valore dell'ordine e anche quando il valore di acquisto è stato modificato dall'amministratore dopo aver calcolato un rimborso, è stato attivato automaticamente il gancio "Aggiornamento checkout " e anche il saldo dei premi è stato rimborsato automaticamente.

Conclusione

Ci sono state alcune sfide importanti durante il processo di creazione? Non proprio!! Con anni di esperienza, i nostri professionisti di Shopify hanno sviluppato innumerevoli programmi cellulari che richiedono l'integrazione di API di terze parti e la personalizzazione della pagina del carrello di Shopify.

Leggi di più sulle nostre avventure nello sviluppo di app Shopify personalizzate molto simili all'applicazione fedeltà Freebees.

Hai qualche domanda sullo sviluppo di app Shopify personalizzato che abbiamo fatto per Freebees? Mettiti in contatto con noi oggi per parlare delle tue idee o assumi lo sviluppatore Shopify se stai cercando di implementare un'abitudine alternativa a Shopify.