Intro Course Registration

Props

• None

Route Params

• None

Component Attributes

• data-cc-component="introCourseRegistration" – Initializes the component automatically.

Custom Behavior

• Listens for a form submit event inside the component.Builds a payload containing:
  • name and email (from the form)
  • brandId and tracking (from config)
• Makes a POST request to: brandApiDomain]/api/intro-course/register/
• On success:
  • Tracks the event as free_course_signup
  • Includes user email and any offers returned from the API
  • Waits 1 second to ensure tracking completes
  • Redirects to the redirectUrl provided by the API response

1. Copy the Intro Course Registration component from your component library or base site.
2. Paste it into your Webflow project where you want the form to appear.
3. Confirm the form includes:
   • An input named "email" (required)
   • Optionally, an input named "name"
4. Convert the section into a Webflow Component (right-click → Create Component).
5. Ensure the wrapper element has this attribute:
   • data-cc-component="introCourseRegistration"
6. Publish the site. The form should initialize and function automatically.

1. Add a standard Webflow Form Block.
2. In the Element Settings panel for the outer wrapper, add:
   • data-cc-component → introCourseRegistration
3. Inside the form, ensure:
   • The email input field has the name attribute set to "email".
   • Optional: Add a name field with the name attribute set to "name".
4. Publish and test. If the form does not initialize, confirm that orchestrator and global config are active on the page.

You can design the form using standard Webflow inputs and buttons. The component does not change the appearance or layout. Make sure:

• Input fields have name attributes set to "name" and "email" respectively.
• The submit button is inside the form.