7. Customize Registration

How To Customize The Login, Registration, Plans, Checkout, & Receipt Pages For Your Community

7. Customize Your User Registration Process

How To Customize The Text For Your Registration Process - With Examples

To customize the text for your registration process, navigate to

  • Communities → List → Three Dots → Customize
    in your Jedari admin portal.

IMPORTANT INFO:

  • Only clickable text boxes are editable.
  • We will be adding more customization options to these pages in the future.
  • The pages are simple so they will appear and function properly across all devices that your users might access them from.
  • PLEASE don't try to custom code any portion of these pages. 

Login Page

EXAMPLE:

WELCOME TO (COMMUNITY NAME)
  • This is what your users will see when they type in your domain. Put in some text that will showcase your community platform and invite users to join. See example above.
  • It may look slightly different on your live website. Make sure to test this on your frontend site by typing in /login or simply by logging out of your account.

Registration Page 

EXAMPLE: 

JOIN (COMMUNITY NAME)
Step 1: Create Your Account
Step 2: Verify Your Email
Step 3: Select Your Plan
  • It's a good idea to provide specific instructions here
  • It may look slightly different on your live website. Make sure to test this on your frontend site by typing in /register after your domain or simply by clicking on "Register a New User."

Plans Page

EXAMPLE: 

JOIN (COMMUNITY NAME)
Select your plan for immediate access to our community

Share some more details about your community, including some benefits of joining. (Use ChatGPT to help you write this if you want!) 

  • The plans listed on this page are just a placeholder
    • You will add your plans in your Community Panel under Plans, but you can edit the text that people will see on the top of this page.
  • It may look slightly different on your live website
    • Make sure to test this on your frontend site by typing in /plans after your domain.

Checkout Page

Click on Enable Extra Box.

EXAMPLE: 

Let's make it official. Please enter your payment details to securely complete your enrollment.

ADD BANKING LOGOS TO CHECKOUT PAGE

Banking Logos
Banking Logos on Checkout Page example

To add banking logos to your checkout page, copy and paste this custom code into the second box: 

<br>
<style>
   img {
      max-width: 100%;
      height: auto;
   }
<br><br><br><br><br><br><br></style>

<figure><img src="https://images.squarespace-cdn.com/content/6307ea8773ffca65154665af/562d16d0-4db5-45cf-809f-620d5783e6b4/BankingLogos+%281%29.png" alt="PAYMENT OPTIONS" data-image="ntjajwcmgekn"></figure>

Receipt Page

EXAMPLE: 

Text when products are not shippable means your membership subscriptions.

YOU ARE IN!
Thanks so much for joining our vibrant community! Feel free to explore, and make sure to update your profile! 
  • Make sure to add your contact information.

The Registration Process For Your Users & Free Vs. Paid Communities

Video Tutorial

In this video, Blaire will walk you through the entire user registration process, how to customize it for your community, and even shares a few extra invaluable tips and tricks. 

HOW TO REGISTER FROM THE FRONTEND

STEP 1: NAVIGATE TO YOUR COMMUNITY

  • A user will navigate to your community site - Ex. yourcommunitysite.com

Best Practice: Create an external landing page that explains the value, details, and pricing of your private community with a button that sends the user to your /register page. Learn more about landing pages here. 

The Login Page 

Example: jedaridemo.com

This is an example of the page that will show up when a user only types in your community site domain. You can customize this page with your logos, text, and brand colors.

Login Page example: jedaridemo.com

STEP 2: REGISTER A NEW USER

  • To create an account, click on the Register a new user link below the login button.
  • Or you can simply direct people to your /register page to remove the extra step of finding the link.

The Registration Page 

Example: jedaridemo.com/register

This is an example of the registration page that exists at yourcommunitysite.com/register. You can customize this page with your preferred registration text. 

Registration page example: jedaridemo.com/register

STEP 3: CREATE YOUR ACCONT

  • Enter your information, hit Create Account, and then you will be taken to the Thank you for beginning your registration! page which tells you to verify your email address before you can login.  

Please Verify Your Email Page

Example: jedaridemo.com

IMPORTANT: Users will need to verify their email addresses before they can login to their account. 

This page is exactly what users will see after they create their account - Except with your logo and brand-colored button of course! This page lets them know that they need to validate their email, and to check spam if they don't receive it. 

STEP 4: VERIFY YOUR EMAIL

  • Check your email for a verification email.
  • If you don't receive it, make sure to check spam. 
  • Click on the link to verify your email address.
  • You MUST verify your email by clicking on the link before you can log in.

Verification Email

These are some examples of verification emails that will be sent after a user registers their account. 

Verification email example from our client The Health Hui - community.thehealthhui.com

Verification Email Example: 

The Health Hui

STEP 4: LOG BACK IN TO ACCESS THE COMMUNITY

  • Clicking on the link should directly log you back into the community, but you can always come back to our website to log in. 
  • Example: yourcommunitysite.com/login

Community Access: Free Vs. Paid

  • Free: If your community is set to free, the user can now login to their account and have full access of your community.
  • Paid: If your community is set to paid, they will be taken to the Plans Page to select their plan. They will not be able to get anywhere else in the community until they have paid. 

Check Your Community Settings: Free Vs. Paid

To double check if your community is set to free or paid, navigate to: 

  • Communities -> List -> Action -> Edit
  • Click on the Customization tab
  • Scroll to your Registration settings

STEP 5: SELECT A MEMBERSHIP PLAN

  • Select a plan and hit the checkout button

The Plans Page

Example: jedaridemo.com/plans

This is an example of the plans page that exists at yourcommunitysite.com/plans. You can customize this page with your preferred plans text. 

The live plans page for your community can be viewed at any time at the /plans page.

Ex: yourcommunitysite.com/plans

Bonus Step: Enable Notifications!

Editing Your Plans

To edit your plans, check out our full tutorial here. 

STEP 6: CHECKOUT

  • Enter your payment info and hit submit.

Checkout Page Example: 

STEP 7 (optional): DOWNLOAD YOUR RECEIPT

  • To download your receipt, simply click the Download Receipt button on the receipt page.
  • Now you have access to our community! Feel free to set up your profile and explore! 

Receipt Page Example: 

 

 

 

Congratulations! You did it. You are now a registration expert. 

Have questions, feedback, or suggestions? Reach out to hello@jedari.com.

 

Want to visualize your community? Check out our

Community Frontend Demo