Connect Stripe to Your Site

Introduction

Ready to start collecting payments on your Oh My Hi site? This tutorial will guide you through connecting Stripe so you can accept credit cards through your forms.

Step-by-Step Guide

Step 1: Get Your Stripe Account Ready

1. Sign up for a Stripe account if you don’t already have one.
2. Set up your business details in Stripe.
3. Log in to your Stripe account.

Step 2: Enable Stripe in Oh My Hi

1. In your Oh My Hi dashboard, go to Forms.
2. Click on Global Settings.
3. Go to Payment Settings > Payment Methods.
4. Enable Stripe.

Step 3: Connect Stripe in Live Mode

1. Choose Live Mode (this handles real payments).
2. Click Connect with Stripe.
3. In the Stripe window, select your account and click Connect.
4. You’ll return to your site and see a green message: Stripe account is connected.

Step 4: Set Up Webhooks

1. In Stripe, go to Settings > Developers.
2. Go to Webhooks and click Add Destination.
3. Select the latest API version.
4. Add the following 7 listed events:
   • charge.succeeded
   • charge.captured
   • invoice.payment_succeeded
   • charge.refunded
   • customer.subscription.deleted
   • customer.subscription.updated
   • checkout.session.completed
5. Choose Send to a Webhook Endpoint, enter your site’s webhook URL, and click Create Destination.

✅ This ensures your site stays in sync with Stripe, especially for recurring payments.

Step 5: Connect Stripe in Test Mode (Optional)

1. Go back to Payment Methods.
2. Select Test Mode.
3. Click Connect with Stripe and repeat the connection steps.

Step 6: Save Settings

1. Select your default mode (Live or Test).
2. Click Save Stripe Settings.

Optional: Offline Payment Option

Oh My Hi includes a test payment option by default so you can try out forms without real payments. You can:

• Leave it enabled for testing or offline payments or
• Disable it by unchecking and saving settings.

Wrap-Up

Your Stripe connection is ready! You can now accept credit card payments through your forms.