The webinar widget always displays your latest upcoming webinars or replays. By using the widget, you can embed it once - and forget about it after. Your attendees, will always see your latest webinars.

After they click on one of the webinars in your widget, a new tab will open to the registration page of that webinar.

The widget is an iFrame that you need to embed on your website or blog. Learn more on how to embed an iFrame.

Head over to /settings on Contrast. Here you'll find the webinar widget. Copy the iFrame to your clipboard. Now paste the widget as an iFrame.

The widget automatically takes the color from your brand kit, as set up in /settings. If you want to change the color, you can do this by changing the color code in iFrame.

Please make sure you provide the color in #HEX. Note that # becomes % when dealing with URLs. So for example #FF5065 becomes color=%23ff5065

You can manually change the label Upcoming events by changing it inside the iFrame. In this example, we've changed upcoming events to upcoming webinars.

Note that here we use % instead of a regular space

Out of the box, the widget is responsiveness. This means that the widget will adjust to the browser's viewport size. You can tweak the widget's size by adjusting the width, height and min-height. Involve your developer if you don't know what you're doing.

By selecting upcoming, we'll only show your upcoming webinars. Using the dropdown, you can select how many webinars you want to be visible in the widget. The default is 3.

By selecting replay, we'll only show your upcoming webinars. Using the dropdown, you can select how many webinars you want to be visible in the widget. The default is 3.

By selecting both options, we'll only show upcoming webinars and replays in the same widget. Using the dropdown, you can select how many webinars you want to be visible in the widget.