getSimplePay
getSimplePay: Bank-Pay als Shopify-Standard
Shopify-App und Checkout-Extensions für US-Bank-Pay: Händler-Admin auf Polaris, Payment-Customization-Functions und ACH-Positionierung auf getsimplepay.io.
Timeline
2022 bis 2024
Stackgröße
12 Technologien
Rolle
Lead Engineer
Firma
Real Simple Labs
Überblick
Überblick
getSimplePay (getsimplepay.io) ist das US-Bank-Pay-Produkt von Real Simple Labs: Käufer sparen gegenüber kartengetriebenen Checkout-Preisen, Händler senken Verarbeitungsgebühren, und teilnehmende Marken können obendrauf Store-Credit-Loyalty fahren.
- Haupt-Codebasis: die `simple-pay`-Shopify-App, ein Shopify-CLI-3.x-Monorepo mit Express-Backend, Vite- und React-Händler-UI (Polaris, App Bridge, React Query), Checkout-UI-Extensions und Shopify-Functions für Payment-Customization.
- Ich verantwortete die Shopify-Fläche Ende zu Ende: OAuth-Install-Flows, Admin-API-Integration, Checkout-Extension-Verdrahtung, Ein- und Ausblend-Regeln für Zahlungsmethoden nach Warenkorbsumme sowie Händler-Settings, die steuern, wie SimplePay im Checkout erscheint, neben Schwester-Payment-Services (API, Checkout-Banner, Händler-Web), die das Live-Produkt komplettieren.
Problem
Problem
DTC-Marken auf Shopify brauchten SimplePay als echte Zahlungsoption, nicht als angeflanschten iFrame. Das hiess: ordentliche Shopify-App, Checkout-Extensions, die Händler aktivieren können, und Payment-Customization-Logik, damit Bank-Pay genau dann erscheint, wenn es Sinn ergibt, während die öffentliche Seite ACH-Ersparnisse für Käufer erklärt.
Architektur
Architektur
Shopify-App (`simple-pay`)
Händler-UI
Checkout und Functions
Erweiterte Plattform (RL)
Funktionen
Funktionen
- Shopify-App-Gerüst: OAuth, Webhooks, GraphQL- und REST-Admin-API-Zugriff und eingebettete Polaris-Händler-Experience.
- Checkout-UI-Extension (`simple-pay-checkout`) für SimplePay-UX im Checkout und Metafeld-gestützte Käufer-Inputs.
- Payment-Customization-Shopify-Function: Zahlungsmethoden nach konfigurierten Warenkorbsummen und Methodennamen ein- oder ausblenden.
- Händler-Admin-Seiten für Payment-Customization-CRUD (Regeln anlegen und pflegen, zurück zu den Shopify-Payment-Settings).
- Eigene Payment-Form-Hooks (`custom-payment.js`) für Bank-Pay-Auswahl im Checkout.
- Shopify-App-Deploy-Pipeline (`shopify app build` und `deploy`) mit Extensions für Payment-Customization und Checkout.
- Produktpositionierung auf getsimplepay.io: ACH-Ersparnisse, Plaid-gesichertes Bank-Linking, Store-Credits bis etwa 10 Prozent und Brand-Checkout-Embeds.
Ergebnisse
Ergebnisse
- Shopify-App plus Extensions geliefert, damit Händler SimplePay im Checkout anbieten können, ohne Theme-Operation.
- Operator bekommen konfigurierbare Payment-Customization-Regeln statt hart verdrahtetem Checkout-Verhalten.
- Shopify-Kanal an die breitere SimplePay-Plattform angebunden, damit Bank-Pay über RL-Payment-Services skalieren kann.
Technologien
Technologien
FAQ
FAQ
Was ist das zentrale Engineering-Repo für SimplePay auf Shopify?
Die Shopify-App liegt im `simple-pay`-Monorepo: Express-Backend, Vite- und React-Polaris-Admin, Checkout-UI-Extensions und Payment-Customization-Functions, deployed via Shopify CLI neben dem öffentlichen getsimplepay.io-Produkt.
Wie unterscheidet sich getSimplePay vom Karten-Checkout?
Käufer zahlen vom verknüpften US-Bankkonto via ACH. Händler sparen die Kartennetz-Gebühren dieser Orders, und teilnehmende Marken können Store-Credits funden, damit Kunden beim nächsten Kauf wieder sparen.
Was hast du als Lead verantwortet?
Shopify-App und Checkout-Schicht: Extensions, Payment-Customization-Functions, Händler-Admin-Flows und Integrationspunkte in die Payment-APIs und Loyalty-Mechaniken von Real Simple Labs.
Mehr Arbeit