Videos are a powerful way to engage learners, explain complex topics, and encourage course enrollments. Adding a video popup to your Teachable website allows you to showcase course previews, instructor introductions, or promotional offers in an interactive and visually appealing format. Teachable supports custom HTML and JavaScript, making it easy to implement dynamic video popups.
In this guide, learn how to add a video popup to your Teachable website and discover tips to maximize its impact.
Benefits of Adding a Video Popup to Your Teachable Website
Video popups are more than just a design element—they are strategic tools that can significantly improve your platform’s performance.
➲ Grab Learner Attention Instantly
- A video popup ensures your message is noticed immediately, encouraging user engagement.
➲ Simplify Complex Information
- Videos allow you to explain concepts or showcase features quickly and effectively.
➲ Boost Course Enrollments
- A well-placed video popup with a clear call-to-action (CTA) can increase sign-ups and conversions.
➲ Promote Time-Sensitive Offers
- Use video popups to highlight limited-time discounts or exclusive course launches.
➲ Enhance User Experience
- A professionally designed video popup adds interactivity and modern appeal to your Teachable website.
Add Video Popup to Teachable
Adding video popups to Teachable is simple and doesn’t require advanced coding skills. Platforms like WiserNotify make the process seamless.

WiserNotify makes creating and displaying professional video popups simple and fully customizable to match your website’s branding and audience needs. Whether you want to showcase a product, make an announcement, share a tutorial, or drive conversions with engaging videos, WiserNotify streamlines the process with its powerful features. Here’s how it works:
- Easy to Use: WiserNotify’s intuitive interface makes creating video popups quick and simple.
- Customizable Designs: Match your popup to your brand with personalized colors, fonts, and layouts.
- Smart Triggers: Show popups at the perfect time, like on page load, after a delay, or user interaction.
- Mobile-Friendly: Popups look great and function smoothly on all devices, including smartphones.
- Dynamic Personalization: Tailor popups based on visitor behavior, location, or time spent on-site.
- Strong CTAs: Add action-driven buttons like “Shop Now” or “Learn More” to encourage engagement.
- Real-Time Analytics: Monitor views, clicks, and conversions to optimize performance.
- Fast Loading: Lightweight popups won’t slow down your website’s speed.
- Responsive Support: Tutorials and a helpful team are available whenever you need assistance.
- Advanced Targeting: Show popups to specific audiences based on behavior, location, or page visits.
Let’s start by bringing your website to an interactive video popup! First, Sign up for a free WiserNotify account, log in to your dashboard, add your website, and generate a unique pixel code for seamless integration.
Customize the Widget Design
- Log in to the WiserNotify dashboard, navigate to the Social Proof section, and click on the Widget tab.
- Click the Add Notification to get started. Then, select the Video Popup Widget from the templates.
- In the design editor, upload your video file or paste a YouTube or Vimeo link, and click Preview to ensure the video is uploaded or linked correctly.

- Add a headline like ‘Exclusive Sale: Watch and Save!’ or ‘Discover How Our Products Work.’
- Customize colors, fonts, and sizes to match your store’s branding, and adjust the popup position.
- Include a clickable CTA button (e.g., ‘Shop Now,’ ‘Explore Deals,’ or ‘Watch Demo’) linking to a product page, sale collection, or checkout.
Configure Widget Display Settings
- Configure when the video popup appears immediately on page load, after a delay (e.g., 5 seconds), or based on user actions like scrolling or clicking.

- Enable autoplay for the video if you want it to start playing as soon as it pops up.
- Choose how often the popup appears per session, and preview its responsiveness on desktop and mobile.
After finalizing the design and settings, click Save and Activate, enable the widget, and check your website to confirm the video popup works as intended.
WiserNotify offers a variety of live popup widgets. Explore and see how you can use them to enhance your website!

See how to add a Video Popup to your website with this detailed video tutorial.
Best Practices for Creating an Engaging Video Popup
1. Keep Videos Short and Clear
Why: Learners prefer concise content that delivers value quickly.
- Limit video length to 30–60 seconds and focus on a single message or CTA.
2. Trigger Popups at the Right Time
Why: Poorly timed popups can disrupt user experience.
- Trigger the popup when users click a button, scroll to a specific point, or after a set delay.
3. Optimize for Mobile Devices
Why: Many learners access Teachable courses on mobile devices.
- Use responsive designs and test the popup on various screen sizes.
4. Provide Clear Dismiss Options
Why: Visitors should feel in control of their experience.
- Add a visible close button and allow users to dismiss the popup by clicking outside it.
5. Align with Your Branding
Why: Consistent design enhances professionalism and trust.
- Match the popup’s colors, fonts, and style with your Teachable website’s theme.
6. Test and Optimize
Why: Testing helps refine your strategy and improve engagement.
- Conduct A/B testing to experiment with popup designs, triggers, and video content.
Conclusion
Adding a video popup to your Teachable website is a fantastic way to enhance user engagement, simplify complex topics, and boost course enrollments. Whether you use custom HTML and JavaScript or integrate third-party tools, creating a dynamic and professional video popup is simple.
By following the best practices outlined in this guide, you can ensure your video popups resonate with your audience and deliver meaningful results. Start integrating video popups into your Teachable platform today to take your e-learning experience to the next level!