Almost EVERYONE who tried headless systems said they saw benefits. Download the state of CMS now!

Storyblok now on AWS Marketplace: Read more

O’Reilly Report: Decoupled Applications and Composable Web Architectures - Download Now

Empower your teams & get a 582% ROI: See Storyblok's CMS in action

Skip to main content

How can I change the component preview message?

  • FAQ
  • How can I change the component preview message?

If you have multiple components you might end up with a list of those components below each other and your editor do not know which of them. In the screen below the preview would contain the text Hello World! because by default we will use the first field with a string value.

Body with preview message

If you want to change which field we use, for example if the field our default system chooses is an image URL you can set the Use for preview radio box inside your fields definition instead.

choose custom field

Once checked the value of this field will be used instead of the default value.

New Feature: We've implemented a feature called Preview Template for all components to further allow you to customize the preview string with even more information and a custom template.