Contrast

How to set up Contrast Engagement Timeline in HubSpot

Last updated on Apr 9, 2026 by Luuk De Jonge

Goal

It can be difficult to view a single contact's webinar activity in one view. Often, information is spread out in different views, or worse: CSVs. Contrast Engagement Timeline is a card that you can add on top of a contact, with all their registration, view and engagement data such as poll answers and chat messages.

In this video

  • 00:00What is Contrast Engagement Timeline
  • 00:43How to set up Contrast Engagement Timeline
Show full transcript

The single best way to see a context webinar activity and engagement in one view is Contrast Engagement Timeline.

It summarizes all of the engagement views registrations that they have ever done for your webinars.

what you can for example, see here on the contact, we have it right there.

And what's cool is that I can see all of the webinars that Olga has registered to and I can also click into their engagement, right?

So I can see all of the poll answers that she has given.

I can see chat messages that she has sent.

This is super powerful for especially sales teams because it enables them to personalize their follow up.

Right after the webinar is over.

In this video, I will show you how it's set up.

All right. Contrast Engagement Timeline is simply a card that you add on top of a view in HubSpot, in this case the Contact view.

So the only thing that you need to do is go to a Contact.

Any contact will do in HubSpot.

Right here I'm on Olga, she's my colleague and I need to be on the overview page.

And then what I'm going to do is adjust the contact layout essentially.

Okay.

You do that by clicking on Customize.

Then you go into the default view.

You might have a different view, right?

So just select the view that you're currently using and then right here you see essentially how that layout is made up out of cards.

Okay, this is a little tricky.

I haven't found a better way to do it.

But you scroll to the bottom and then you find here the Ad Car card component.

Here we go into Card Library and then we type in Contrast and then you see Contrast Engagement Timeline.

Okay, you can only do this when of course, you have installed Contrast.

So if you haven't installed Contrast yet, please install Contrast.

In combination with the HubSpot integration, you can do it right from, the Contrast admin dashboard, it's one click to connect.

Add the card right there.

We can close this model and then the card should be here.

The drag and drop doesn't always work in HubSpot, so let's see if it does today.

Yes, it does.

So what I recommend you to do is to go all the way to the top.

And of course you can save and exit it.

Okay, now right here you can immediately see that it's pulling data.

And right here we have the data for Olga.

That's all there is to the engagement timeline.

Step-by-step guide

Requirements

  • Contrast webinars must be installed before setting this up.

  • The HubSpot integration must be connected (this can be done with one click from the Contrast admin dashboard). See how to connect Contrast to HubSpot.

2

Open the Overview Page

Screenshot of contact overview tab on HubSpot

Contact Overview

  • Ensure you are on the overview page of the contact layout.

3

Customize the Layout

Contact Page Layout

  • Click on the Customize button to begin adjusting the contact layout.

4

Select the View

Contact Default View

  • Go into the Default view or select the specific view you are currently using.

5

Add a New Card

HubSpot Contact Cards

  • Scroll to the bottom of the layout cards and find the Add Card card component.

6

Search the Card Library

HubSpot Card Library

  • Go into the Card Library and type "Contrast" into the search bar.

7

Select the Engagement Timeline

Searching for cards in the library

  • Select the Contrast Engagement Timeline from the search results.

8

Add and Position the Card

Adding a card to the default view

  • Add the card to your layout. Use drag and drop to move the card to your preferred location. We recommend moving it to the top.

Save Changes

Contrast Engagement Timeline

  • Click Save and exit to finalize the layout changes.

Common problems and solutions

The Contrast Engagement Timeline card is not appearing in the Card Library.

Ensure you have installed Contrast and connected the HubSpot integration via the Contrast admin dashboard.

Drag and drop functionality is not working.

The speaker notes that drag and drop doesn't always work in HubSpot; if it fails, try it again until it works — it's a little buggy.

What can I do with the Contrast x HubSpot integration?

The integration syncs registration data and view activity into HubSpot — email, name, timeline events — directly onto contact records. It creates 50+ custom contact properties and lists that auto-segment by status: registered, attended live, no-showed. There are also workflow triggers, like notifying a contact owner when a prospect watches a recording.

Set-up is just a single click to get the data flowing. No custom setups needed.

HubSpot App Events are now in workflows, lead scoring, and journey analytics. Step-by-step guide to using them for webinar segmentation, Q&A routing, and attribution.

Want to go deeper? This guide covers App Events, lead scoring, Q&A routing, and attribution all in one place with step-by-step examples.