Lewati ke konten
Buat akun
atau
Masuk
Logo Dokumen Stripe
/
Tanya AI
Buat akun
Masuk
Mulai
Pembayaran
Pendapatan
Platform dan situs belanja online
Manajemen uang
Sumber daya pengembang
Gambaran Umum
Pembuatan versi
Log perubahan
Tingkatkan versi API Anda
Upgrade versi SDK Anda
Essentials
SDK
API
Pengujian
Stripe CLI
Alat
Workbench
Dashboard Pengembang
Stripe Shell
Stripe untuk Visual Studio Code
Fitur
Alur kerja
Tujuan Kejadian
Peringatan kesehatan StripePengunggahan file
Solusi AI
Toolkit agen
Keamanan dan privasi
Keamanan
Privasi
Perluas Stripe
Build Stripe apps
    Gambaran umum
    Mulai
    Buat aplikasi
    Cara kerja Stripe Apps
    Aplikasi sampel
    Bangun aplikasi
    Simpan rahasia
    Metode autentikasi API
    Alur otorisasi
    Logika sisi server
    Dengarkan kejadian
    Tangani berbagai mode
    Aktifkan dukungan sandbox
    Halaman pengaturan aplikasi
    Bangun UI
    Onboarding
    Distribusikan aplikasi Anda
    Opsi distribusi
    Unggah aplikasi Anda
    Versi dan rilis
    Coba aplikasi Anda
    Publikasikan aplikasi Anda
    Promosikan aplikasi Anda
    Tambahkan deep link
    Buat tautan instal
    Tetapkan peran dalam ekstensi UI
    Tindakan setelah instalasi
    Analisis aplikasi
    Komponen tersemat
    Sematkan Aplikasi Stripe pihak ketiga
    Bermigrasi ke Stripe Apps
    Migrasikan atau buat ekstensi
    Migrasikan plugin ke aplikasi Stripe atau Stripe Connect
    Referensi
    Manifes aplikasi
    CLI
    SDK ekstensi
    Izin
    Viewport
    Pola desain
      Tombol tindakan
      Alur aktivasi
      Konteks tambahan
      Tautan balik
      Mengkomunikasikan status
      Konten demo
      Status kosong
      Daftar
      Memuat
      Langkah kemajuan
      Pengalihan
      Masuk pengaturan
      Templat masuk
      Keluar
      Layar tunggu
    Komponen
Use apps from Stripe
Mitra
Ekosistem mitra
Sertifikasi mitra
BerandaSumber daya pengembangBuild Stripe appsDesign patterns

Additional context for Stripe Apps

Learn about how additional contexts in onboarding can help users better understand your app.

If you need to share any additional context before users sign in, dedicate a space for it on a separate screen.

Sebelum Anda memulai

Create an app.

Suggested use

  • Use a FocusView component to provide additional context, or to show a demo screen of how your app works.
  • Make sure the sign in screen is focused on onboarding tasks. Any additional context should be brief and contextualized. For example:

Example

The following sample shows additional content displayed within a SignInView component:

import {SignInView, Img, Link} from '@stripe/ui-extension-sdk/ui'; import appIcon from './icon.svg'; const Onboarding = () => ( <SignInView description="Connect your SuperTodo account with Stripe." primaryAction={{label: 'Sign in', href: 'https://example.com'}} footerContent={ <> Don't have an account? <Link href="https://example.com">Sign up</Link> </> } descriptionActionLabel="Learn more" descriptionActionTitle="Learn more" descriptionActionContents={ <> <Img href="https://example.com/screenshot.png" /> To import existing data from SuperTodo, you will need to connect your SuperTodo account to Stripe. </> } brandColor="#635bff" brandIcon={appIcon} /> );
Apakah halaman ini membantu?
YaTidak
Butuh bantuan? Hubungi Tim CS.
Bergabunglah dengan program akses awal kami.
Lihat log perubahan kami.
Ada pertanyaan? Hubungi Bagian Penjualan.
LLM? Baca llms.txt.
Dijalankan oleh Markdoc