App block not rendering inside Header section (appears under "Apps" instead)

Extensions
1

Hi everyone,

I’m building a Shopify app and trying to add a UI element inside the Header section using an app block.

The issue

When I add the app block from the theme editor, it does not appear inside the Header section. Instead, it gets placed under a separate “Apps” section just below the Header.

What I’m trying to achieve

I want the app block to render inside the Header section, alongside existing elements like navigation and icons.

What I’ve observed

From the theme editor structure, it seems like the Header is a section that may not support app blocks, which might be why Shopify renders it in the “Apps” section instead.

My questions

  1. Is it possible to render an app block directly inside the Header section without modifying theme code?

  2. Or is the expected approach to use an App Embed and then position the UI via JavaScript?

Would appreciate any guidance or best practices here for building a scalable app that works across themes.

Thanks!

2

Have you enabled app blocks within your section?

3

I am currently developing an app for Shopify that merchants can download from app-store. The above article outlines changes that need to be made directly to the merchant’s theme code.