DEV Community

Cover image for I built a simple WordPress plugin to boost conversions with video (and it works)
Brendon Lima
Brendon Lima

Posted on

I built a simple WordPress plugin to boost conversions with video (and it works)

I built a simple WordPress plugin to boost conversions with video (and it works)

If there’s one thing I learned building websites for clients, it’s this:

people don’t read everything — they scan.

And when there’s a video, trust builds faster.

But adding video to product pages usually ends up in one of these situations:

  • the video is hidden somewhere and nobody watches it
  • it takes too much space and ruins the layout
  • it depends on the theme and becomes a messy workaround

So I did what every developer does when something annoys them:

I built a plugin.


The problem (real world)

Many clients want:

  • “a video showing the product”
  • “something like Reels”
  • “a small button that doesn’t mess up the page”
  • “it must work on mobile”
  • “no heavy page sections”
  • “no theme dependency”

And honestly… most solutions are either ugly, bloated, or hard to maintain.


The solution: a floating video balloon

This plugin adds a floating balloon button (like a WhatsApp widget) on the corner of the page.

When the user clicks it:

  • a modal opens
  • the video loads inside it
  • the user watches without leaving the page

That’s it.

Simple, clean, and effective.


Features I made sure to include (because details matter)

✅ Admin settings (easy to use)

From the WordPress dashboard, you can configure:

  • balloon message text (example: "Watch the product video")
  • balloon position
  • video URL (Instagram or self-hosted)
  • basic style settings

No complicated setup. No unnecessary options.


✅ Auto message popup (micro UX that increases clicks)

This was a big one.

When the page loads, a small tooltip message appears like:

“Watch the product video”

It disappears after 5 seconds (or instantly when the user clicks it).

Because without context, most users see a floating icon and think:

“What is this?”

That tiny message removes friction.


✅ Responsive and layout-safe

The balloon stays small and discreet, but still visible.

On mobile, it works the same way and doesn’t block the whole screen.


✅ Lightweight code

No heavy frameworks.

The goal was:

  • fast loading
  • compatible with any theme
  • minimal risk of conflicts

Why this helps conversions

Video reduces friction.

The user doesn’t need to:

  • scroll forever
  • search for a video section
  • open a new tab
  • leave the page

They just click and watch.

If your product needs demonstration, this is a massive win.


What I learned building it

A few quick lessons:

  • UX is all about small details.

    A 5-word message can change user behavior.

  • A good plugin is one that doesn’t create extra work.

    If the client needs a tutorial, it’s already too complex.

  • Less is more.

    The plugin doesn’t need 30 settings. It needs to solve one problem extremely well.


Next improvements (ideas)

If I expand this plugin, I’d add:

  • click analytics (how many users opened the video)
  • multiple videos per site/page
  • show only on selected pages (conditional display)
  • YouTube/Vimeo support too

Final thoughts

This started as a simple feature request, but it became a reusable solution I can drop into many WordPress projects.

If you build WordPress sites and want a clean way to add video without destroying the layout, this approach works really well.

If you want, I can share a technical breakdown of the plugin structure and how I implemented the modal + settings panel.

🚀

Top comments (0)