Shopify App Blocks to Add Widgets Anywhere (Complete Guide)
Introduction
To add Shopify app blocks to add widgets anywhere, you need an Online Store 2.0–compatible theme and an app that supports app blocks. Once installed, app blocks can be added directly from the Shopify theme editor without editing Liquid files. You simply open the page you want to customize, click Add section, choose the app from the Apps category, place it where needed, adjust its settings, and save.
This guide shows exactly how to add Shopify app blocks to product pages, custom pages, and reusable sections, plus what to do if your theme doesn’t support app blocks. You’ll learn where app blocks appear in the editor, how placement works, and how to safely add app functionality without breaking your layout or relying on custom code.
If you’re unsure whether your current theme qualifies, this quick guide on Shopify theme SEO friendliness and compatibility can help you verify it.
What Are Shopify App Blocks?
Shopify app blocks are components that enable you to add third-party app functionality, such as product reviews or custom forms, directly into your theme without coding. They are a type of theme app extension that merchants can add, reposition, and customize from the theme editor, giving them more control over the placement and appearance of app content on pages like the homepage or product pages. The following are the key features of app blocks.
- Merchants can add, remove, or reorder app blocks using the Shopify theme customizer, making it easy to integrate app features.
- Developers can make their apps compatible with specific theme sections by including a generic @app block in their theme's schema.
- They can add a wide range of features, such as displaying stock levels, adding social media feeds, or including custom forms.
- App blocks are a feature of modern Shopify themes (OS 2.0) and cannot be used with older, non-compatible themes.
Methods to Add App Blocks
There are several methods to add an App block to your Shopify Store. Some of these are listed below.
- Add an App Block to a Product Page
- Add App Blocks to Any Page or Section
- Add App Blocks to Older/Vintage Theme
Method 1: Add an App Block to a Product Page
To add an app block to a product page, go to your theme customizer, navigate to the product page, and use the Add section option to find and select your desired app block from the Apps section. Once added, you can move, customize, and save the changes. Follow these steps to add an App block to your Product Page.
Step 1: Navigate to Online Store > Themes > Customize.
Step 2: Select the Product page from the dropdown.
Step 3: Click the Add section button.
Step 4: Navigate to the App section and select the app block you want to add here.
Step 5: Save the changes.
Method 2: Add App Blocks to Any Page or Section
To add app blocks to any page or section, navigate to the theme customizer, select the page and section, and click Add section. From the Apps section of the menu, choose the desired app block, customize it using the available settings, and then save your changes. Follow these steps to add an app block to any Page or Section.
Step 1: Navigate to Online Store > Themes > Customize.
Step 2: Select the page from the dropdown where you want to add the app block.
Step 3: Click the Add section button.
Step 4: Navigate to the App section and select the app block you want to add here.
Step 5: Save the changes.
Method 3: Add App Blocks to Older/Vintage Theme
To add app blocks to a vintage Shopify theme, you must use app embed blocks or manually edit the theme's Liquid code, as older themes do not directly support the app block. Follow these steps to add app embed code using Shopify Theme Customizer.
Step 1: Navigate to Online Store > Themes > Customize.
Step 2: Select the page from the dropdown where you want to add the embed code.
Step 3: Click the Add section button.
Step 4: Locate the section named Custom Liquid or Custom HTML, depending on the theme you are using.
Step 5: Add your app embed code here.
Step 6: Save the changes.
If you’re frequently working around theme limitations, migrating to an OS 2.0 theme through a Shopify migration expert is often the cleaner long-term solution.
Final Thoughts About Using Shopify App Blocks to Add Widgets Anywhere
Shopify App Blocks give merchants full control over where and how app features appear in their store. Whether you’re working with product pages, custom sections, or older themes, understanding the right method ensures clean layouts and better performance.
If you need help implementing app blocks or optimizing your theme, our Shopify custom theme development team can help you do it right.
Frequently Asked Questions
Live Chat