Portfolio Case Study · WordPress Plugin · Elementor
A Custom Elementor Dropdown Button Widget
Filling a real gap in Elementor — a multi-link dropdown button that non-technical editors can add and configure visually, with no custom code.
Summary: Elementor has no built-in dropdown button, so editors who need a button that opens multiple links are stuck writing custom code. AbedinTech built a custom Elementor widget that adds exactly that — a dropdown button supporting multiple predefined or custom links — fully configurable inside Elementor’s visual editor, responsive across devices, lightweight, and released under the MIT license.
Project at a Glance
| Project type | Custom Elementor widget / WordPress plugin development |
| Platform | WordPress + Elementor |
| Core tech | PHP, Elementor Widget API, JavaScript, HTML, CSS |
| Focus | Editor experience — no-code, drag-and-drop configuration |
| License | MIT (open source) |
The Challenge
Website editors using Elementor frequently need a single button that reveals several links on click — a common pattern for grouped actions or navigation. Elementor doesn’t ship one, which leaves editors with two bad options: hand-code a widget, or bolt together workarounds that break on mobile. The goal was a first-class widget that a non-developer could use confidently.
The Solution
A native dropdown-button widget
Built on the Elementor Widget API so it appears right in the editor’s widget panel and behaves like any other native element — drag it in, configure, done.
Predefined or custom links
Editors add as many links as they need, choosing from predefined options or entering custom internal and external URLs — no code, no shortcodes.
Responsive and lightweight
The dropdown works cleanly across desktop, tablet, and mobile, with a minimal-dependency build that keeps pages fast.
Architecture & Engineering
The widget is implemented against the Elementor Widget API so it integrates natively with the editor’s controls, styling, and responsiveness system rather than fighting it. The front end is deliberately lightweight — minimal JavaScript and CSS, no heavy dependencies — and the whole plugin is MIT-licensed and reusable across projects.
Results & Impact
Technology Stack
Need a custom Elementor widget?
AbedinTech builds custom Elementor widgets and WordPress plugins that make editing effortless. Get a proposal.
Frequently Asked Questions
Does Elementor have a dropdown button?
Not natively. Elementor has no built-in dropdown button, so editors who need one typically require custom code. AbedinTech built a custom Elementor widget that adds a configurable multi-link dropdown button directly in the editor.
Can non-developers use the dropdown button widget?
Yes. It’s a native Elementor widget configured entirely through the visual editor — editors drag it in and add predefined or custom links without writing any code.
Can AbedinTech build a custom Elementor widget for my site?
Yes. AbedinTech builds custom Elementor widgets and WordPress plugins tailored to your workflow — lightweight, responsive, and easy for your team to use.