Registration Form

Props

• None

Route Params

• None

Component Attributes

• data-cc-component="registrationForm" – Identifies and initializes the component.

Custom Behavior

• Attaches a submit listener to a form within the component.Gathers form values:
  • name (optional)
  • email (required – must be present or it will error)
  ‍
• Generates a clientSideId for tracking.
• Sends a POST request to: [brandApiDomain]/api/registration/
  • with the following payload:
  • {
 brandId,
 name,
 email,
 tracking: {
   clientSideId,
   transactionUrl,
   userAgent,
   cookies
 }
}
  • ‍

• Tracks the signup event (lead_submission) via the tracking system.

1. Copy the Registration Form 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="registrationForm"
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 → registrationForm
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.