Custom Amount Payment Form and Page

Introduction

In this tutorial, you’ll learn how to create a simple page with a form where clients can pay you a custom amount using their credit card.

Step-by-Step Guide

Step 1: Create a Payment Form

• In your Oh My Hi dashboard, go to Forms.
• Click Add New Form and choose a Payment template.
• Select the template for a custom amount form.
• In the payment settings enable Stripe and disable Offline Payment.
• Click Save.

Step 2: Adjust Form Fields (Optional)

• To collect additional details (like shipping address), drag in an Address field.
• Remove any fields you don’t need.
• Click Save when done.

Step 3: Update Form Settings

• Go to the Settings tab of your form.
• For confirmation settings:
  • The default redirects to a receipt page — leave this as-is unless you have a custom thank you page or want to take a different action.
• Check email notifications:
  • Admin notification (sends you the form and payment details).
  • Customer notification (sends a receipt to your client).
• If using CRM integration:
  • The form will add the client to your CRM’s All Subscribers list by default
  • You can create tags or trigger automations if desired.

Step 4: Create the Custom Payment Page

• In your dashboard, create a new Page.
• Name it something like Custom Payment Page.
• Add a form block or pattern that includes a form.
• Select your new custom amount form.
• Update any headings or text to guide your client (e.g., “Please enter the amount and submit payment.”).
• Click Publish.

Step 5: Pre-fill Form Fields with URL Parameters (Optional)

• Send your client a link that pre-fills the form fields.
• For example, use ?amount=25&description=This is for the pants at the end of the URL.
• Example: https://yoursite.com/custom-payment-page?amount=25&description=This is for the pants

This will pre-fill the form with a $25 amount and description “This is for the pants”.

Wrap-Up

You’ve now created a simple custom payment page where clients can pay any amount by credit card. Pre-filled links make it even easier for them!