How to Include Snippet from App in Shopify Liquid

Shopify Apps

Topic summary

Integrating an app-provided Liquid snippet/section into a Shopify product page via the Online Store app extension. The app created a snippet and a section with basic Liquid (

{{ product.title }}

), enabled the Online Store extension, installed the app on a test store, and inserted a {% render ‘shopify://apps/…’ %} reference in the product template. Despite this, nothing renders, including when tested on the Sections-compatible Debut theme.

A second participant, following Shopify’s “Add an app snippet to your app” tutorial, cannot see the “Add Snippet” option under Extensions > Online store and asks why.

A third participant asks if a solution was found. No fix, decisions, or workarounds are shared; the thread remains unresolved.

Key concepts: Liquid (Shopify’s templating language), snippet/section (theme components used to render app content), and app extension (mechanism for apps to add assets to the Online Store).

References to Shopify dev docs/tutorials are central to the issue. Open questions: why the snippet/section fails to render and why the “Add Snippet” option is missing.

Summarized with AI on January 25. AI used: gpt-5.
1

Hi - I’m hoping someone can help me out.

What I am trying to do:

  • I am trying to create an app that inserts content to the merchant’s product page.
  • It appears that an app extension into the merchant’s Online Store is the most effective way to do this (see https://shopify.dev/docs/app-extensions/extension-areas#online-store/).
  • In order to display the content, I am trying to use either a snippet or a section. However, I cannot get either of them to work properly.

I have taken these steps for the snippet:

  • I have enabled Online store as an extension area within my app (see https://shopify.dev/tutorials/add-a-new-app-extension)
  • With the Online store extension enabled, I have created a new snippet and a new section with very basic liquid code

    {{ product.title }}

  • I have enabled my app into a test store on my Shopify Partner account
  • I have added the {% render 'shopify://apps/etc… %} code into the correct position within the product page

Problem:

Is someone able to point me in the right direction here?

3 Likes
2

Hi There

I was following this tutorial https://shopify.dev/tutorials/add-an-app-snippet-to-your-app, not sure why i can’t see Add Snippet in my Extensions > Online store.

Do you know why?

3

HI, @yarbo have you got any solution to this yet?