Feit: terugkerende klanten geven 67% meer uit in vergelijking met nieuwe klanten.
Het lijdt geen twijfel dat uw winkel een effectieve oplossing nodig heeft om klanten zo te oriënteren dat ze uw winkel trouw blijven. Als het gaat om het opbouwen van een loyale relatie met de klant, moet een individu zich realiseren dat als een klant een product koopt, hij altijd iets extra's verwacht naast het gekochte product. Dit kan een kortingsaanbieding zijn, een beloningsdoel voor hun volgende aankoop of mogelijk een productmonster.
Deze standaardpraktijk wordt al lang door winkeliers gebruikt om de loyaliteit van een klant ten opzichte van een winkel te vergroten. E-commerce heeft echter een nieuwe dimensie gegeven aan die conventionele loyaliteitsprogramma's.
Wat door winkels werd gebruikt om de loyaliteit van klanten te vergroten, is geëvolueerd als een op zichzelf staande B2B-onderneming. Loyaliteitssoftwareleveranciers richten zich op het e-commerce-ecosysteem en werken samen met retailers om een digitale loyaliteitstool voor hun bedrijven op te zetten.
Dit systeem van " loyaliteitssoftware van derden " beloont zowel handelaren als kopers. Terwijl handelaars zich kunnen concentreren op hun kernactiviteiten, waarbij alle loyaliteitsprogramma's worden afgehandeld door externe verkopers, kunnen klanten nieuwe leveranciers vinden en meer besparen op elke andere aankoop die ze verdienen in de vorm van loyaliteitskredieten en kortingen.
De gespecialiseerde Shopify-programmeurs bij The CISIN hadden onlangs de mogelijkheid om een
vergelijkbare externe leverancier van loyaliteitsprogramma's " Freebeespoints ". Freebees werkte aan een vergelijkbaar bedrijfsmodel om online verkopers te targeten met hun onderscheidende loyaliteitsprogramma dat enkele innovatieve functies bevat, zoals:
- Freebees-leden kunnen hun accounts gebruiken op meerdere partnersites en winkels.
- Cashback bij bestellen via een partnersite.
- Virtuele portemonnee om toezicht te houden op uw cashback en deze te gebruiken tijdens het repareren.
Om hun partnerbestand te vergroten, startten ze hun zoektocht naar internetverkopers door een plug-and-play-app voor Shopify op te zetten.
Om onze lezers een idee te geven van de fijne kneepjes van het ontwikkelen van dit soort programma, hebben we deze gids samengesteld om u door de belangrijkste functies van de Shopify-app te leiden en ook de aanpak die we hebben gevolgd om de app vanaf de grond af te maken.
Aangepaste Shopify-app-ontwikkeling
Deze op maat gemaakte Shopify-app biedt partners de mogelijkheid om ' Freebees-loyaliteitspunten ' als optie op de winkelwagenpagina van hun website op te nemen. Over de winkelwagenpagina kunnen deze klanten die zich hebben geabonneerd op het Freebees-loyaliteitspuntenprogramma het saldo van hun Freebees-account gebruiken om kortingen op hun bestellingen te krijgen.
Om deze operatie te bereiken, gebruikte de Shopify-app Freebees API om CRUD-bewerkingen uit te voeren binnen de Freebees-database.
Deze hele procedure werd gecompileerd als een ingesloten Shopify-programma dat werd gehost op de server van de klant.
Toen de app werd ingesteld, was deze gemaakt in de Shopify-beheerregio vanuit het geïnstalleerde app-alternatief:
Om de app te kunnen activeren, kreeg de admin toegang tot de app-instellingen waar hij hun Freebee-accounts kan inschakelen zodat klanten de optie op de webpagina kunnen gebruiken.
Als u klaar bent, wordt de keuze om klantenkaartinformatie in te voeren weergegeven op de winkelwagenpagina waar de klanten hun freebees-beloningsfactoren kunnen gebruiken.
De koper hoeft alleen zijn Freebees-kaartgegevens in te voeren en de machine haalt de freebees-accountinformatie van de consument op.
De koper kan het bedrag dat hij wil betalen invoeren via zijn freebees-accounts om de aankoop te doen. Het identieke bedrag wordt weergegeven als een vermindering van de bestelwaarde.
Hoe het werd voltooid
Deze app is ook gemaakt met behulp van de Embedded Apps SDK. Terwijl de poort werd gebouwd met behulp van het YII-framework, werd de poort geladen in Shopify binnen een Iframe met behulp van de ingebouwde apps-functionaliteit.
Om het Freebees-rekeningsaldo van een klant weer te geven tijdens het afrekenen, gebruiken we nu het Freebees-kaartnummer van een klant en bezorgen we een petitie aan de Freebees-server via hun internet-API. De API-callback reageert onmiddellijk met behulp van de accounttitel en het rekeningsaldo.
Deze details worden vervolgens programmatisch aan de Shopify front-end getoond en de consument kan vervolgens de gewenste waarde invoeren die hij wil betalen met behulp van het Freebees-saldo. Het simpele feit dat klanten een korting van Shopify zullen invoeren, terwijl de feitelijke accountgegevens worden opgeslagen op de Freebees-server, daarom moesten onze deskundige Shopify-ontwikkelaars een extreem veelzijdige code maken die op talloze problemen controleert.
Het bevat:
- Het beoordelen van de klant kan niet ingaan op het reductiebedrag dat zijn portefeuillesaldo overschrijdt.
- De klant kan het kortingsbedrag dat hoger is dan de artikelwaarde niet invoeren.
- Elke keer dat een klant de portemonnee gebruikt, wordt het saldo ook bijgewerkt in de freebees-database.
- Nadat de klant de korting heeft toegepast, wordt de aankoopwaarde correct bijgewerkt voordat deze verder wordt verzonden op de Shopify Checkout-pagina.
- Elke keer dat de bestelling wordt geannuleerd of geretourneerd, kan het portemonnee-evenwicht ook worden terugbetaald, afhankelijk van de volledige hoeveelheid en waarde van de winkelwagen, naast het retourbedrag en de waarde van de bestelling.
Shopify-restituties en afrekenen uitvoeren
Nadat een klant de korting met zijn Freebees-kaart heeft toegepast en vervolgens naar de afrekenpagina gaat, wordt het kortingsbedrag in mindering gebracht op het Freebees-account. Zodra hij naar de afrekenpagina gaat, wordt het saldo van zijn freebees-account bijgewerkt. De klant kan echter niet naar wens winkelwagenitems toevoegen, verwijderen of bijwerken en elke keer dat hij dit doet, werken we ook het evenwicht van de freebees-winkelwagen bij.
Niet alleen dat, deze logica wordt ook uitgebreid nadat de bestelling is ingesteld: in gebruikssituaties voor het annuleren en terugbetalen van bestellingen, aangezien de toepassing afhankelijk is van de bestelwaarde van een artikel in de Shopify-database.
Zijn proces
Om de manier te begrijpen waarop het freebees-evenwicht werd gesynchroniseerd, laten we beginnen met het idee achter het plaatsen van een bestelling in Shopify.
Omdat onze app wordt gehost door Shopify, hebben we de Shopify API-hooks gebruikt om een bestelling te plaatsen waarvan de waarde is gewijzigd vanaf een externe machine.
Gebruikmakend van de haak " Checkout Create ", waren we in staat om het afgeprijsde orderbedrag naar deze Shopify-afrekenpagina te pushen. De functie die de haak "Checkout Create" veroorzaakte, was dat de "Apply" -opdracht in de Freebees-optie van de winkelwagenpagina.
Om het saldo van de freebees-account van een klant bij te werken elke keer dat hij een product toevoegt of verwijdert op de afrekenpagina, hebben we een vergelijkbare Shopify-hook "Checkout-update" gebruikt.
Deze hook werd niet alleen gesynchroniseerd met evenementen zoals merchandise toevoegen, product verwijderen etc. maar ook samen met de standaard arrangement database. We hebben de bestelwaarde programmatisch gecontroleerd en zelfs als de aankoopwaarde werd gewijzigd door de admin na het berekenen van een terugbetaling, werd de haak " Checkout-update " automatisch geactiveerd en werd ook het beloningssaldo automatisch terugbetaald.
Conclusie
Waren er enkele grote uitdagingen tijdens het creatieproces? Niet echt!! Met jarenlange ervaring hebben onze Shopify-professionals talloze mobiele programma's ontwikkeld die API-integratie van derden en personalisatie van Shopify-winkelwagenpagina's vereisen.
Lees meer over onze avonturen in de ontwikkeling van aangepaste Shopify-apps die sterk lijken op de loyaliteitstoepassing van Freebees.
Heb je vragen over de aangepaste Shopify-app-ontwikkeling die we hebben gedaan voor Freebees? Neem vandaag nog contact met ons op om over uw ideeën te praten of neem een Shopify-ontwikkelaar in dienst als u een Shopify-alternatief wilt implementeren.
