For the complete documentation index, see llms.txt. This page is also available as Markdown.

Apps

A dedicated section for placing app blocks exactly where you want them.

Most Shopify apps ship their own blocks, but a block needs a section to live in — and templates don't always offer one in the right place. The Apps section is that container: an otherwise empty section whose only job is to hold app blocks, positioned wherever you drop it.

At a glance

Where to find it

Add section → Layout

Holds

App blocks only — more than one, in the order you arrange them

Content settings

None of its own; nothing shows until an app block is added

Typical use

Reviews, quizzes, loyalty widgets placed where you want them


How to add

1

Add the section

Click Add section and pick Apps from the Layout category. It arrives empty — that's normal.

2

Add the app block

Use Add block inside the section and pick the block your installed app provides. If the app you expect isn't listed, it doesn't offer a theme app extension block.

3

Size it

If the block looks cramped or too narrow, adjust Grid or Disable grid max-width here rather than hunting for a setting inside the app. Turn Use theme margins off to let it sit flush against the screen edges.

4

Check it on mobile

App blocks are built by third parties and don't always follow the theme's responsive behavior. Look at the section on a phone before publishing.

lightbulb

Good to know

Customization ideas

Put the reviews widget where you want it

Slot it between your product grid and your footer instead of accepting whatever position the app picked for you.

Make an app block read as a step

Give a newsletter or quiz block its own section with Show bottom line enabled, so it reads as a distinct step on the page rather than part of the section above.


Settings reference

Settings
Setting
What it does

Use theme margins

On by default. Keeps app blocks inside the theme's side margins.

Grid

Page, Alternative, Secondary or Custom.

Max width

1040–2560 px. Visible only with Grid set to Custom.

Disable grid max-width

Lets content stretch past the grid's maximum width.

Show bottom line

Draws a divider under the section.

Top / Bottom

Section spacing, 0–2×.

Best practices

  • Check the app block on mobile after placing it. App blocks are built by third parties and don't always follow the theme's responsive behavior.

  • If an app offers both a theme app extension block and a script-based embed, prefer the block here — it can be moved, reordered and removed from the editor.

  • Audit your Apps sections when you uninstall an app. Empty containers are invisible on the storefront and accumulate quietly.

Was this helpful?