Auth and Payment Integrations

Auth and Payment are Cloud features for connecting sign-in, checkout, subscriptions, and customer billing flows to your project.

Connect external accounts

Some integrations require setup in another product. For example, Google sign-in needs Google OAuth credentials, and Stripe payments need Stripe keys and webhook configuration.

HappySeeds can guide the setup and help wire the app, but it cannot create or own your external accounts for you.

Use Auth for sign-in

Open the Auth tab when users need to log in. Choose the provider, then follow the setup steps shown in the panel.

For OAuth providers, copy the allowed origins and redirect URLs into the provider dashboard exactly as shown. A small mismatch can prevent login from working.

Use Payment for checkout

Open the Payment tab when the app needs paid checkout, subscriptions, webhooks, or a customer portal.

For Stripe, keep secret keys in Cloud > Secrets. After setup, test the payment flow before sharing the project publicly.

Ask AI for the app behavior

Once credentials are ready, describe the product flow:

  • Add Google sign-in before users can save projects.
  • Add a Stripe checkout button for the Pro plan.
  • Send successful payment users to a thank-you page.
  • Show different content for signed-in and signed-out users.

Test from the published URL

Auth and payment flows often depend on the deployed domain. Test them from the published URL or custom domain, not only from the workspace preview.