Weiter zum Inhalt
Konto erstellen
oder
anmelden
Das Logo der Stripe-Dokumentation
/
KI fragen
Konto erstellen
Anmelden
Jetzt starten
Zahlungen
Finanzautomatisierung
Plattformen und Marktplätze
Geldmanagement
Entwickler-Tools
Jetzt starten
Zahlungen
Finanzautomatisierung
Jetzt starten
Zahlungen
Finanzautomatisierung
Plattformen und Marktplätze
Geldmanagement
Übersicht
Versionierung
Änderungsprotokoll
Aktualisieren Sie Ihre API-Version
Ihre SDK-Version aktualisieren
Entwickler-Tools
SDKs
API
Tests
Workbench
Ereignisziele
Arbeitsabläufe
Stripe-CLI
Stripe Shell
Entwickler-Dashboard
Agent-Toolkit
Mit LLMs entwickelnStripe für Visual Studio CodeStripe-StatuswarnungenHochgeladene Dateien
Sicherheit und Datenschutz
Sicherheit
Datenschutz
Extend Stripe
Stripe-Apps
    Übersicht
    Jetzt starten
    Eine App erstellen
    Funktionsweise von Stripe-Apps
    Beispiel-Apps
    App erstellen
    Shop-Geheimnisse
    API-Authentifizierungsmethoden
    Autorisierungsabläufe
    Serverseitige Logik
    Ereignisse überwachen
    Umgang mit verschiedenen Modi
    Sandbox-Unterstützung aktivieren
    App-Einstellungsseite
    Erstellen Sie eine Nutzeroberfläche
    Onboarding
    Ihre App verbreiten
    Vertriebsmöglichkeiten
    App hochladen
    Versionen und Releases
    Ihre App testen
    Ihre App veröffentlichen
    Ihre App bewerben
    Deep-Links hinzufügen
    Installationslinks erstellen
    Rollen in Erweiterungen der Nutzeroberfläche zuweisen
    Aktionen nach der Installation
    App-Analytik
    Eingebettete Komponenten für Apps
    Stripe-Apps von Drittanbietern einbetten
    Umstellung auf Stripe Apps
    Migrieren oder Erweiterung erstellen
    Ein Plugin zu Stripe Apps oder Stripe Connect migrieren
    Verwendungszweck
    App-Manifest
    CLI
    Erweiterungs-SDK
    Berechtigungen
    Darstellungsfelder
    Entwurfsmuster
      Aktionsschaltflächen
      Aktivierungsvorgang
      Weitere Inhalte
      Backlink
      Status „Kommunikation“
      Demo-Inhalte
      Status „Leer“
      Listen
      Wird geladen
      Schrittweiser Fortschritt
      Wird umgeleitet
      Einstellungen für die Anmeldung
      Anmeldevorlage
      Abmelden
      Wartebildschirme
    Komponenten
Stripe Connectors
Partner
Partner-Ecosystem
Partner-Zertifizierung
StartseiteEntwickler-ToolsStripe Apps

Entwurfsmuster für Stripe Apps

Befolgen Sie unsere empfohlenen Entwurfsmuster, damit Ihre Stripe-App schneller überprüft wird.

Seite kopieren

Muster bilden die Grundlage Ihres App-Designs. Stellen Sie sich diese als eine Kombination verschiedener Komponenten vor: z. B. die Kombination der Ladeanzeige mit andere einzelnen Komponenten zur Erstellung eines Ladebildschirms. Wenn wir neue Muster erstellen, aktualisieren wir diese Seite mit entsprechenden Anleitungen. Befolgen Sie diese Muster bei der Gestaltung Ihrer App, damit sie auf konsistente, klare und sklarierbare Weise funktioniert.

Onboarding

Aktivierungsvorgang

Gestalten Sie einen Anmelde- und Registrierungsvorgang, der gewohnt, sicher und intuitiv ist.

Anmelden

Nutzen Sie diese Anmelde- oder Registrierungsvorlage als ersten Schritt in Ihrem Onboarding-Prozess.

Anmelde-Einstellungen

Wenn Sie eine reine Back-End-App gestalten, erstellen Sie Ihren Onboarding-Vorgang als Teil der Stripe-Einstellungen des/der Nutzer/in.

Demo-Inhalte

Befolgen Sie beim Anzeigen von Demo-Inhalten dieses Muster, um die wichtigsten Funktionen Ihrer App hervorzuheben.

Weitere Inhalte

Wenn Sie Ihren Nutzer/innen weitere Inhalte bereitstellen, sollten Sie dafür einen speziellen Bereich auf einem separaten Bildschirm einrichten.

Weiterleitung zu Stripe

Wenn zum Abschließen des Onboarding-Ablaufs eine neue Registerkarte geöffnet werden muss, zeigen Sie Nutzer/innen mit diesem Muster deutlich, wie diese zu Stripe zurückkehren.

Abmelden

Mit diesem Muster ermöglichen Sie Nutzer/innen einen klaren, einheitlichen Abmeldungsvorgang in Ihrer App.

Nutzeraktionen

Backlink

Mit diesem Muster können Nutzer/innen zu einer vorherigen Seite zurückkehren.

Aktionsschaltflächen

Mit diesem Muster machen Sie deutlich, welche Hauptaktion Nutzer/innen durchführen müssen.

Status

Status „Kommunikation“

Mit diesem Muster kommunizieren Sie den Status einer Anfrage klar an Ihre Nutzer/innen.

Status „Leer“

Mit diesem Muster machen Sie Nutzer/innen deutlich, dass keine Daten zum Laden verfügbar sind.

Wird geladen

Mit diesem Muster machen Sie Nutzer/innen deutlich, dass Daten heruntergeladen werden.

Schrittweiser Fortschritt

Mit diesem Muster können Nutzer/innen den Fortschritt einer bestimmten Aufgabe Schritt für Schritt nachverfolgen.

Wartebildschirme

Mit diesem Muster machen Sie Nutzer/innen deutlich, dass sie sich mit Stripe verbinden.

Layout

Listen

Mit diesem Muster werden Informationen als Liste organisiert.

War diese Seite hilfreich?
JaNein
Benötigen Sie Hilfe? Kontaktieren Sie den Kundensupport.
Nehmen Sie an unserem Programm für frühzeitigen Zugriff teil.
Schauen Sie sich unser Änderungsprotokoll an.
Fragen? Sales-Team kontaktieren.
LLM? Lesen Sie llms.txt.
Unterstützt von Markdoc