The Website Integration section of your Customer Portal settings gives you ready-made code that adds three buttons to your own website. Families select a button to go straight to your Customer Portal.
Copy the code from iClassPro
- In the top-right corner, select the person icon to open your user menu. Select Settings.
- In the left-hand menu, select Customer Portal to expand it. Then select Other Settings.
- Select the Website Integration bar to open it. It is the second bar from the top, just under General Settings.
- Select all of the code in the box and copy it. Your account name is already filled in, so you don't need to change anything.
- Optional: select Preview Customer Portal to open your Customer Portal in a new window and see where families will land.
✓ You're all set. The code is copied and ready to paste into your website.
Add the code to your website
- In your website editor, open the page where you want the buttons.
- Switch the text area to its code view. Most editors label this Source, HTML or < >.
- Paste the code, then save or publish the page to show the buttons on your website.
Warning
Paste the code in the code view only. In a normal text area, the code shows on your website as plain text instead of buttons.
- Not sure how? Send the code to your web developer.
✓ You're all set. The three buttons now show on your website.
What the three buttons do
Each button opens your Customer Portal in a new browser tab.
- Class Schedules — your class list
- Parent Login — the Customer Portal login page
- Create Account — the first screen for creating a new family account
Other ways to link to your Customer Portal
- One link to your Customer Portal home page — use https://portal.iclasspro.com/[account_name], with your account name in place of [account_name].
- One location, or its activities — see How Can I Link Customers Directly to a Specific Location in the Customer Portal?
- Classes or events for one promo code — see How Do I Use Promotion (Promo) Codes?
Troubleshooting and questions
▶ Common Questions
▶ Why does the code show as text instead of buttons on my website?
The code was pasted into a normal text area. Delete the text, switch the text area to its code view (Source, HTML or < >), and paste the code again.
▶ What does the code look like?
The code in your settings looks like this, with your account name in place of [account_name]. Copy it from your settings, not from this article, so your account name is already in it.
<a href="https://portal.iclasspro.com/[account_name]/classes" target="_blank"> <img style="width: 173px; height: 35px; border:0;" alt="Class Schedules" src="https://mktg.iclasspro.com/portal/ClassSchedules.png" /></a>
<a href="https://portal.iclasspro.com/[account_name]/login" target="_blank"> <img style="width: 173px; height: 35px; border:0;" alt="Parent Login" src="https://mktg.iclasspro.com/portal/ParentLogin.png" /></a>
<a href="https://portal.iclasspro.com/[account_name]/create-account-02-name" target="_blank"> <img style="width: 173px; height: 35px; border:0;" alt="Create Account" src="https://mktg.iclasspro.com/portal/CreateAccount.png" /></a>
▶ Can I use just one of the buttons?
Yes. Each button is its own line of code. Paste only the line for the button you want.
▶ Can iClassPro build a website for me?
Yes. Under the code, the Integrated Websites box explains the service. Select View Websites to see examples, or use the link in the box to talk with an Onboarding Specialist.
Related: How Can I Link Customers Directly to a Specific Location in the Customer Portal? · How Do I Use Promotion (Promo) Codes? · What is the Customer Portal? · How Do I Set Up the Customer Portal?