Case Study - Custom Recharge Kundenportal und Custom App
Implementierung eines Custom Kundenportals mit Anbindung an Recharge mit allen Flows und Upsell-/Buy-Again-Komponenten und einem eigenen Kündigungsflow sowie einer Custom App für die Verwaltung der Abos für Mitarbeiter.
- Kunde
- Einzelhandel (Konzern, NDA)
- Jahr
- Service
- Shopify Custom App, Connector, Alaiko, Recharge
Überblick
Unser Kunde verwendet Recharge für Abos seiner Produkten. Es gibt zwei Produkte mit jeweils drei Varianten (Einmalkauf, Prepaid und Flex), die alternierend versendet werden. (Jeweils am Anfang des jeweiligen Monats)
Produkt A im Zyklus Januar / März / Mai / Juli / September / November Versand am 01.01, 01.03 usw.
Produkt B im Zyklus Februar / April / Juni / August / Oktober / Dezember Versand am 01.02, 01.04 usw.
Im Kundenportal war das Recharge-Kundenportal-Widget integriert. Dieses Widget bietet Basisfunktionalität für die Aboverwaltung. Leider ist die Usererfahrung eher frustrierend, da das UI nicht zum Theme passt und die Funktionen auch sehr begrenzt sind.
Herausforderungen
Die Herausforderung war, alle wichtigen Recharge-Prozesse zu identifizieren und anschließend per eigenem Backend anzubinden. Durch die alternierenden Daten gibt es Probleme mit Recharge, da man nur das Intervall einstellen kann, nicht aber, dass der Plan genau am Anfang eines Zyklusmonats ausgelöst werden soll. So kam es oft vor, dass Abos falsch ausgelöst wurden und der Kunde wegen einer falschen Lieferung und der falschen Belastung der Zahlmethode frustriert war.
Lösung
Wir haben die Custom App für die Intervalproblematik programmiert. Wir fangen alle Events von Recharge in einem Connector Backend ab und passen die Charge-Dates hier dementsprechend an. Wir verwenden das Backend als Proxy zu Recharge, um aus dem Kundenportal sichere Anfragen zu stellen. So können wir dem Kunden seine jeweiligen Abos mit Funktionen wie Pausieren / Fortsetzen, Kündigen / Fortsetzen, Varianten ändern anzeigen.
Ergebnis
Durch die Umsetzung dieser Lösung konnte unser Kunde:
- Design Höhere Kundenzufriedenheit durch saubere Prozesse und ein einheitliches Design, welches nahtlos in das Theme integriert ist
- Upselling Höhere CR durch Upselling im Kundenportal (Buy Again und Planupgrade)
- Entlastung Weniger Kundenanfragen und somit eine Entlastung für den Support
- Kündigungsflow Weniger Kündigungen durch Kündigungsflow mit Gutscheinen
- Statistiken Bessere Statistiken für Mitarbeiter in der Custom App
- Abo-Sicherheit Charge-Dates der Abos sind korrekt und es gibt keine falschen Aboauslösungen mehr
Verwendete Technologien
- Shopify App Remix
- Shopify Polaris Komponenten
- Recharge
- Tailwind css
- Nodejs
- Typescript
- Docker
- Liquid