# how do i actually link a storyblok block to a croct slot?

Asked by Jenny K on 2024-10-09. Tags: storyblok, slots, integration.

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

### Accepted answer from Derek Whitfield (2024-10-09)

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:

1. Add a Croct field to the hero block's schema in Storyblok.
2. In that field, connect the block to the matching Croct slot (e.g.
   `home-hero`).
3. 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.