how do i actually link a storyblok block to a croct slot?
I have the app installed on our react frontend and a hero block ready to go, but I'm fuzzy on the conceptual mapping. Is a slot supposed to be one per block, per page, per field? The docs talk about slots and components and I can't quite tell which side my hero block lands on. What are the concrete steps to link the two
1 answer
The mental model that made it click for me: components are the reusable building blocks (a hero section in general), and a slot is a context-specific placeholder bound to one component schema (the home page hero specifically). So your Storyblok hero block corresponds to a component, and each place you render it that you want to personalize independently gets its own slot.
Concrete steps:
- Add a Croct field to the hero block's schema in Storyblok.
- In that field, connect the block to the matching Croct slot (e.g. home-hero).
- Done. The block content you already have in Storyblok remains the default fallback for the slot, so visitors keep seeing exactly what they see today until you publish an experience against it.
It is not per page and not per field. One block, one field, one slot per placement you want to vary.