DRAG ME
4
min to read

Webflow CMS Reference Fields: Model Relationships Before Importing Content

Web development
About tools
Explore all
January 5, 2026
Decide what belongs in a field, a separate collection or rich text, then test references with realistic content before a large CMS import.
In this article

Reviewed 12 September 2026.

A content model determines what editors can reuse and what the website can display consistently. If every relationship is pasted into rich text, filtering and related content become difficult. If every sentence becomes a field, editing becomes cumbersome.

Start with the content questions

List the information a template needs to answer. A project page may need a client name, service, industry, cover image and narrative. An article may need categories and a related project. Distinguish information that must be queried or repeated from information that only belongs inside the story.

Build a small set of example records before finalising the schema. Include an ordinary record, a complex one and one with optional information missing. These examples reveal whether the model supports the actual content or merely the neatest design mockup.

Use relationships for reusable entities

A category or project referenced by many articles is a reusable entity. A reference connects records instead of duplicating the same information in each article. Decide whether each relationship allows one item or several based on the publishing rule you need.

For example, an article may belong to several categories but point to one primary project. Write that rule in the editorial instructions. Webflow’s CSV import supports references matched by slug and multiple reference values separated by semicolons. Use existing destination records and test the mapping before importing the full file.

Choosing where information belongsInformationLikely locationReasonClient name reused across pagesA project or client recordMaintain one authoritative valueArticle categoryReference relationshipSupport consistent groupingLong explanationRich-text fieldPreserve editorial flexibilityFeatured selectionSwitch with a publishing ruleExpress a clear editorial choice

Keep presentation rules separate from content meaning

A field named Industry describes content. A field named Third purple card describes a temporary layout decision. Prefer names that remain meaningful when the design changes. Use switches for clear binary editorial choices, such as whether an item is featured.

Decide how optional fields affect the template. A missing quote should remove the quote block, not leave an empty heading. A record without a related project should still produce a complete page. Test the empty states while the template is being built, when structural changes are easier to make.

Validate the model through an editing task

Ask an editor to add a realistic record without instructions from the builder. Watch for uncertain field names, repeated typing and unclear relationships. Revise the labels and help text where the editor has to guess.

Before a bulk import, compare a sample record in the CMS and on the rendered page. Check special characters, images, references and optional sections. Keep stable slugs for established records unless a deliberate URL change is required. A clean spreadsheet is only one part of a successful content model: the resulting pages and editing workflow must also work.

Model the relationships your editors need to maintain, then let the template decide how to display them.

A related YAVACADO project

Trustlayer io website in a desktop mockup
Strapi to Webflow CMS Migration for Marketing Autonomy. A YAVACADO project.

For Trustlayer io, YAVACADO migrated the website and blog from Strapi to Webflow. The project focused on giving the marketing team a visual publishing workflow. It is a practical example of why content structure and the people maintaining it should be considered together.

View project: Trustlayer io

Check your own website

Your review checklistTest three different content recordsDefine one-versus-many relationshipsCheck optional-field statesVerify reference slugs before importUse these checks as you review. Selections are not saved.

Put it into practice

An editor types the same project title and URL into twelve articles. What should you investigate?

Show the suggested approach

Consider a project reference so the title and destination come from one record. Keep article-specific commentary in the article. This separates reusable project identity from the particular reason it is relevant to each story.

Continue reading

Webflow CMS: Build a Content Library Your Marketing Team Can Run

References

Discuss your website

Bring your current website and the task you want to improve. YAVACADO can help define the content, design and implementation work needed for the next step.

Tell us about your project

FAQs

Webflow Alignment Explained: Text, Flexbox and Responsive Layouts

6/13/25
4
min to read

Figma to Webflow: A Reliable Handoff and Import Workflow

1/14/24
4
min to read

Shopify Metafields: Build Consistent Product Information Step by Step

3/29/24
4
min to read

Webflow MCP: Choose Your First AI Agent Task for the CMS

9/24/26
6
min to read
LET’S WORK TOGETHER
LET’S WORK TOGETHER
LET’S WORK TOGETHER
LET’S WORK TOGETHER
LET’S WORK TOGETHER
LET’S WORK TOGETHER
LET’S WORK TOGETHER
LET’S WORK TOGETHER

Testimonials

What our clients say

A web design agency that cares about you and your brand, no matter the size or what industry your business is in.

YAVACADO turned our technical equipment catalog into a clear, professional website that our team can manage. The CMS and CRM integration make it easier to present products, process enquiries, and support clinics from the first contact.

YAVACADO turned a complex booking process into one clear platform. Our team can manage tours and content in Webflow, while parents can book and pay securely through WayForPay. The result is easy to operate and built around the needs of the Ukrainian market.

The website captures the premium feel of our brand perfectly. From the design to the multilingual functionality and payment integration, every detail was delivered to a very high standard.

Excellent implementation of our Figma design in Webflow. The final website feels fast, polished, and exactly aligned with the premium fintech experience we wanted.

The funnel feels significantly more polished than the original concepts and was delivered in a format our internal team could immediately continue working with. Smooth process and excellent execution.

Working with YAVACADO was a fantastic experience. They understood both the technical requirements and the business goals, delivering a fast, polished website that's easy to manage and built to generate qualified leads.

Impressive speed and quality. The landing page was delivered in just hours and looks clean, professional, and ready to use.

The turnaround was incredibly fast, and the result looks clean and professional. The site reflects our firm perfectly and was delivered exactly on time.

The YAVACADO team helped us present FromLab2Jab’s complex services in a clear and professional way. The structure, CMS, and filtering system make it easy for our team to manage and scale the content.

The final website matched the Figma design with impressive accuracy. The animations, sticky sections, and overall Webflow execution made the project feel polished and high-end.

YAVACADO delivered a powerful, scalable platform that fully supports our operations. The CMS structure, CRM integrations, and automation tools significantly improved how we manage inquiries and camp programs.

The phased design and development approach made everything clear and efficient. The team delivered a professional SaaS website on time, and the training support helped us manage content confidently

The platform works exactly as we envisioned — secure, structured, and scalable. Subscription management and report access are fully automated, and everything runs smoothly.

The Webflow build perfectly matches the AI design and feels even better in motion. Everything from CMS to animations works smoothly—great work!

The redesign gave our website a completely new look. The layouts feel modern, the services are presented much clearer, and the site works perfectly on mobile.

The redesign elevated our corporate presence and made content much easier to manage. The Feensweet filtering and CRM integration streamlined our user experience and lead flow — great implementation!

Contact us

Let's talk about your project.

For general enquiries, please fill out the form to get in touch. Alternatively, if you know your project details — head over to our project planner for a more refined step-by-step process.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.