Website Building » Elementor » Adding a Dropdown to an Elementor: A Step-by-Step Guide

Adding a Dropdown to an Elementor: A Step-by-Step Guide

Last updated on August 16, 2023 @ 7:53 am

Adding a dropdown to an Elementor is easy. Actually, the widget already exists within Elementor.

First, open the Elementor editor by clicking the “Edit with Elementor” button.

NOTE: You need to install the Elementor plugin first before proceeding.

Then, search for “toggle” and select “Toggle” from the options.


From there, drag the “Toggle” element to the space where you want to place the dropdown.

Now you have a dropdown! You can edit its settings by going to the menu on the left.

PRO TIP: If you are unfamiliar with the WordPress interface and the Elementor plugin, we recommend seeking the advice of someone with experience. This could break your website and cause unexpected results.

In conclusion, to add a dropdown, search for the Toggle widget in the Elementor plugin, then drag it to your preferred space on your page. From there, you can edit the settings on the left menu.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.