Case Study
Superfly Button: side-by-side buttons in Divi, no CSS required.
Divi designers were hand-coding every multi-button row, every gradient hover state, every responsive override. We built one module that handles up to 10 buttons with animated gradients and full responsive control. BeSuperfly sells it on their own marketplace and on the Elegant Themes Marketplace.
- Built for
- BeSuperfly ↗
- Get it at
- besuperfly.com ↗
- Also on
- Elegant Themes Marketplace ↗
OVERVIEW
A Divi-native button row, the way it should have shipped.
Superfly Button is a Divi-native button row module. Up to 10 buttons in a single row, side-by-side or stacked, with animated gradient backgrounds that transition between normal and hover states. Subtitles, custom icons, onclick attributes, and per-breakpoint responsive controls. No CSS. No layout hacks.
Sold by BeSuperfly. Distributed across BeSuperfly's own marketplace and the Elegant Themes Marketplace. Built and maintained by Karobar Solutions.
THE CHALLENGE
Multi-button rows in Divi were a CSS problem.
Divi's stock button module is single-button only. Every designer who wanted side-by-side buttons (paired CTAs, primary and secondary, button rows in heroes) was either combining columns and modules awkwardly or writing custom CSS to fake row layout.
Hover states with gradient animations? More CSS. Responsive control across tablet and mobile? Even more. Subtitles, icon placement, onclick attributes? Each one was its own override.
BeSuperfly's customers wanted a button module that just worked.
THE APPROACH
One module. Up to 10 buttons. Full responsive control.
We built Superfly Button as a custom Divi module that handles button rows natively. Designers add up to 10 buttons in a single module instance. Spacing between buttons is adjustable. Tablet and mobile breakpoints get their own controls. Animated gradient backgrounds transition smoothly between normal and hover states without external libraries.
Every Divi convention preserved. Subtitles, icons, custom onclick attributes, alignment, and color tokens all use Divi's existing patterns, so designers do not learn a new UI.
Two marketplaces, one update pipeline. Same plugin ships through BeSuperfly's own commerce site and through the Elegant Themes Marketplace. Customers on either channel get the same release cadence.
THE STACK
Custom Divi module, dual marketplace distribution.
WordPress plugin (PHP)
Custom Divi module registered via the Divi builder API. Compatible with Divi 4. Handles button rows natively, with up to 10 buttons in a single module instance.
Animated gradients
CSS-based gradient transitions between normal and hover states, layered on Divi's rendering pipeline. No external animation libraries. No designer-side CSS required.
Builder UX
Subtitles, icons, custom onclick attributes, alignment, and color tokens all use Divi's existing patterns. Per-breakpoint controls for tablet and mobile. Adjustable spacing between buttons.
Marketplace distribution
Packaged for two storefronts: BeSuperfly's own commerce site and the Elegant Themes Marketplace. Same plugin, two distribution channels, one update pipeline.
THE OUTCOME
Live in two marketplaces.
Superfly Button is sold at $19 / year unlimited, or bundled into BeSuperfly's $19 / month all-access membership. Distributed on BeSuperfly's own marketplace and on the Elegant Themes Marketplace. Part of a vendor catalog with 4,688 total sales across 18 products.
BeSuperfly handles distribution, marketing, and support. Karobar Solutions handles development and releases.
WHAT'S NEXT
Roadmap shaped by paying users.
New button effects and animations ship when designers in the BeSuperfly community ask. The module gets tested against Divi's release cadence. Less greenfield, more discipline.
Ready to start your next project?
We read every inquiry. If we're a fit, we reply within two working days with a short, honest note about scope and fit.