IN BRIEF
The Website Integration section within your Customer Portal settings provides the HTML code needed to link your Customer Portal directly from your organization’s website. This code includes prebuilt links styled as buttons that take customers to key areas such as your Class List, Login page, and Create Account screen. 

• Overview
• Accessing the Feature
• Step-by-Step Instructions
  • Understanding the HTML Code
  • Adding the HTML Code to Your Website
  • Previewing the Customer Portal
• Troubleshooting & FAQs
• Related Articles

Overview

The Website Integration feature allows you to embed HTML code from your Customer Portal settings into your website. This code creates three buttons customers can select to navigate directly to important areas of your Customer Portal. The feature also includes additional linking options, including direct landing page access and options for linking to specific locations or filtered event lists.

Back to top

Accessing the Feature

1. Navigate to SETTINGS>CUSTOMER PORTAL
2. Select the Other Settings tab.
3. Expand the Website Integration section.

Back to top

Step-by-Step Instructions

Understanding the HTML Code

After completing your Customer Portal setup, use the HTML code displayed in the "Website Integration" section to link your Customer Portal to your website.

The HTML code is actually comprised of three links:

• https://portal.iclasspro.com/[account_name]/classes
  Links directly to your Class List on the Customer Portal
• https://portal.iclasspro.com/[account_name]/login
  Links directly to your Customer Portal Login page
• https://portal.iclasspro.com/[account_name]/create-account-02-name
  Links directly to the "Create an Account" screen for your Customer Portal

Using this code as-is will create three buttons on your Website, which link to the areas noted above:

	Takes users directly to your Class List.
	Takes users directly to your Login page.
	Takes users directly to the "Create an Account" screen.

Pro Tips!

• See Using Promo Codes to link to specific classes or camps for more information on linking directly to a filtered list of classes or camp associated with a specific Promo Code.
• If you wish to use a single link to take users to your Customer Portal Landing page, you can link to https://portal.iclasspro.com/[account_name] (replacing [account_name] with your unique iClassPro account name).
• For information about how to link customers to specific locations, or filtered lists of events at specific locations, see our "How Can I Link Customers Directly to a Specific Location in the Customer Portal?" document.

Back to top

Adding the HTML Code to Your Website

You will need to add the HTML code to a text field on your website using the Source, HTML or "< >" button before pasting in the information. If this code is pasted in without clicking a button to edit the source code, it will appear on your website as text instead of creating the buttons. If you are not familiar with editing your website, send the code to your web developer.

NOTE: The code in your "Website Integration" section will already have your [account_name] filled in as it should be reflected in your actual code.

Back to top

Previewing the Customer Portal

Selecting Preview Customer Portal opens your Customer Portal in a new window for quick review.

Additional Linking Options

• A single link can direct users to your Customer Portal landing page:
  • https://portal.iclasspro.com/[account_name]
• For linking customers to specific locations or filtered events:
  • See documentation explaining how to link directly to a specific location in the Customer Portal.

To link customers to classes or camps associated with a specific Promo Code, see How Do I Use Promotion (Promo) Codes?

Back to top

Troubleshooting & FAQs

• Why is the code showing as text instead of buttons on my website?
  • Ensure the code is pasted into an HTML/source editor. If pasted into a standard text editor block, the HTML will not render.
• Can I link customers to the main Customer Portal page instead of individual sections?
  • Yes. Use the link https://portal.iclasspro.com/[account_name] with your unique account name inserted.
• How do I link customers to filtered class or camp lists, such as Promo Code–specific offerings?
  • Use the documented Promo Code linking method to generate direct URLs for filtered lists.
• Where can I find links for directing customers to a specific location?
  • See the documentation on linking customers directly to a specific location in the Customer Portal.

Back to top

Related Articles

• How Do I Use Promotion (Promo) Codes?
• How Can I Link Customers Directly to a Specific Location in the Customer Portal?
• What is the Customer Portal?
• How Do I Set Up the Customer Portal?

Back to top