Shopify App and Theme Blocks

Last updated: May 15, 2026

Shopify App and Theme Blocks are a great way to utilize storefront blocks from your theme, or from any of the Shopify apps that have been installed on a store.. With Replo's App and Theme Blocks component and a 📄 Shopify Sections built inside Replo, you can add multiple app and theme blocks.

To add Shopify App Blocks to a Replo element

  1. First, make sure that your Replo Element is a "Section". Shopify App Blocks do not work with any other element type, such as Pages or Blog Posts.

  2. On the left side of the editor, click the "Components" toggle. Then, search for "App Blocks".

  3. Drag the component anywhere inside of your Section.

  4. Publish your element, then go to the Shopify Theme Customizer to add your section to any JSON template within your theme.

  5. In the theme customizer, in the left side you should see a dropdown and some text that says "Add Blocks" underneath the name of your section.

    Click "Add Block" and select any app widgets to be included in your section, then hit "save" in the top right corner of the window.

App Blocks vs Theme Blocks

Shopify's block system allows adding blocks from third-party apps you have installed on your store (App Blocks) as well as blocks which have been custom-coded into your Shopify Theme or generated using Shopify's AI block generation features (Theme Blocks). Replo's App and Theme Blocks component supports both types of blocks. See Shopify's Documentation for more information about App Blocks and Theme Blocks.

Troubleshooting

  • Be sure to consult the documentation of any app widgets you may be trying to use. For example, if an app widget requires that the app embed toggle must be enabled, check the "App Embeds" section of the Shopify Theme Customizer.

  • Certain app widgets might not work natively with Replo. However, if you run into any issues reach out to the Replo Support Team or the support team of the app you are trying to enable.

  • App Blocks and Theme Blocks are not supported in "statically rendered sections" (sections added to a page through Replo are statically rendered, while sections added to a page in the theme customizer are dynamically rendered). This means that if you use the 📄 Shopify Section Component to embed an existing section inside a different Replo page, that embedded section will not be able to contain App or Theme Blocks.