Thank you !

- Thank you for your interest in a Storyblok demo. We’ll contact you shortly for a demo for your company.

In the meantime, you can find our product demo video below.

Welcome to the Storyblok

Start your Storyblok product demo with a quick welcome to this tour. We'll guide you through the Storyblok interface and show you all the menu items in a demo Space.

Space Overview

In the Storyblok interface, you can see all your Spaces on the left side. Each Space is an individual repository of content and has its own configurations, components, assets, roles, and environments.

All content related to the same project should be managed within the same Space. Storyblok allows you to create and manage multiple Spaces inside one account.

Dashboard

The Dashboard is the first section you see after entering a Space. It offers you an array of information and data related to that specific Space. Dashboard is the perfect place to quickly catch up with all the important changes within the Space.

Based on the user's role, it can take 3 different shapes:

  1. Owner Dashboard

  2. Admin Dashboard

  3. Editor Dashboard

Each of these variations are tailored to show the relevant information based on the role.

Block Library

This area is a central place for developers to manage all the Components and Content Types within the Space.

Developers can click on each components and define the content structure. Adding and cutomizing new fields can be done quickly all from here.

Taking advantage of a component-based approach to content creation will help your editors create seamless user journeys and achieve better personalization.

Asset Manager

Organize all assets intuitively with the new digital asset manager. Edit images, tag content and add all relevant information in one central hub.

Based on your preference, you can structure your assets in different folders and sub-folders. You can also limit access to specific assets by assigning different roles.

You can also have "required asset fields" which requires users to fill out specific fields (such as title, copyright information, etc.) for each asset. This makes asset management considerably easier in the long term.

Your developers can use our free Image Service to fully optimize all the images uploaded to Storyblok. Make projects faster by transforming, optimizing, and caching every image with Storyblok’s Image service and global Content Delivery System (CDN).

Datasources

A datasource is a collection of key-value pairs (KVP). KVPs can be used for single choice or multiple choice options and can be implemented for multi-language labels, categories, and more.

Datasources area contains all the datasource entries and allows you to create and manage them all in one place.

Tags

This is where you can find an overview of all the tags used in every piece of content belonging to this Space. This includes a jump-link for each tag which redirects you to the appropriate content.

You can use tags in different situations and as a solution to different issues, such as using them to streamline content translation to different languages.

You can create tags inside the Content area.

Apps Directory

Th App Store contains a large directory of additional functionalities which can be installed on a Space. These include a wide range of practical tools, from SEO and Pipelines to S3 Backups and Advanced Paths.

The availability of the apps depends on your subscription plan.

Space Settings

This is where you can configure a Space, set up integration with other tools such as Slack, or use webhooks.

Keep in mind that the Account Settings and the Space Settings are two different things. The options in the Account Settings apply to a user regardless of the Space, and the options in the Space Settings apply to all users within a single Space (as long as different role permissions are not applied).

Settings: Team Management

Located within the Space Settings, the Users tab allows you to add collaborators and assign different roles to them.

You can create custom roles which in turn lets you set detailed permission rules for each role, including restrictions based on language, content folders, assets, actions, and more.

The Enterprise Plan allows you to create an unlimited number of roles without any extra costs.

Settings: Workflows

Incorporating Workflows in your content pipeline not only increases your content production rate, but also adds a layer of extra security in terms of quality control and oversight.

You can define custom workflows based on your specific needs, and use them in conjunction with user roles.

In addition to full customization, you can also trigger external tools based on the workflow webhooks.

Content Area

The Content area is where your editors would spend most of their time in. This is where all your content entries (Stories) are listed together.

Based on your preferences, you can either use a flat approach to your content structure, or incorporate folders and sub-folders for a more hierarchical approach. In either case, finding and managing entries is going to be extremely simple with Storyblok's extensive search options.

Visual Editor

The Visual Editor is what makes Storyblok stand out among other headless systems. This incredible capability allows marketers and all other business users to independently create and manage content.

By taking advantage of nested components and the Visual Editor, marketers can create customized new content without having to rely on large rigid templates. Most importantly, this combination allows marketers to independently change the order (and the content) of individual components, and re-arrange them in any way they see fit to create new content.

Visual Editor: Content Browser

Now you can view all of your content listed directly in the visual editor.

You can easily navigate between folders and pages allowing you to copy blocks from one area to another.

Visual Editor: Commenting and Collaboration

Create content collaboratively directly in your CMS. No need to ask for feedback in slack threads or via email.

Visual Editor: Workflows

Custom workflows give anyone on the team the ability to review changes or take action. Use the standard workflow to cycle through ‘draft’, ‘review’, and ‘publish’ states or create your own custom workflow.

Incorporating Workflows in your content pipeline not only increases your content production rate, but also adds a layer of extra security in terms of quality control and oversight.

In addition to full customization, you can also trigger external tools based on the workflow webhooks.

Visual Editor: Additional Features

The entry configuration window allows you to quickly change the configuration of your story and save it.  

The Block library is a quick access to all the blocks that belong to this space. You can also edit existing blocks, or create completely new ones from here.

Preview your site to see what it will look like when it goes live!

Internationalization

Storyblok offers 3 options for internationalization:

  1. Folder level translations

  2. Field level translation

  3. Setting up multiple Spaces

Folder level translation: In combination with our Dimensions app, this allows you to create language-specific folders on the base-level of your content structure (individual folders for English, German, Japanese, etc.). This approach is best suited for situations where individual locales are completely separated from each other.

Field level translation: This approach allows you to control translations at a field level in your content types and nested components. Field level translations should be set up in the Space Settings.

Setting up multiple Spaces: With this approach, you can define languages for each of the markets you are working on by creating separate Spaces within Storyblok.

Thank you!

Storyblok projects in your industry

Great results from amazing customers

Marc O'Polo's journey to create content-driven experiences

Read how Marc O'Polo undertook the journey of a complete relaunch - moving from a monolithic architecture to a modern eCommerce setup with Storyblok. Learn how Storyblok is not only used to manage content, but also to maintain promotions, merchandising, shop configurations, and more.

“Storyblok was a perfect fit for us. On the one hand, it was satisfying the developers who wanted to have a nicely structured API-based system, and on the other hand, business users got a really good looking interface with real-time live preview.”

Picture of Johannes De Zordo
Johannes De Zordo
Senior Frontend Developer

Send us a message

Stop wondering if Storyblok is the right fit for your business - we look forward to working with you and your team to help you achieve your goal. Storyblok helps enterprises organize their content for the world.

Contact us today to:

  • Discover Storyblok’s powerful content management capabilities

  • Understand how Storyblok can help your business

  • Learn how Storyblok can provide an ROI for your business

In combination with Next.js and Vercel, Storyblok is an amazingly powerful and versatile content platform.

Picture of Guillermo Rauch
Guillermo Rauch
CEO at Vercel

Storyblok is by far the most helpful solution for content management, and their Visual Editor is the best one on the market. I integrated the Vue Storefront demo with Storyblok in just a few hours without any prior knowledge.

Picture of Filip Rakowski
Filip Rakowski
CTO at Vue Storefront

Storyblok is a user friendly and powerful headless CMS. The visual editor helps you to build pages with a few clicks and the time to market shrinks dramatically. Storyblok is awesome! Start working with it today and you will see for yourself.

Picture of Philipp Leuenberger
Philipp Leuenberger
Head of B2B Digital Management at UPC Schweiz GmbH

Contact Info

Company Info

Message

Storyblok needs the contact information you provide to us to contact you about our products and services that you've requested. For information about our privacy practices and commitment to protecting your privacy, please review our Privacy Policy.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.