
Pablo Designero
Designer & Unicorn Trainer
Bio:
Father of 3 humans, 5 unicorns & 2 dogs. I design since I can remember it. I often get asked where I get my inspiration from: in everyday's lil' details. And sometimes in leftover food I find in my beard.
Blueprints are powerful templates that allow you to standardize content creation across your website. They provide a consistent structure while allowing for customized content, significantly speeding up your content production workflow.
What Are Blueprints?
Blueprints in Optimizely CMS are predefined templates that contain a specific arrangement of content blocks/elements. For example, if your blog posts typically follow the same structure with components like:
- HeroBlock
- InfoBlock
- ContactBlock
You can create a blueprint with these blocks already arranged in the correct order and with the proper settings.
Benefits of Using Blueprints
Faster Content Creation
Instead of building each page from scratch, content editors can simply select the appropriate blueprint and focus on filling in the content. This dramatically reduces the time needed to create new pages.
Consistency
Across Your Website Blueprints ensure that all pages of a certain type maintain the same structure and appearance, creating a cohesive user experience throughout your website.
Simplified Workflow for Content Editors
Content editors don't need to remember which blocks to add or how to arrange them - the blueprint provides a ready-to-use template with the approved structure.
How to Use Blueprints
- Create a Blueprint: Set up a page with the desired blocks and structure
- Save as Blueprint: Save this arrangement as a reusable blueprint
- Create New Content: When creating new content, select the appropriate blueprint
- Customize Content: Fill in the specific content for each block while maintaining the structure
Example Use Case
Let's say you run a blog where each post follows the same structure:
- A hero section with a featured image and headline
- An information section with the main article content
- A contact section with author details
Instead of recreating this structure for each new blog post, you can:
- Create a blueprint with these three blocks already arranged
- When creating a new blog post, select the Blog Post blueprint
- Simply fill in the specific content for that post This approach allows you to create content at a much faster pace while ensuring all your blog posts follow the approved template structure.
Best Practices
- Create blueprints for commonly used page types
- Include all necessary blocks in the correct order
- Set default values where appropriate
- Document the purpose and usage of each blueprint
- Review and update blueprints as your content strategy evolves

Serverless computing revolutionized how developers think about infrastructure, but the next wave is already here—edge functions. By moving logic closer to users, edge functions offer lightning-fast response times, better scalability, and seamless integration with modern front-end frameworks like Next.js. Let’s explore how this shift is changing the game.
Serverless computing revolutionized how developers think about infrastructure, but the next wave is already here—edge functions. By moving logic closer to users, edge functions offer lightning-fast response times, better scalability, and seamless integration with modern front-end frameworks like Next.js. Let’s explore how this shift is changing the game.
Serverless computing revolutionized how developers think about infrastructure, but the next wave is already here—edge functions. By moving logic closer to users, edge functions offer lightning-fast response times, better scalability, and seamless integration with modern front-end frameworks like Next.js. Let’s explore how this shift is changing the game.
Serverless computing revolutionized how developers think about infrastructure, but the next wave is already here—edge functions. By moving logic closer to users, edge functions offer lightning-fast response times, better scalability, and seamless integration with modern front-end frameworks like Next.js. Let’s explore how this shift is changing the game.
Serverless computing revolutionized how developers think about infrastructure, but the next wave is already here—edge functions. By moving logic closer to users, edge functions offer lightning-fast response times, better scalability, and seamless integration with modern front-end frameworks like Next.js. Let’s explore how this shift is changing the game.
Serverless computing revolutionized how developers think about infrastructure, but the next wave is already here—edge functions. By moving logic closer to users, edge functions offer lightning-fast response times, better scalability, and seamless integration with modern front-end frameworks like Next.js. Let’s explore how this shift is changing the game.
Have a project in mind? Get in touch and let's create something amazing.