Accéder directement au contenu
Créez un compte
ou
connecter-vous
Logo de la documentation Stripe
/
Demander à l'assistant IA
Créez un compte
Connectez-vous
Démarrer
Paiements
Automatisation des opérations financières
Plateformes et places de marché
Gestion de fonds
Outils de développement
Démarrer
Paiements
Automatisation des opérations financières
Démarrer
Paiements
Automatisation des opérations financières
Plateformes et places de marché
Gestion de fonds
Aperçu
Gestion des versions
Journal des modifications
Mettre à niveau votre version de l'API
Actualiser votre version du SDK
Outils de développement
SDK
API
Tests
Workbench
Destinations d'événements
Workflows
CLI Stripe
Shell Stripe
Dashboard des développeurs
Boîte à outils des agents
Intégrer des LLMStripe pour Visual Studio CodeAlertes d'intégrité de StripeChargements de fichiers
Sécurité et confidentialité
Sécurité
Confidentialité
Extensions Stripe
Stripe Apps
    Présentation
    Démarrer
    Créer une application
    Fonctionnement de Stripe Apps
    Exemples d'application
    Créer une application
    Enregistrer des clés secrètes
    Méthodes d'authentification de l'API
    Flux d'autorisation
    Logique côté serveur
    Écouter les événements
    Gérer différents modes
    Activer la prise en charge de l'environnement de test
    Page des paramètres d'application
    Concevoir une interface utilisateur
    Inscription des utilisateurs
    Distribuer votre application
    Options de distribution
    Charger votre application
    Versions
    Tester votre application
    Publier votre application
    Faire la promotion de votre application
    Ajouter des liens profonds
    Créer des liens d'installation
    Assigner des rôles dans les extensions d'interface utilisateur
    Actions post-installation
    Analyses de l'application
    Composants intégrés pour les applications
    Intégrer des applications tierces conçues pour Stripe
    Migrer vers Stripe Apps
    Migrer ou développer une extension
    Migrer un plugin vers Stripe Apps ou Stripe Connect
    Référence
    Manifeste de l'application
    Interface de ligne de commande
    SDK d'extension
    Autorisations
    Fenêtres d'affichage
    Modèles de conception
      Boutons d'action
      Flux d'activation
      Contexte supplémentaire
      Lien de retour
      Notification d'état
      Contenu de démonstration
      État vide
      Listes
      Chargement en cours
      Étapes de progression
      Redirections
      Connexion via les paramètres
      Modèle de connexion
      Déconnexion
      Écrans d'attente
    Composants
Connecteurs Stripe
Partenaires
Partner ecosystem
Certification des partenaires
AccueilOutils de développementStripe Apps

Modèles de conception pour Stripe Apps

Suivez les modèles de conception que nous recommandons pour accélérer la vérification de votre application Stripe.

Copier la page

Les modèles forment la base du design de votre application. Considérez-les comme une combinaison de composants. Par exemple, vous pouvez créer un écran de chargement en combinant un indicateur d’attente et d’autres composants individuels. Nous ajouterons des instructions à cette section à mesure que nous mettrons en place de nouveaux modèles. Suivez ces modèles lorsque vous concevez votre application, pour une expérience cohérente, claire et évolutive.

Inscription des utilisateurs

Flux d'activation

Proposez à vos utilisateurs un flux de connexion ou d’inscription reconnaissable, sécurisé et intuitif.

Connexion

Utilisez ce modèle de connexion ou d’inscription recommandé comme première étape de votre flux d’inscription.

Connexion via les paramètres

Lorsque vous développez une application back-end uniquement, créez votre flux d’inscription dans les paramètres Stripe de l’utilisateur.

Contenu de démonstration

Lorsque vous affichez du contenu de démonstration, suivez ce modèle pour mettre en évidence les principales fonctionnalités de votre application.

Contexte supplémentaire

Lorsque vous fournissez des informations contextuelles supplémentaires aux utilisateurs, consacrez-leur un espace sur un écran distinct.

Rediriger vers Stripe

Si les utilisateurs doivent ouvrir un nouvel onglet pour finaliser le flux d’inscription, utilisez ce modèle pour leur permettre de revenir facilement à Stripe.

Déconnexion

Utilisez ce modèle pour fournir aux utilisateurs un flux clair et universel lorsqu’ils se déconnectent de votre application.

Actions de l’utilisateur

Lien de retour

Utilisez ce modèle pour permettre aux utilisateurs de revenir à la page précédente.

Boutons d'action

Utilisez ce modèle pour mettre en évidence l’action principale à effectuer par utilisateur.

État

État de la communication

Utilisez ce modèle pour communiquer clairement l’état d’une requête aux utilisateurs.

État vide

Utilisez ce modèle pour informer les utilisateurs de l’absence de données à charger.

Chargement en cours

Utilisez ce modèle pour informer les utilisateurs d’un téléchargement de données en cours.

Étapes de progression

Utilisez ce modèle permettre aux utilisateurs de suivre toutes les étapes de progression d’une tâche spécifique.

Écrans d'attente

Utilisez ce modèle pour permettre aux utilisateurs de comprendre qu’ils se connectent à Stripe.

Disposition

Listes

Utilisez ce modèle pour organiser les informations sous forme de liste.

Cette page vous a-t-elle été utile ?
OuiNon
Besoin d'aide ? Contactez le service Support.
Rejoignez notre programme d'accès anticipé.
Consultez notre log des modifications.
Des questions ? Contactez l'équipe commerciale.
LLM ? Lire llms.txt.
Propulsé par Markdoc