Quickly Add Video Popups to Kajabi Website

Q: How can I add a video popup to my Kajabi site?

You can add a video popup in Kajabi by using a Wisernotify with an embedded video link or by adding custom HTML, CSS, and JavaScript to a section on your site.

Krunal Vaghasiya|Jan 25, 2025 · Updated Aug 24, 2026

Videos are a powerful way to engage your audience, convey information effectively, and boost conversions.

Adding a video popup to your Kajabi website is an excellent way to showcase tutorials, product demos, or promotional offers in an interactive and visually appealing format.

While Kajabi doesn’t have a native video popup feature, you can easily add one using a third-party tool, or by adding your own custom code.

This guide walks through both methods step by step, plus the best practices that keep a video popup helpful instead of annoying.

There are two practical ways to do this: a no-code tool that connects through Kajabi’s Page Scripts setting, or a custom JavaScript popup added the same way.

Method 1: Using a No-Code Tool Like WiserNotify

Watch the full walkthrough below, or follow the written steps underneath.

Sign up for WiserNotify. Create a free account at wisernotify.com, or log in if you already have one.
Install the WiserNotify pixel on your Kajabi site (one-time). In WiserNotify, go to the Install Pixel page and copy your pixel code. See the full Kajabi integration guide for more detail on this step.

Copying the WiserNotify pixel code

Add the pixel to Kajabi. In Kajabi, go to Settings > Site Details.

Kajabi Settings, Site Details

Paste the code into Page Scripts. Scroll to the Page Scripts section and paste your pixel code into the Header Page Scripts box, then save.

Pasting the pixel code into Kajabi's Header Page Scripts box

Verify the install. Visit your Kajabi site once, then go back to the WiserNotify pixel page and click Verify pixel installation. You should see a “Pixel Active” message.
Create the video popup widget. In WiserNotify, go to the Widgets section, select Video popup from the widget options, and click Add. WiserNotify’s video popup widget guide covers every option in this editor in more depth.
Customize the design. Add your video, edit the popup text (dynamic placeholders like {Name} or {Product} are supported), set up a clickable CTA button with its own link and styling, and choose the position, animation, and color style for both mobile and desktop.

Set the timing. Under Timing Control, set an initial delay before the popup appears and how long it stays visible.
Configure display settings and publish. Choose which pages the popup should appear on, all pages or specific ones, add any advanced targeting you need, then click Save and Publish.

Test it on your live site. Visit the page on your Kajabi site in a private or incognito window to confirm the popup appears the way you configured it.

Build trust & FOMO

Highlight real-time activities like reviews, sales & sign-ups.

Add to My Website Now

Try for free

Method 2: Using Custom JavaScript

This method uses the same Page Scripts field from Method 1, so it’s worth trying WiserNotify first unless you specifically don’t want a third-party script on your site. Kajabi’s Page Scripts field is meant for JavaScript placed in the page’s <head>, so the snippet below builds the popup entirely in JavaScript rather than pasting raw HTML. Note that Page Scripts applies site-wide, not to a single page.

Open Page Scripts. In Kajabi, go to Settings > Site Details > Page Scripts.
Paste this snippet into the Header Page Scripts box, replacing YOUR_VIDEO_ID with your own:

<script>
document.addEventListener('DOMContentLoaded', function () {
  setTimeout(function () {
    var overlay = document.createElement('div');
    overlay.id = 'videoPopupOverlay';
    overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:9999;';

    var wrapper = document.createElement('div');
    wrapper.style.cssText = 'max-width:640px;margin:10% auto;position:relative;';

    var closeBtn = document.createElement('span');
    closeBtn.innerHTML = '&times;';
    closeBtn.style.cssText = 'position:absolute;top:-30px;right:0;color:#fff;cursor:pointer;font-size:24px;';
    closeBtn.onclick = function () { overlay.remove(); };

    var iframe = document.createElement('iframe');
    iframe.width = '100%';
    iframe.height = '360';
    iframe.src = 'https://www.youtube.com/embed/YOUR_VIDEO_ID?autoplay=1';
    iframe.frameBorder = '0';
    iframe.allow = 'autoplay';
    iframe.allowFullscreen = true;

    wrapper.appendChild(closeBtn);
    wrapper.appendChild(iframe);
    overlay.appendChild(wrapper);
    document.body.appendChild(overlay);
  }, 5000);
});
</script>

Save, publish, and test the popup on both desktop and mobile.

Which Method Should You Choose?

Go with WiserNotify if you want the popup live in minutes, need targeting options like specific pages or visitor segments, or would rather manage everything from a dashboard instead of touching code.

Go with custom code if your needs are simple, you’re fine with it running on every page, and you’re comfortable maintaining a small script yourself.

To ensure your video popup enhances user experience and achieves its goals, follow these best practices:

1. Keep Videos Short and Focused

Why: Visitors are more likely to watch concise, targeted content.

Keep videos under 60 seconds.
Deliver a single message or call-to-action.

2. Trigger Popups Strategically

Why: Poorly timed popups can disrupt user experience.

Trigger the popup after a user scrolls, clicks a button, or spends time on a page.
Use exit-intent popups to re-engage users about to leave.

3. Optimize for Mobile Users

Why: Many Kajabi visitors access websites on mobile devices.

Use responsive designs and test your popup on various screen sizes.
Compress video files to ensure fast loading.

4. Provide Clear Dismiss Options

Why: Users should have control over their experience.

Include a visible close button.
Allow visitors to dismiss the popup by clicking outside of it.

5. Limit Popup Frequency

Why: Overusing popups can frustrate visitors and increase bounce rates.

Show popups sparingly, such as once per session or on high-value pages.

6. Match Branding

Why: Consistent design builds trust and reinforces your site’s identity.

Align popup colors, fonts, and styling with your Kajabi theme.

7. Test and Optimize

Why: Analytics and testing help refine your popup strategy.

Use Kajabi’s analytics tools or third-party integrations to track performance.
Experiment with A/B testing to refine triggers, content, and design.

8. Add Value Through Content

Why: Visitors engage more with content that addresses their needs or interests.

Use video popups for tutorials, product launches, or customer success stories.
Ensure your content provides actionable insights or solutions.

Common Mistakes to Avoid

Autoplaying with sound on load: a video that blasts audio the moment someone lands on the page is one of the fastest ways to make them leave. Keep it muted by default.
Firing the popup instantly: showing it before a visitor has seen any content feels like an ambush. Give them a few seconds first.
No mobile testing: a popup that looks fine on desktop can easily cover the whole screen or break on a phone. Always check both.
Skipping the close button: a popup a visitor can’t easily dismiss creates frustration that outweighs whatever the video was trying to sell.
Using a huge, uncompressed video file: this slows the whole page down, not just the popup. Host it externally on YouTube or Vimeo instead of uploading it directly.

Boost Conversion Instantly

Add Social Proof & Urgency to your website

Try WiserNotify Today

Conclusion

Adding a video popup to your Kajabi website is an effective way to boost engagement, deliver key messages, and drive conversions.

Whether you go with a no-code tool like WiserNotify or build it yourself with custom code, the setup is straightforward once you know where Kajabi’s Page Scripts settings live.

Follow the best practices above, keep it short, well-timed, and easy to dismiss, and your video popup will add to the experience instead of getting in the way.

Related Posts:

Frequently Asked Questions

How can I add a video popup to my Kajabi site?

You can add a video popup in Kajabi by using a Wisernotify with an embedded video link or by adding custom HTML, CSS, and JavaScript to a section on your site.

Can I autoplay a video in the popup?

Yes, embed the video link (e.g., YouTube or Vimeo) with the autoplay=1 parameter in the URL and configure the popup form or custom script to trigger the video autoplay.

Can I customize the popup design?

Kajabi allows some customization of popups through the editor, such as colors and text. For advanced customization (e.g., animations, size), you’ll need to use custom HTML and CSS within the code editor.

How do I trigger the video popup with a button or image?

You can assign a button or image as the trigger by linking it to the popup form in Kajabi’s settings. For custom popups, use JavaScript to set up a trigger on click.

Will adding a video popup affect my site’s performance?

Performance impact is minimal if videos are hosted externally (e.g., YouTube or Vimeo). Always test your site’s speed with Kajabi’s built-in tools or external tools like Google PageSpeed Insights after implementing the popup.

Written by Krunal Vaghasiya

Krunal Vaghasiya is a marketing tech expert who boosts e-commerce conversion rates with automated social proof and FOMO strategies. He loves to keep posting insightful posts on online marketing software, marketing automations, and improving conversion rates.