Articles in this section
Category / Section

How to Embed and Customize the Hub Widget

1 min read
To embed a Hub widget,
  1. Click on Hub Widget
  2. Click on the </> Get embeddable code to view the embeddable link.
  3. Click on the Copy button.


  4. Paste the code in your HTML webpage inside the <body> tag.
  5. The Hub widget will be visible on your website. Any updates to the hub will automatically be reflected in the hub’s widget.
To customize the hub widget, you can use the following custom classes,  
Variable Description
`custom-event-hub-name`Title of the event/webinar
`custom-event-hub-description`Description of the event/webinar inside the popup
`custom-event-hub-time`Timings of the event/webinar on the listing page and inside the popup
`custom-event-hub-status`Current status of the event (Upcoming, Completed, etc.)
`custom-event-hub-background`The background color of the whole widget.
`custom-event-hub-card-background`The background color of the event/webinar listing card
`custom-event-hub-modal-speaker-name`Name of the speaker inside the popup
`custom-event-hub-modal-speaker-description`Designation and company name of the speaker
Was this article useful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied