A template for adding content personalization on a Storyblok project.

Introduction

Looking to add content personalization to your Storyblok-powered site?

This template brings real-time personalization to Storyblok with Croct, adapting your content to each visitor without changing your CMS or integrating with other third-party analytics tools.

Unlike currently available plugins, you can personalize content at the component level rather than the field level. Croct replaces static component content with dynamic content, allowing you to manage everything directly on the UI while using Storyblok content as a fallback.

Using Croct, you get:

  • Content personalization based on location, behavior, or custom rules
  • Built-in analytics and Bayesian analysis for every variant and experience
  • Seamless compatibility with your existing Storyblok content
  • A ready-to-use home hero you can render anywhere in your Storyblok site

What's included

This template creates a simple home hero so you have something to personalize right away:

  • A hero-section component and a home-hero slot with default content.

  • An audience targeting returning visitors:

    user is returning
  • A personalized experience that swaps the hero content for that audience:

    • Default heading: One platform for modern teams
    • Personalized heading: Welcome back to the platform

To wire the slot into your Storyblok-rendered page, follow the Storyblok integration tutorial.

Usage

Run the following command in your project to apply this template:

npx croct@latest use croct://integration/storyblok-personalization
Explore or help us improve this template

Start building in seconds

Paste the following command in your terminal and let the CLI do the rest.

npx croct@latest use croct://integration/storyblok-personalization