Extend your theme with apps

You can installappsto add features and integrations to your theme. You can find apps on theShopify App Store.

Apps can integrate with your theme in the following ways:

• As an app block: App blocks let you add app functionality exactly where you want to use it in your theme. You can add, remove, preview, reposition, and customize app blocks through the theme editor.
• As an app embed: App embeds are app-provided elements that float or appear as an overlay in your theme, or add code to your online store without being visible to your customers. You can activate, deactivate, preview, and customize app embeds through the theme editor.
• By adding custom code: Some apps inject code directly into your theme's code to add functionality to your theme. You might customize the app using the app settings, or using the theme editor.

App blocks

应用程序可以添加一节块,和as sections in a template. This lets you add app functionality exactly where you want to use it on a page. App blocks can be added, removed, repositioned, and customized through the theme editor.

App blocks might only be compatible with certain page types. For example, a size chart app might only be compatible with product pages.

An app block being used in a section:

An app block being used as a section in a template:

App block support in sections

Some of your theme sections might not support app blocks. To identify which of your theme sections support app blocks,refer to your theme's documentation or contact your theme developer.

If a section supports app blocks and you have a compatible app installed, then anAppssection appears in the block picker.

Add an app block to a section

1. Navigate to the page and section where you want to add the app block.
2. On the sidebar, clickAdd block.
3. From the drop-down menu, in theAppssection, select the app block that you want to add to the section or click theSearchbar and enter a search term to search through your installed apps.
4. Optional: Click and drag the⋮⋮icon to move the block to another available location on the page. You can also customize the block using any available settings.
5. ClickSave.

Add an app block to a template

1. Navigate to the page where you want to add the app section.
2. On the sidebar, clickAdd section.
3. From the drop-down menu, in theAppssection, select the app that you want to add to the page or click theSearchbar and enter some text to search through your installed apps.
4. Optional: Click and drag the⋮⋮icon to move the block to another available location on the page. You can also customize the block using any available settings.
5. ClickSave.

The app is added as a block in anApps部分。您可以添加additional app blocks to the section. You can also add multipleAppssections to a page.

App embeds

App embeds are app-provided elements that float or appear as an overlay in your theme, or add code to your online store without being visible to your customers. For example, a chat bubble app that appears in the corner of your store, or an analytics or tracking app might be added to your store as an app embed. App embeds can be activated, deactivated, and customized through the theme editor. App embeds can be used with any theme version.

Activate an app embed

1. On the sidebar, click theApp embedsicon.
2. Select the app embed that you want to activate or click theSearchbar and enter a search term to search through your installed apps.
3. Beside the app embed that you want to activate, click the toggle to activate it.
4. Optional: View the settings for the app embed by clicking the expand icon▸next to the app embed name.
5. Preview your store to view the embedded app live.

Apps added to theme code

Some apps inject code directly into your theme's code to add functionality to your theme. After you install the app, you might receive onboarding instructions that include editing your own code to add app functionality where you want it to appear in your theme. You might customize the app using the app settings, or using the theme editor.

If your theme offers aCustom Liquidsection, then you might be able to add your app code into a Custom Liquid section in the theme editor instead of editing your theme code directly.