Black Friday Sale
Lifetime 70% discount on all plans
Ycode logotype
Features
Layout & Design

Experience full design control to craft professional websites.

CMS

Organize your content your way for maximum impact.

Forms

Build contact, newsletter, and filter forms effortlessly.

SEO

Boost your website's SEO with optimized controls.

Interactions

Add some spark to your website with interactions.

Localization

Translate your website into multiple languages.

Resources
Templates

Customize any template to fit your style and needs.

Academy

Start learning Ycode for free. Get answers to your questions.

Experts

Find experts to help with your website project.

Blog

No-code insights to help you build and design better projects.

Support
Help Center

Find step-by-step guides and answers in our knowledge base.

Contact

Contact us for urgent help.

Community

Connect and learn from others.

Pricing Partners
Log in Sign up
Introduction
Getting started
Dashboard
Dashboard
New project
Profile
Switch account
Users
Billing history
Account settings
Project settings
Project settings
General settings
Project ownership
Allow cloning
Project plan
SEO
Domain
Redirects
API Tokens
Builder
Builder
Canvas
Layers
Switch page
Left-side panel
Editor mode
Keyboard shortcuts
Breakpoints
Preview
Publish
Elements
Elements
Structure
Content
Actions
Media
Tables
Lists
Layouts
Slider
Forms
Form structure
Data form
Filter form
Advanced form
Authentication form
HTML
HTML
Import
Export
Embed
Design
Layer styles
Components
States
Layout
Sizing
Spacing
Typography
Backgrounds
Borders
Position
Effects
Color controls
Animations
Intro to Animations
Trigger
Properties
Page settings
General settings
SEO settings
Social share
Page folders
Workflows
Intro to workflows
ID
Types
When
Events
Data
Interactive
Other
CMS
CMS Collections
Import data
Dynamic elements
CMS pages
Display settings
Filter and search
Collection sorting
Dynamic sorting dropdown options
Pagination
CSV Export
Settings
Integrations
Zapier
Airtable
Custom code
Custom code
Related articles
CSV Export
Pagination
Dynamic sorting dropdown options
Collection sorting
Filter and search
Display settings
CMS pages
Dynamic elements
Import data
CMS Collections
Documentation CMS

CMS pages

By CMS pages, we’re referring to pages such as a blog post or product page. 

Let’s take the blog post as an example again. A CMS blog post page is basically a template with building blocks, where each block is linked to content from your collection — think headline, image, date, blog text, etc.

The beauty of this CMS page is that you will only need to build it once. You can then use it again and again for every new blog post you add.

Creating CMS pages

To create a CMS page, go to the Page settings on the left side. 

Then select CMS for the page type and connect the collection below. You can also manually enter a route (domain.com/this-is-the-route). Use hyphens between every new word (domain.com/about-us).

Once you’ve filled in all the details, click create and edit design on the top right. This will bring you to the Canvas, where you can start building your CMS page.

Preview and switching

When editing a CMS page, it might look like you’re only editing one page. Or in our example, one blog post.

The truth is, you’re actually editing all other pages as well because each blog post uses the exact same template. If you want to see what your page looks like for different blog posts, you can change the slug in the preview link.

Linking

You can link to a CMS page from other pages with collection content. 

Use the steps below to link from a regular page with dynamic content:

  1. Build your regular page and add the elements that need to become dynamic

  2. Connect the elements to your collection and link data in settings sidebar

  3. Add a button or any other link element 

  4. Open the settings on the right side of the canvas to add the link

  5. Choose the CMS page link option

Each button (or link element) is now linked to the respective CMS page that’s created for each item.

Page settings

If you navigate to your Page settings from the left-hand side, you can edit the settings for each page you’ve created.

There are three tabs:

  • General: Page name, authentication and page type

  • SEO settings: Meta title, description and keywords, including a Google preview

  • Social share: Social share title, description and keywords, including a Google preview. You can also select to reuse the SEO settings

Unlike static pages, CMS pages can have dynamic values. The SEO and social metadata is adapted for each different entry.

If we use our blog example again, it means when your page settings are dynamic, the information is automatically changed for each blog entry. So different blog posts will have different blog titles and descriptions.

To activate the dynamic settings, you can select dynamic checkmarks in the SEO and social tabs once you’ve made your page type dynamic in the general tab.

From the dropdown menu, you can then select the field that’s used for the title and description text. You will need to add a meta title and description for each entry in your collection. If the value is left empty, no metadata will be shown (there’s no fallback).

Browse by category

Dashboard
Project settings
Builder
Elements
Forms
Design
Animations
Page settings
Workflows
CMS
Settings
Integrations
Custom code
Ycode logotype

Visual development platform for designers and agencies.

Features Design CMS Forms SEO Animations Localization
Product Updates Roadmap Pricing Templates Developer API
Company About us Services Blog Contact Brand resources
Learn Help Center Academy Community Customer stories
Partner Experts Partner program Become a Ycode expert
Compare Ycode vs. Webflow Ycode vs. Framer Ycode vs. Squarespace
Let’s keep in touch

Join our monthly email with no-code insights and Ycode updates.

Done!

Thank you for subscribing.


2019 - 2025 © Ycode. All rights reserved.
Terms & Policies Cookies settings