Create a Checkout Form and Page

Introduction

In this tutorial, you’ll learn how to create a single checkout page in Oh My Hi that you can use to sell multiple products. This is perfect if you have several digital products and want to avoid building separate checkout pages for each one.

Step-by-Step Guide

Step 0: Add Your Products to Inventory

See this tutorial for details on managing inventory.

1. Go to Global Settings > Inventory Manager.
2. Add your products with names, prices, and set stock levels (set stock high for digital products or items where you aren’t worried about managing stock levels).
3. Note each product’s slug—you’ll use this in links.

Step 1: Create Your Checkout Form

1. Go to Forms in your Oh My Hi dashboard.
2. Click Add New Form and select a payment form template.
3. Choose the template for a checkout form with a single selectable item.
4. Click Create Form.
5. The form will include fields like name, email, phone, and a dropdown for item selection.
6. Enable Stripe if you want to collect payments online. Make sure to turn off offline payment if not needed.
7. Add any additional fields (e.g., address) if necessary.

Step 2: Set Confirmation Settings

1. Click Settings in your form editor.
2. Under Confirmation, choose where customers go after payment:
   • Keep the default receipt page (recommended).
   • Or, select a custom thank you page if you have one.
3. Edit the confirmation message if you’d like.

Step 3: Review Email Notifications

1. Check email notifications:
   • Admin notification (sends you the form and payment details).
   • Customer notification (sends a receipt to your client).

Step 4: Set Up CRM Integration (Optional)

1. The form will add customers to your All Subscribers list by default.
2. If you want, add tags or connect automations in your CRM.

Step 5: Create Your Checkout Page

1. Go to Pages and click Add New Page.
2. Name it Checkout.
3. Add a simple form layout (choose a pattern with a form block).
4. Select your checkout form in the form block settings.
5. Publish your page.

Step 7: Link Sales Pages to the Checkout Page

1. On your sales or landing page, link purchase buttons and links to your checkout page with a URL like: yourdomain.com/checkout?item=product-slug
2. Replace product-slug with the slug from your inventory item.
3. When customers click the button, the checkout form will pre-select the correct product.

Step 8: (Optional) Allow Multiple Product Selection

1. In your form, change the item field to Checkboxes if you want customers to be able to pick more than one product.
2. Update your URL to pre-select multiple products: yourdomain.com/checkout?item=slug1,slug2

Wrap-Up

That’s it! You’ve created a flexible, reusable checkout page that makes selling multiple products simple. Your checkout stays clean, and customers can buy easily.