Video CTA Generator
Design · Preview · Export
Custom prefix for all CSS classes in the output. Prevents style conflicts when embedding multiple snippets on the same page. Use a short unique string. Default is "sys" which generates classes like sys-video-wrapper and sys-cta.
Direct link to your .mp4 video file. Paste any publicly accessible MP4 URL here. The video will autoplay muted with looping enabled for the best user experience.
The URL your CTA button links to. When users click the button overlay on your video, they'll be redirected here. Use your sales page, checkout, or landing page URL.
The text displayed on your CTA button. Keep it short, action-oriented, and compelling. Uppercase is auto-applied for maximum visual impact.
Button fill color. Choose a high-contrast color that stands out against your video content.
Button label text color. White on colored provides the best readability.
Button color on hover. Use a shade 10-20% darker than your base color.
Text color on hover. Usually kept the same as default text color.
Corner roundness (px). 50 = pill, 12 = rounded, 0 = square.
Delay in seconds before CTA appears. 3-5s is optimal. 0 = instant.
Vertical padding (px). Controls button height. 14px is balanced default.
CTA text size (px). 15px is ideal for desktop, auto-scales on mobile.