Preview the payment process used by your Hub members
Understand how your members interact with the front-end aspects of the Membership.io Payments integration
🧰 What You Will Need
The Membership.io Payments integration
Step 1 - Select a Payment plan
The Payment Plan page serves as the starting point for your members (or customers, if you prefer).
Here, they will see the Stripe Plans linked to your Hub's Payment Menu. The prices displayed will be in the currency you initially configured. These prices detail the Product name (displayed at the top of the box) and the payment type (monthly, annual, or one-time fee). Once they choose their preferred plan, your members can proceed by clicking Continue.
Step 2 - Register with an email
After selecting a Stripe Plan, your members will be prompted to fill in their email address. Then, click Create a new account to fill in your payment details.
Step 3 - Billing Portal
Your members 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.
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.
Step 5 - Fill out account details
Members now have the option to fill in their first and last names, and also upload a profile picture. Customers can proceed by clicking Continue.
Step 6 - Create an account password
Members will now create a password that they will use to log in to their account on your Hub. They can proceed by clicking Complete 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 members 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.