Webinar Start Time

This component automatically displays the start time of a webinar, based on the webinar registration ID in the page URL. It pulls the date from our backend and formats it for the visitor's local timezone.
‍

Props

  • None

Route Params

  • webinarRegistrationId: The unique identifier for the webinar registration. Must be present in the page URL as a query parameter.

Component Attributes

  • data-cc-component="webinarStartTime" – Initializes this component automatically on page load.

Custom Behabior

  • Fetches webinar start time based on the webinarRegistrationId.
  • Converts the start time to the visitor’s local timezone.
  • Replaces the inner text of the component element with a formatted string (e.g., "Wednesday April 2 3:30 PM").
  • Uses the brandApiDomain from the global config to retrieve webinar data.

Example

The webinar start time will appear here.

Adding to a new site

‍

  1. From the Kitchen Sink copy the Webinar Start Time component (cmd + c OR right-click → Copy).
  2. Open your Webflow project and paste the component where you'd like the start time to appear.
  3. Select the pasted element and convert it into a Webflow Component (right-click → Create Component).
  4. Publish your changes. The component will automatically display the correct start time if the page URL includes a valid webinarRegistrationId.

Adding to an existing site

  1. Find the element where you want the webinar start time to appear (or add a new text block).
  2. In the Element Settings panel, add this custom attribute:
    • Name: data-cc-component
    • Value: webinarStartTime‍
  3. Publish your changes.

Styling notes

You can apply any classes to the text block to control appearance (e.g., font size, color, spacing).

The component will replace the text inside the element with the formatted start time when the page loads.

Example output:
Wednesday April 2 3:30 PM