Plugins

We built Storyblok with a robust and flexible plugin system to give our customers the power to extend the editor with custom fields like 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. That enables developer to:

• Integrate any 3rd party platforms
• Build custom applications in Storyblok
• Deliver custom content structures via our API
• Enhance Editor experience

Plugins in Storyblok

Your plugin will enhance your editors experience as you can now not only use our default fields, but develop your custom view and flows for your editors. Below you can see how plugins will integrate in the editor view.

Plugin Cookbook

• Vue.js Documentation
• Vue.js Component Basics
• Plugin Create a new Plugin
• Plugin Interface
• Plugin Storyblok Mixin
  • Plugin Storyblok Mixin - Properties
  • Plugin Storyblok Mixin - Methods
  • Plugin Storyblok Mixin - Events

Plugin Examples

• Using Cloudinary and Storyblok to Handle Assets for a Vue.js Application
• Building an Opening Hours Field Type Plugin
• Building a List Field Type Plugin
• Integration field starter
• Building a Custom Storyblok Field Type Plugin With Vue.js

Plugin FAQs

• Why is my plugin name already taken?
• How can I open my custom field type in full screen?
• How can I open my plugin in full-screen?
• How can I open a modal in a plugin?
• How can I use the sb-asset-selector in a tinyMCE custom field?
• Can I create conditional fields or logic?