Manual installation

The following guide gives you a step-by-step overview of how to install and set up the Storyblok integration in your project.

Speed up your integration!

The CLI can fully automate the integration process for you. Check out the integration guide to get started faster.

Install the Croct SDK

Install and configure the SDK that corresponds to your project's framework. The Storyblok integration acts as a bridge between the SDK and Storyblok, so it needs the SDK to be set up first.

Install the Storyblok integration

Run the following command to install the integration:

npm install @croct/plug-storyblok

Wrap the initialization

Wrap your storyblokInit call with withCroct to enable personalization and AB testing features.

Choose the tab that matches the SDK you are using:

import {storyblokInit, apiPlugin} from '@storyblok/js';import {withCroct} from '@croct/plug-storyblok/js';
storyblokInit({storyblokInit(withCroct({  accessToken: 'YOUR_ACCESS_TOKEN',  use: [apiPlugin],  components: {},});}));