Shopify startet eine benutzerdefinierte Anwendung mit einem Kundenbindungsprogramm

Shopify startet eine benutzerdefinierte Anwendung mit einem Kundenbindungsprogramm

Fakt: Stammkunden geben im Vergleich zu Neukunden 67% mehr aus.

Es ist nicht zu leugnen, dass Ihr Geschäft eine effektive Lösung benötigt, um Kunden so zu orientieren, dass sie Ihrem Geschäft treu bleiben. Wenn es darum geht, eine treue Beziehung zum Kunden aufzubauen, muss eine Person erkennen, dass ein Kunde, wenn er ein Produkt kauft, immer etwas Zusätzliches zum gekauften Produkt erwartet. Dies kann ein Rabattangebot, ein Belohnungszweck für den folgenden Kauf oder möglicherweise ein Produktmuster sein.

Diese Standardpraxis wird seit langem von Einzelhandelsgeschäftsinhabern verwendet, um die Loyalität eines Kunden gegenüber einem Geschäft zu erhöhen. Der E-Commerce hat diesen herkömmlichen Treueprogrammen jedoch eine neue Dimension verliehen.

Was von Einzelhandelsgeschäften zur Steigerung der Kundenbindung genutzt wurde, hat sich zu einem eigenständigen B2B-Unternehmen entwickelt. Loyalty-Softwareanbieter zielen auf das E-Commerce-Ökosystem ab und arbeiten mit Einzelhändlern zusammen, um ein digitales Loyalty-Tool für ihre Unternehmen einzurichten.

Dieses " Treue-Software von Drittanbietern " belohnt sowohl Händler als auch Käufer. Während sich Händler mit dem gesamten Treueprogramm, das von Drittanbietern abgewickelt wird, auf ihr Kerngeschäft konzentrieren können, können Kunden neue Anbieter finden und bei jedem anderen Einkauf, den sie in Form von Treuegutschriften und Rabatten verdienen, mehr sparen.

Die spezialisierten Shopify-Programmierer von The CISIN hatten kürzlich die Gelegenheit, a

vergleichbarer Drittanbieter-Treueprogrammanbieter " Freebeespoints ". Freebees arbeitete an einem vergleichbaren Geschäftsmodell für die Ausrichtung auf Online-Händler mit ihrem unverwechselbaren Treueprogramm, das einige innovative Funktionen enthält, wie:

  • Freebees-Mitglieder können ihre Konten auf mehreren Partner-Websites und in Einzelhandelsgeschäften verwenden.
  • Cashback bei Bestellung von einer Partnerseite.
  • Virtuelle Brieftasche zur Überwachung Ihres Cashbacks und zur Verwendung beim Reparieren.

Um ihre Partnerbasis zu vergrößern, haben sie ihre Suche nach Internet-Händlern durch die Einrichtung einer Plug-and-Play-App für Shopify initialisiert.

Um unseren Lesern ein Konzept der Feinheiten zu vermitteln, die mit der Entwicklung dieser Art von Programm verbunden sind, erstellen wir diesen Leitfaden, der Sie durch die wichtigsten Funktionen der Shopify-App und den Ansatz zur Erstellung der App von Grund auf führt.

Kundenspezifische Shopify App-Entwicklung

Diese benutzerdefinierte Shopify-App bietet Partnern die Möglichkeit, " Freebees-Treuepunkte " als Option in die Warenkorbseite ihrer Website aufzunehmen. Über die Warenkorbseite können diese Kunden, die das Freebees-Treuepunkteprogramm abonniert haben, ihren Freebees-Kontostand verwenden, um Rabatte auf ihre Bestellungen zu erhalten.

Um diesen Vorgang zu erreichen, verwendete die Shopify-App die Freebees-API, um CRUD-Vorgänge in der Freebees-Datenbank durchzuführen.

Diese gesamte Prozedur wurde als eingebettetes Shopify-Programm kompiliert, das auf dem Server des Clients gehostet wurde.

Als die App eingerichtet wurde, wurde sie in der Shopify-Administratorregion über die installierte App-Alternative erstellt:

Um die App aktivieren zu können, erhielt der Administrator Zugriff auf die App-Einstellungen, in denen er seine Freebee-Konten aktivieren kann, damit Kunden die Option auf der Webseite verwenden können.

Sobald dies erledigt ist, wird die Auswahl zur Eingabe von Treuekarteninformationen auf der Warenkorbseite angezeigt, auf der die Kunden ihre Belohnungsfaktoren für Werbegeschenke nutzen können.

Der Käufer kann lediglich seine Freebees-Kartendetails eingeben und das Gerät ruft die Freebees-Kontoinformationen des Verbrauchers ab.

Der Käufer kann den Betrag, den er bezahlen möchte, über sein Freebees-Konto eingeben, um den Kauf abzuschließen. Der identische Betrag wird als Reduzierung des Bestellwertes dargestellt.

Wie es abgeschlossen wurde

Diese App wurde ebenfalls mit dem Embedded Apps SDK erstellt. Während der Port mit dem YII-Framework erstellt wurde, wurde der Port mithilfe der Funktionalität für eingebettete Apps in Shopify innerhalb eines Iframes geladen.

Um den Freebees-Kontostand eines Kunden während der Kaufabwicklung anzuzeigen, verwenden wir jetzt die Freebees-Kartennummer eines Kunden und senden eine Petition über die Internet-API an den Freebees-Server. Der API-Rückruf reagiert sofort mit dem Kontotitel und dem Kontostand.

Diese Details werden dann programmgesteuert im Shopify-Frontend angezeigt, und der Verbraucher kann dann den gewünschten Wert eingeben, den er mit dem Freebees-Guthaben bezahlen möchte. Die einfache Tatsache, dass Kunden einen Rabatt von Shopify eingeben, während die tatsächlichen Kontodaten auf dem Freebees-Server gespeichert werden. Daher mussten unsere erfahrenen Shopify-Entwickler einen äußerst vielseitigen Code erstellen, der nach zahlreichen Problemen sucht.

Es enthält:

  • Die Beurteilung des Kunden ist nicht in der Lage, auf den Reduzierungsbetrag zuzugreifen, der sein Brieftaschenguthaben übersteigt.
  • Der Kunde kann den Rabattbetrag nicht eingeben, der den Artikelwert überschreitet.
  • Jedes Mal, wenn ein Kunde die Brieftasche verwendet, wird der Kontostand auch in der Freebees-Datenbank aktualisiert.
  • Nachdem der Kunde die Reduzierung angewendet hat, wird der Kaufwert korrekt aktualisiert, bevor er auf der Shopify Checkout-Seite weiter gesendet wird.
  • Jedes Mal, wenn die Bestellung storniert oder zurückgesandt wird, kann das Brieftaschengleichgewicht zusätzlich zur Menge und dem Wert der Rücksendung der Bestellung auch in Abhängigkeit von der vollständigen Menge und dem Wert des Warenkorbs zurückerstattet werden.

Betrieb von Shopify-Rückerstattungen und Kasse

Nachdem ein Kunde den Rabatt mit seiner Freebees-Karte angewendet hat, wechselt er zur Checkout-Seite und der ermäßigte Betrag wird vom Freebees-Konto abgezogen. Sobald er zur Checkout-Seite wechselt, wird sein Freebees-Kontostand aktualisiert. Der Kunde ist jedoch nicht in der Lage, Warenkorbartikel nach Belieben hinzuzufügen, zu entfernen oder zu aktualisieren. Jedes Mal, wenn er dies tut, aktualisieren wir auch das Gleichgewicht des Werbegeschenks.

Darüber hinaus wird diese Logik erweitert, nachdem die Bestellung festgelegt wurde: In Anwendungsfällen für Stornierung und Rückerstattung von Bestellungen, da die Anwendung vom Bestellwert einer Ware in der Shopify-Datenbank abhängt.

Sein Prozess

Um zu verstehen, wie das Freebees-Gleichgewicht synchronisiert wurde, verstehen wir zunächst die Idee, die hinter der Bestellung innerhalb von Shopify steht.

Da unsere App von Shopify aus gehostet wird, haben wir die Shopify-API-Hooks verwendet, um eine Bestellung aufzugeben, deren Wert von einem externen Computer aus geändert wird.

Mit dem Haken " Checkout Create " konnten wir den reduzierten Bestellbetrag auf diese Shopify-Checkout-Seite übertragen. Die Funktion, die den Hook "Checkout Create" auslöste, war der Befehl "apply" in der Option "Freebees" auf der Warenkorbseite.

Um den Freebees-Kontostand eines Kunden jedes Mal zu aktualisieren, wenn er ein Produkt auf der Checkout-Seite hinzufügt oder entfernt, haben wir einen vergleichbaren Shopify-Hook "Checkout-Update" verwendet.

Dieser Hook wurde nicht nur mit Ereignissen wie Hinzufügen von Waren, Entfernen von Produkten usw. synchronisiert, sondern auch mit der Standard-Arrangement-Datenbank. Wir haben den Bestellwert programmgesteuert überwacht und selbst wenn der Kaufwert vom Administrator nach der Berechnung einer Rückerstattung geändert wurde, wurde automatisch der Hook "Checkout-Update " ausgelöst und auch das Prämienguthaben wurde automatisch zurückerstattet.

Fazit

Gab es während des Erstellungsprozesses einige große Herausforderungen? Nicht wirklich!! Mit jahrelanger Erfahrung haben unsere Shopify-Profis unzählige Mobilfunkprogramme entwickelt, die eine API-Integration von Drittanbietern und eine Personalisierung der Shopify-Warenkorbseiten erfordern.

Lesen Sie mehr über unsere Abenteuer in der Entwicklung von benutzerdefinierten Shopify-Apps, die der Freebees-Treue-Anwendung sehr ähnlich sind.

Haben Sie Fragen zur benutzerdefinierten Shopify-App-Entwicklung, die wir für Freebees durchgeführt haben? Nehmen Sie noch heute Kontakt mit uns auf, um über Ihre Ideen zu sprechen, oder beauftragen Sie einen Shopify-Entwickler, wenn Sie eine gewohnheitsmäßige Shopify-Alternative implementieren möchten.