Skip to content
Developer platform · Storefront blocks

Apps that add blocks to the storefront

An app declares embed blocks and storefront sections in its manifest. Merchants place them in the page builder like any other block, and each renders in a sandboxed frame with no access to the merchant's data.

In short

Apps declare storefront extensions in their manifest: embed blocks, which render in a sandboxed iframe from the app's own host, and storefront sections. Merchants place them on pages in the page builder, and storefront blocks get no merchant scopes.

The problem it solves

Pasting a third party script into a theme gives it the whole page: your visitors' data, your checkout and your speed. An app block should get a box, not the house.

How it works

4 steps, start to finish

  1. 1

    Declare it

    Add the block or section to the app manifest with its settings.

  2. 2

    Install the app

    The block's origin is pinned when the merchant installs the app.

  3. 3

    Place it

    The merchant drops it onto a page in the page builder and fills in its settings.

  4. 4

    It renders safely

    Visitors see it in a sandboxed frame that cannot touch the rest of the page.

In detail

What storefront blocks does for you

Common queries

Questions people ask

  • In the page builder, on any page, like the built in blocks.
  • No. It runs in a sandboxed iframe with allow-scripts only, so it cannot touch the storefront page or its cookies.
  • Embed blocks are gated by the merchant's plan.

Storefront blocks · Free to start

Try storefront blocks on your own business

Set up in a couple of minutes. Your catalogue, orders and books stay yours to export.

  • Live in 2 minutes
  • Free to start
  • No credit card
The dashboard open on a laptop, a tablet and a phone