# Webflow custom code can now reference component props

By Steven Van · 2026-05-27

Code Embeds gain a connect-button link to props, locale, and page settings, plus a new Code prop, on all plans with custom code.

Custom code blocks in [Webflow](<https://creatorstoolbox.com/tools/webflow>)'s Code Embeds can now reference component props, locale settings, and page settings directly, the same way they already reference CMS fields. Adding a reference from the connect button in the code editor supports most prop types, including Text, Number, Image, Link and Switch, so a Text prop can drive custom CSS to set per-instance styles, or feed a JSON-LD block built for AEO.

A new Code prop also lets a whole Code Embed element be connected, so SVG markup, third-party embeds, and other custom code can be swapped per instance. It's [rolling out now](<https://webflow.com/updates/use-component-props-in-custom-code>) on all plans with custom code.

[![](<https://cdn.prod.website-files.com/687e8d1b96312cc631cafec7/6a0b8583a4883a1f0f7fbf61_Code%20Embed%20Props%20Thumbnail.jpg>)](<https://webflow.com/updates/use-component-props-in-custom-code>)

![Webflow](<https://cdn.prod.website-files.com/686294e263eb7e215bd232f7/686d53d0446d4237b2f38c5f_webclip.png>)

Webflow

Build professional websites visually — no code required, with CMS, interactions, and hosting built in.

[View Webflow →](<https://creatorstoolbox.com/tools/webflow>)

Sources

[Original source](<https://webflow.com/updates/use-component-props-in-custom-code>)

[Read Webflow custom code can now reference component props on Creators Toolbox](<https://creatorstoolbox.com/blog/webflow-use-component-props-in-custom-code>)

---
Canonical source: https://creatorstoolbox.com/blog/webflow-use-component-props-in-custom-code