Skip to main content
All CollectionsVideo Upload & Customization
How to use Timed Custom HTML CTAs in Vidalytics
How to use Timed Custom HTML CTAs in Vidalytics
Erika Lehmann avatar
Written by Erika Lehmann
Updated over 4 months ago

You can use your own custom HTML elements as CTAs (or simply timed content) and tie them to video watch time inside of Vidalytics to choose when you want to reveal them to your viewers.

As you already know, by using Vidalytics' built-in CTAs, you get to display your call to action buttons based on the time on your video and not on the time on page, which is way more powerful when you're trying to create a particular experience for the viewer.

Now you can do the same with your own HTML elements. They can be buttons, forms, order boxes, or anything else you can think of.

To start using them, follow the steps below:

On your settings page, go to Call to Actions > Custom HTML

Enter the same 'class' or 'id' that you have given your timed content on your site. This is very important! They need to match exactly so Vidalytics can identify it and display it at the correct time.

Note: make sure your hidden element / container has the attribute 'display:none'. This way, Vidalytics can unhide it only at the time you specify πŸ’ͺ

Next, choose if you want to show this content at a specific time or upon video pause (Exit).

Lastly, choose if you want this content to be shown to returning viewers automatically or not, and hit Save.

You're all set! Remember to republish your video once you're done with the changes, and you'll be able to see them in action on your site πŸ˜‰

Happy selling! πŸ’Έ

Did this answer your question?