Category / Section
How to Embed and Customize the Hub Widget
Published:
1 min read
Updated:
To embed a Hub widget,
- Click on Hub Widget
- Click on the </> Get embeddable code to view the embeddable link.
Click on the Copy button.
- Paste the code in your HTML webpage inside the <body> tag.
- 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 |
