Where is the unlink button located in Webflow symbols?
TL;DR
- Select the Symbol in the Webflow Designer.
- Go to the Settings Panel (gear icon) and click "Unlink Instance" to convert it into editable elements.
In Webflow, the Unlink button for Symbols allows you to detach an instance of a Symbol so you can edit it independently. Here's how to find it:
1. Open the Designer and Select the Symbol
- Go to the Webflow Designer and click on a Symbol on your canvas.
- Symbols are shown with a green outline and a label indicating the Symbol name.
2. Find the Unlink Option in the Settings Panel
- With the Symbol selected, go to the Settings Panel (tab with a gear icon on the right sidebar).
- Inside the Settings Panel, you’ll see a section labeled Symbol showing the Symbol’s name.
- Click the Unlink Instance button at the bottom of this section.
3. What Happens After Unlinking
- The Symbol is converted into regular elements, preserving its layout and styles.
- This instance is no longer tied to the original Symbol and changes made won’t affect other instances.
Summary
To unlink a Symbol in Webflow, select the Symbol, go to the Settings Panel (gear icon), and click Unlink Instance. This lets you edit the content as regular elements without affecting other Symbol instances.