Registration Form

Props

• Type – Identifies the type of form
• Content ID – Identifies the id of the content.
• Redirect URL - Gives the URL where the form will redirect to.

Route Params

• None

Component Attributes

• data-cc-component="registrationForm" - Initializes the component.
• data-cc-component-type="type" - Identifies the type of form (used in the lead_submission tracking call)
• data-cc-component-content-id="id" - identifies the content id of the form (used in the lead_submission tracking call)
• data-cc-component-redirect-url="https://goherenow.com - Give the url to redirect the user to after submitting the form

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
 }
}
  • ‍

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.