Skip to content
Contact Us
  • There are no suggestions because the search field is empty.

Preview the payment process used by your audience

Understand how your audience interacts with the front-end aspects of the Membership.io Payments integration

🧰 What You Will Need

The Membership.io Payments integration

Step 1 - Select your plan

The Payment Plan page is the first step for your customers. Your audience will be presented with the Stripe Plans that you attached to your Hub's Payment Menu. The prices on this page will appear in the currency that you initially set up. The prices specify the Product name (top text in the box) and the payment type (monthly, annual, or one-time fee). After selecting their desired plan, your customers are then able to proceed by clicking Continue.

Select Hub Plan and Continue v3

Step 2 - Register your email

After selecting a Stripe Plan, your audience will be prompted to fill in your email address. Then, click Create a new account to fill in your payment details.

enter email and create hub account v2

Step 3 - Billing Portal

Your audience will then be directed to the Stripe Billing Portal. This Stripe page securely collects your customers’ payment method information, name, and country/region information. If your customer would like to change their selected plan, they can use the arrow on the left-hand side of the page to go back to choose their plan. After filling out their information, your customers can proceed by clicking Subscribe.

Enter payment info and pay v2

Step 4 - Payment Confirmation Page

Yay! Your customers will be informed that their payment has been processed successfully, and they can now complete their profile by clicking Next.

Hub payment confirmation - Click Next v2

Step 5 - Fill out account details

Customers now have the option to fill in their first and last name, and also upload a profile picture. Customers can proceed by clicking Continue.

Hub profile setup

Step 6 - Create an account password

Customers will now create a password that they will use to log in to their account on your Hub. Customers can proceed by clicking Complete Setup.

set password and complete the setup

Step 7 - Access Hub Home Page

With their payments processed and accounts created, your customers will be directed to the Home page of your Hub. The Home page will always be the one your customers will see after logging into the Hub.

Step 8 - Future Access

After they complete their Hub onboarding, your customers will also receive a Welcome email to the address they provided in Step 1 with a link to enter the Hub. Below is what the auto-generated email looks like. You can customize this email using our Custom Email Templates.