# Field binding

URL: https://xodia.ai/glossary/field-binding
Description: Field binding explained: what it is, why it matters and how Xodia uses it, with links to the Xodia features and guides that cover it.
Last updated: 2026-11-08

Field binding connects an element on a page, such as a heading, image or link, to a field of a content item, so the element shows that item's value instead of fixed text.

Updated November 8, 2026

## What it is

Binding separates design from content. A designer styles one card; each item fills it with its own title and photo. Editors change the content without touching the design, and the design changes without retyping any content.

Bindings can also decide whether something shows at all, such as a Sold out badge that appears only when a switch is on.

## In Xodia

Inside a Collection List or on a collection page, select an element and choose Content from in its settings: Static, or a field of the right type. Visibility shows it only when a field is set, empty, on or a given value.

Bound elements carry a field chip on the canvas, and double-clicking bound text edits the item, not your code. In the code a binding is plain JSX with a data-field attribute.

## Read more

- [Xodia CMS](https://xodia.ai/product/cms)
- [The visual editor](https://xodia.ai/product/visual-editor)

## Related terms

- [Collection list A collection list is an element that repeats one design for each item of a content collection, such as cards for the latest blog posts, filtered, sorted and limited as you choose.](https://xodia.ai/glossary/collection-list)
- [Collection page A collection page is one page design that shows every item of a CMS collection, each at its own address, such as /blog/my-first-post for each post in a blog.](https://xodia.ai/glossary/collection-page)
- [CMS schema A CMS schema is the definition of a site's content types and their fields, such as a blog post with a title, a date, an author reference and a body, that every entry must follow.](https://xodia.ai/glossary/cms-schema)

[See every term in the glossary](https://xodia.ai/glossary)

Glossary