Back to updates
Feature
Designer

Apply content overrides for symbol instances

Now you can change images, text, videos, and links in a single instance of a symbol — making it easier to create and maintain recurring layouts.

Apply content overrides for symbol instances

<p>Webflow’s <a href="<https://university.webflow.com/article/symbols>">symbols</a> are great when you have a recurring layout whose content is exactly the same across each instance — for example, a nav bar, a footer, or a sign up form — but what if you have a recurring layout that has unique content in each instance?</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1200px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1200px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21ce76m4YTBhUm7fxt-0hcsYqMn5QjVeZCPz6gAzZfUW2siFAMazeIGwkt9OjodVOzhUaJgcnUZPOXwWKQkAtrWsTHsKyENGeuX63FcWDtIP-E1woIJc1btlEAGrP-iwd3VWNSf3f0fAYE.gif>"></div><figcaption>Create override fields for elements you’d like to override in a symbol instance.</figcaption></figure><p>With <a href="<https://webflow.com/blog/content-overrides-for-symbols>">today’s release</a>, now you’re in luck. Because now you can change images, text, videos, and links in a single instance of a symbol without affecting others — making it easier to create and maintain recurring layouts across your site that have unique content.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1200px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1200px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21ce72Kv8uZk8e7q8CdP4fY6-dPX99IoBWQ39OwOacxY8AyRtBvFVg9cdEVblGjtsijM6bQWNnuWU2U8Ly6lDS1xVKzLUl_Mbu-dLbFoJ0AHsyM07-USsoeHOh9zDXmyGyfuAT5Zxe8LuG.gif>"></div><figcaption>In this example, each of these testimonial cards will be a unique instance of the master “card” symbol, each with unique content overrides.</figcaption></figure><p>For a full breakdown of this release, check out our <a href="<https://webflow.com/blog/content-overrides-for-symbols>">blog post</a>, or read the <a href="<https://university.webflow.com/article/symbols>">full documentation</a> on Webflow University.</p>


Launched on
March 20, 2020
Category
Designer

Related updates

Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more