Dropdown Button Widget for Elementor
The Dropdown Button Widget for Elementor is a versatile tool that allows you to create custom buttons with drop-down menus, enhancing navigation and functionality on your website.
Dropdown Button Source Types
Fully integrated with dynamic source types that will supercharge your workflow. Use any of the available source types to populate the content in your widget.
- Items
- WordPress Posts
- ACF Custom Fields
- JSON or CSV
- Terms
- Users
- WordPress Menu
Widget Items
Elementor’s repeater field allows you to manage the items in your widget’s Dropdown Button easily. You’ll be able to effortlessly add, delete, duplicate, and reorder the items, giving you complete control over the design elements in your project.
Widget Styling
Modify the colors and fonts to match your site’s look and feel through the Elementor live page builder interface. Customize every single detail to perfectly blend with your website design.
Dropdown Button Settings
Personalize the colors of your Dropdown Button to perfectly blend with your website’s aesthetic. Alter the text, fonts, and layout until it functions precisely how you want – giving you complete control over its look and feel!
Hover Animation
You can even add a custom hover animation that will indicate when users can click on the button. This subtle effect helps create a better user experience and improves the overall look of your website.
Post Query & Filters
When using Posts or Products as the source for the Dropdown Button you will have access to advanced tools such as the post query and numerous types of filters. These tools can help you make advanced dynamic websites.
Dropdown Button Frequently Asked Questions
The Dropdown Button widget creates a button with a dropdown menu that allows users to access additional options or links. It’s ideal for displaying hidden content or providing navigation choices without cluttering the page layout.
This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Widget Library.
- Search in the search bar for “Dropdown Button”.
- Hover over the widget in the search results and click Install.
- Add the “Dropdown Button” widget to any Elementor Page.
The Dropdown Button widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now.
Absolutely! You can easily showcase your WooCommerce products directly within the button to create an interactive shopping experience. With WooCommerce as the source, you can query products using options like Custom Query, Current Product Query, Related Products, and Manual Selection.
You can also connect powerful filters to refine the experience, including Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, Price Range, Color Swatches, and Alphabet Filters.
Absolutely! You can showcase WordPress posts or custom post types dynamically within the button. Query options include Custom Query, Current Post Query, Related Posts, and Manual Selection.
You can also connect powerful filters, such as Search, Tabs, Checkboxes, Dropdown, Sorting, Pagination, Load More, Infinite Scroll, Active Filter, Clear Filters, Post Query Summary, and Alphabet Filters.
Yes! Filters can be used when the source is either WordPress posts or WooCommerce products. Here’s a list of available filters:
- Search Filter: Transform the search experience with a live search that gives instant results.
- Tabs Filter: User-friendly tabs filter, ensuring easy categorization, quick selection, and live display.
- Checkboxes Filter: Optimize filtering with multi-select Checkboxes Filter for flexible, personalized searches.
- Select Dropdown Filter: Streamline content choices using the Dropdown Filter for effortless selection and display.
- Sorting Filter: Ease content exploration on your website as users filter and sort with minimal effort.
- Pagination: Enhance the browsing experience with smooth navigation between post results.
- Load More / Infinite Scroll: Improve user interaction in your product widgets using a Load More Button or Infinite Scroll.
- Active Filter: Display the selected filters and reset them easily for user convenience.
- Clear Filters: Let users easily clear all selected filters with one quick and easy click.
- Post Query Summary: Provides quick feedback by displaying the number of posts or pages found.
Click here to Learn More.
Definitely! The Dropdown Button widget supports Advanced Custom Fields (ACF) Repeaters, allowing you to display custom fields dynamically.
Yes, the Dropdown Button widget supports importing data from CSV files, making it versatile for various use cases.
Of course! You can easily display JSON file data within the Dropdown Button to create dynamic content layouts.
Using the Dropdown Button is straightforward. Drag the widget into your page, configure your button and content settings, and style it to match your design. Check out our documentation for a step-by-step guide.
