BWD Dual Button addon for Elementor

The BWD Dual Button is a lightweight, highly customizable addon for Elementor designed to help you display two side-by-side call-to-action (CTA) buttons in a single widget. It is particularly useful for offering "A or B" choices to users, such as "Register" vs. "Login" or "Buy Now" vs. "Learn More."

In 2026, it remains a favorite for developers looking for high-impact designs without the weight of a massive addon bundle.

🚀 Key Features

31+ Pre-designed Presets: Access a library of unique, professionally designed button styles that can be applied with one click.

Middle Text/Icon (The "Connector"): Easily add a separator between the two buttons, such as "OR," an icon, or a decorative shape.

Hover Animations: Includes over 100+ hover effects that can be applied to both buttons simultaneously or individually.

Fully Responsive: Buttons automatically adjust their layout for tablets and mobile devices (e.g., stacking vertically on small screens).

Lightweight Code: Built to be "SEO Friendly" and optimized for speed, ensuring it doesn't slow down your page load times.

No Coding Required: Every aspect, from the border-radius to the box-shadow, is controlled via the Elementor sidebar.

📄 How It’s Used (Use Cases)

Scenario

Layout Idea

Pricing Tables

"Monthly Billing" vs. "Yearly Billing" buttons.

App Downloads

"App Store" and "Google Play" buttons with respective icons.

E-commerce

"Add to Cart" and "Buy Now" for quick conversions.

Memberships

"Student Login" vs. "Teacher Login" access points.

🛠 Setup & Configuration

Installation: Install the BWD Elementor Addons (the free bundle) or the standalone BWD Dual Button plugin.

Add Widget: Search for "Dual Button" in the Elementor search bar and drag it onto your page.

Content Settings: * Button One/Two: Set your text, links, and unique icons for each.

Connector: Choose to show/hide the middle element and customize its text (e.g., "VS").

Style Settings: * Alignment: Center, left, or right.

Preset: Choose from the 31+ styles.

Colors: Set normal and hover colors for text, backgrounds, and borders.

Advanced: Use Elementor’s native "Motion Effects" to make the buttons fly in as the user scrolls.

⚖️ Is There a Free Version?

Yes. The BWD Dual Button is included in the BWD Elementor Addons (available on WordPress.org), which provides over 80+ widgets for free. There is also a "Pro" version/bundle that offers more advanced styling, specialized layouts, and priority support.

Pro Tip: When designing for mobile, check the "Alignment" settings. BWD allows you to set the buttons to Full Width (Block) for mobile devices, which creates a much better "thumb-friendly" experience than small side-by-side buttons.

Would you like me to show you how to customize the "Connector" (the middle text) to look like a circular icon, or do you need help setting up different hover effects for each button?