How to Add a Link to a Dropdown in Webflow
In this article
This guide will walk you through the process of adding a new link item to an existing dropdown menu in Webflow. This allows you to expand the navigation options within your dropdown.
Explore more Webflow tutorials with interactive Saltfish walkthroughs.
Here's how to add a link to a dropdown in Webflow
- Select the Dropdown Toggle
First, locate and click on the "Dropdown Toggle" element directly on your Webflow canvas. This action will select the dropdown component and display its properties in the right sidebar.
- Navigate to Settings
With the dropdown toggle selected, switch to the "Settings" tab in the right-hand panel. This tab contains various configuration options for the selected element.
- Open Dropdown Settings
Within the "Settings" tab, find and expand the "Dropdown settings" section. This section provides specific controls for managing the dropdown's behavior and content.
- Add a New Link
Inside the expanded "Dropdown settings" section, click the "+ Add Link" button. This will instantly create a new link item within your dropdown menu.
- Verify the Added Link
After clicking "+ Add Link", a new "Dropdown Link" element will appear on your canvas and its "Link settings" will be displayed in the right sidebar, ready for you to configure its URL and other properties.
Your turn to show how it works.
Build a walkthrough of your product with Saltfish, then share it with your customers.
Frequently Asked Questions
The "Dropdown Toggle" element is visible on the main canvas, typically as the clickable part of your dropdown menu. You can identify it by its label when selected.
Webflow
