Setting Up Your CTA Button:
Call To Action buttons (CTAs) are an excellent way to push viewers toward a desired action on your website, after or while they watch your video, like buying your product, signing up for your webinar, opting into your list, etc.
Setting up CTAs in Vidalytics is super easy and flexible.
The first thing you have to do is go to your video settings page > Marketing and open the Call To Actions section.
Once open, click on 'Create New CTA'.
The first thing you'll have to do is add text to your CTA, and a redirection link:
(Mark the "Open link in a new tab" if you'd like to redirect them to your site without closing the video).
Note: make sure the link you paste in has either http:// or https:// at the beginning ;)
Then choose where to place your CTA in relation to your video.
Below your video and reserving space, means that your video container will, upon loading, already be sized to include your CTA button once it's time for it to display.
Below your video and expanding the container, means that the container of the actual CTA won't display until the button appears, which in turn means any content below your video will be pushed down on your page at this point.
'On top' means that your CTA will show up on top of your video, inside of its main container, and not seemingly as a separate element.
Custom HTML means any kind of content you'd like to show below your video at a specific in-video time, such as order boxes.
Next up is the time at which you'd like the button to appear.
A timed CTA (AKA Display time), is pretty straightforward. It'll show up between the times you specify in the From and To fields. If you leave the 'To' field empty, we'll display your CTA all the way till the end of the video.
Exit CTA will only be shown when your video is paused, giving you another chance to grab your viewer's attention.
Enable Show to returning viewers if you want to display the CTA for returning viewers without having to wait to the specified time on video again.
Enable the "Only when triggered before" if you want the returning viewers to see the CTA only if they reach the Display Time in their previous session.
Finally, select colors for your button and interactions, enable or disable their drop shadow and text/hover over text effects.
Click 'Save' and your CTA Button has been created, yay!
IMPORTANT: Make sure you re-publish your video after adding or editing your CTA button(s), so your viewers can see them!
IMPORTANT (2): our CTA Buttons don't appear on mobile fullscreen.
Customizing CTAs via CSS
The CTAs are customizable via CSS :) We recommend not modifying the player via ID attribute but rather using classes.
1. Player ID is different on each request
2. Embed ID is different for different embed codes, so if you would ever change embed code it may stop working later.