Pin blocks in Fluid Engine

false

Pin blocks in Fluid Engine

Last updated June 17, 2026 15:43

Pin blocks to fixed points in Fluid Engine sections to keep them stationary while visitors scroll through other content in the section.

With Fluid Engine, you can pin blocks of content to highlight specific content and design unique layouts for your pages.

You can pin blocks in Fluid Engine sections on version 7.1.

Watch a video

Pin a block

When pinning blocks, we recommend experimenting with different settings and layouts to get the effect you want. Pinned blocks only stay pinned in their section, so if your section doesn't have enough content or is very short, the pinned effect may not be visible.

To pin a block:

  1. Open the Pages panel.
  2. Click a page with a Fluid Engine section, then click Edit.
  3. In the Fluid Engine section, click a block, then click the pin icon in the block toolbar. Any block type can be pinned, and you can also pin Stacks.
  4. By default, pinned blocks are set to align with the top of the section. To align the block to the center or bottom of the section, click the icon for Pin to center on scroll or Pin to bottom on scroll.
  5. Use the Offset slider to change the minimum distance between the pinned block and the browser border.
  6. Click Save.

A gif of an example website scrolls while a pinned block remains in place

Pin blocks on your mobile layout

You can arrange a Fluid Engine section’s mobile layout independently of its desktop layout, including with pinned blocks. When you pin a block in the desktop layout, it won’t pin the block on mobile and vice versa.

To pin a block on the mobile layout:

  1. Click Edit on the page, then click the Mobile View icon in the top-right corner.
  2. Click the block, then click the pin icon in the block's toolbar.
  3. Set the block’s alignment and offset.
  4. Click Save.

Unpin a block

To unpin a block:

  1. Click Edit on the page, click the block, then click the pin icon in the block's toolbar.
  2. Click the Remove pin icon.
  3. Click Save.

How to use pinned blocks on your site

You can pin blocks for practical reasons or for more experimental design effects. Some examples include:

  • Pin a product block to promote your latest offering and keep it top of mind for visitors.
  • Pin a text block with key information about your business or a form block so visitors can quickly contact you, regardless of where they scroll on the page.
  • Pin image blocks showcasing your photography or an audio block with your new single to leave a lasting impression of your art while visitors peruse your site.
  • Pin a video block for visitors to watch while they explore the rest of the page.
  • Pin various shape blocks with different alignment and offset settings for a cascading effect as visitors scroll the page.

How many blocks can I pin?

While there's no limit to the number of blocks you can pin, sections with a lot of content may load slower. We recommend adding no more than 60 blocks, pinned or not, to a page.

Was this article helpful?

Yes No

0 out of 0 found this helpful

Yes No

Pin blocks in Fluid Engine