The BWD Dual Button addon for Elementor is a powerful design tool that allows you to create highly engaging, side-by-side button layouts directly within your WordPress site. Whether you are looking to create a classic “Yes/No” choice, a “Monthly/Yearly” pricing toggle, or a “Learn More/Buy Now” call-to-action, this plugin provides the flexibility to design professional, eye-catching button pairs without writing a single line of code. Designed specifically for Elementor users, it seamlessly integrates into your existing workflow, helping you increase conversion rates by guiding your visitors toward the actions that matter most.
Key Features
- Dual Button Layouts: Effortlessly place two distinct buttons side-by-side with complete control over the spacing, alignment, and relative size of each button.
- Extensive Customization: Tailor every aspect of your buttons, including typography, border radius, box shadows, padding, and margin, to match your brand identity perfectly.
- Icon Integration: Enhance your call-to-action by adding icons to either side of your button text, choosing from a vast library to provide visual cues to your users.
- Hover and Active States: Create interactive experiences by defining unique styles for hover and active states, ensuring your buttons feel responsive and premium.
- Responsive Design Controls: Ensure your dual buttons look perfect on every device. Adjust layout settings independently for desktop, tablet, and mobile views to maintain a clean user interface.
- Gradient and Color Options: Utilize advanced color pickers to apply solid colors or stunning gradients to your button backgrounds and text, making your CTAs stand out on any page background.
- Elementor Native Experience: Built as a dedicated Elementor widget, it functions exactly like the native widgets you are already familiar with, featuring a drag-and-drop interface and intuitive control panels.
Use Cases / Who It’s For
This plugin is an essential asset for web designers, digital marketers, and business owners who want to improve the user experience and conversion paths on their websites. If you are building landing pages, you know that the placement and design of your call-to-action buttons are critical to success. The BWD Dual Button addon is perfect for:
E-commerce Store Owners: Use dual buttons to offer clear choices, such as “Add to Cart” versus “View Details,” or to compare different product versions side-by-side, helping shoppers make faster decisions.
SaaS and Service Providers: Easily implement pricing table toggles or plan selection buttons, allowing users to switch between monthly and annual billing cycles with a single click.
Bloggers and Content Creators: Guide your readers to the next logical step by offering two distinct paths, such as “Read More” and “Subscribe to Newsletter,” keeping your audience engaged with your content longer.
Web Agencies: Speed up your development process. Instead of manually aligning two separate button widgets and fighting with spacing issues, this addon provides a standardized, reliable way to create dual-button layouts that remain consistent across your entire site.
Setup / How It Works
Getting started with the BWD Dual Button addon is designed to be straightforward for anyone familiar with the Elementor page builder.
- Install and Activate: Once you have installed the plugin, ensure it is activated in your WordPress dashboard.
- Open Elementor: Navigate to the page or template where you want to add the buttons and open it with the Elementor editor.
- Drag and Drop: Search for the “BWD Dual Button” widget in the Elementor sidebar and drag it onto your desired section or column.
- Configure Content: Use the content tab to set the text, links, and icons for both the left and right buttons.
- Style to Perfection: Switch to the Style tab to adjust colors, typography, spacing, and border styles. You can customize each button individually or apply global styles for a cohesive look.
- Publish: Once you are satisfied with the design, save your changes and publish your page to see your new dual buttons in action.