Webflow sync, pageviews & more.
NEW

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.
  • 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.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What could be causing the issue with the slider button on my Webflow website, where it is not clickable when the slider or the button itself is hovered?
Will Webflow incorporate responsive font sizes in its platform?
How can I add an image from my media Library to a blog post in the Webflow editor without having to upload it again? It's a straightforward process in WordPress, but seems more complicated in Webflow. Am I overlooking something?
How can my clients maintain the multiple page website I create for them using Webflow's $16/month plan, considering they may only need to make occasional changes and may not want to pay for a full plan?
What are the steps to add a datepicker to a Webflow site using jQuery and jQuery UI?
How can I get the script for a form/survey to work properly in Webflow?
How can I fix an issue where the menu is not present on my Webflow site when published, even though it works fine in preview mode? I've tried rebuilding the interactions, removing custom code, and rebuilding the menu, but nothing seems to work. Can you please help me?
How to change the size of a single project image and title without affecting other images in Webflow?
How can I fix the issue with the animation in Webflow where the top and bottom divs work correctly but the right and left divs do not display correctly in the preview or published site?
How can I make an anchor link to a section on a new page in Webflow with a fixed header, without the top of the section being covered by the header?
Is it possible to allow users to contribute rich-content with integrated images on my moderated Webflow community news and information site, without giving them access to the backend? I want to be able to moderate the content.
Can I add videos to a Webflow blog using Create Collection Item API with embedded HTML code, or do I need to manually input the video URL in the Webflow Editor? Why do I receive an error message when trying to embed certain video links in Webflow?
Does Webflow integrate with any payment providers to receive cryptocurrencies as well?
How can I make Lottie animations play on hover and stop at the last frame in Webflow?
How can I stop a video from playing when a modal is closed in Webflow? I've tried using an HTML embed but it didn't work.
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?