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

Field-Type Plugin


On May 13th, 2024, Storyblok started gradually rolling out a new design for its Visual Editor. Therefore, the Visual Editor product screenshots depicted in this resource may not match what you encounter in the Storyblok App. For more information and a detailed reference, please consult this FAQ on the new Visual Editor design.


The articles in this series describe the legacy field plugin API that is tightly coupled to Vue v2.5.2. To create field plugins with other frameworks, see the new field plugin SDK.

Field plugins allow you to define customized field types such as a color picker or a google maps location selector. It’s basically a Vue.js 2.5.2 component extended with a few helpers in the window.Storyblok.plugin variable.

Field-type Plugin

To create a new field-type go into the Partner Portal and click on Field-types {1}. If your organization already has field-types defined, it should be visible here. You can create a new field-type by clicking the New button {2}. Enter a unique name slug {3} and then you should be redirected to the Plugin Editor.

Plugin Image

You can also create personal field-types that are only visible to you under the!/me/plugins link. Go into your Account {1} and click on Plugins {2}. You can create a new field-type by clicking the New button {3}.

plugin in personal portal

Section titled The naming of Field-Type Plugins The naming of Field-Type Plugins

You will often find that a plugin name might already be taken. This happens because plugin names are globally unique across all accounts. This limitation is necessary in order to be able to push any plugin to the App Store without naming conflicts. If you want to duplicate a plugin field from tutorials, or from our examples you can use a prefix as we do in our examples ex-your_plugin_name to create it.