Skip to main content
Studio Help · Pages & Blocks

How Pages & Blocks Work

This material provides an overview of the website structuring area in Studio CMS, covering page creation, navigation organization, and the use of blocks for modular content.


Overview

In Studio CMS, the Pages & Blocks section provides the essential tools to create, edit, and manage the website structure. This is where the navigation architecture is organized, pages are defined, and content is built with modular blocks, making experiences flexible, consistent, and easy to maintain.


1

Support videos

Guided overview of the pages and blocks area

Video 1 · Pages

Support video focused on creating, organizing, and managing pages in Studio CMS.

Video 2 · Blocks

Support video focused on using blocks to build and structure content in a modular way.
2

Main shortcuts

Quick map of the section

Create pages
Edit structure
Add blocks
Organize content
3

Pages

Website structure management hub

What it allows you to do

  • Create: new pages for different areas of the website.
  • Organize: the hierarchy and navigation of the digital project.
  • Customize: specific properties of each page.

Use cases

  • Landing pages: for campaigns or dedicated content.
  • Blog: for editorial structure and publications.
  • Online store: for catalog, support, and conversion pages.
4

Blocks

Modular content components

Base content

  • Text: editorial, explanatory, or institutional information.
  • Image: visual reinforcement and contextual communication.
  • Video: multimedia support and demonstrations.

Interaction

  • Buttons and CTAs: calls to action.
  • Forms: data collection and contact.
  • Advanced features: blocks with dynamic behavior.

Modular advantage

  • Flexibility: rearrange blocks as needed.
  • Customization: configure each block in detail.
  • Consistency: maintain design and usability across pages.
5

How to think about this area

Usage logic in Studio CMS

First

  • Define the page: identify the objective, hierarchy, and place in the navigation.
  • Structure: create the foundation of the page before going into visual detail.

Then

  • Choose blocks: select the components best suited to the type of content.
  • Organize the sequence: arrange the blocks to create a smooth reading flow.

Finally

  • Refine the details: review content, settings, and final behavior.
  • Ensure consistency: confirm clarity, usability, and visual coherence.