App embeds are elements provided by apps that don't have a UI component, or that appear as overlays or floating features in your Shopify theme. We have three App embeds you can activate in your Shopify store: Chat, Back in stock, and Tracking.
Once activated, these App embeds work across any theme version and can be customised through the Shopify theme editor.
Before you start
You need access to your Shopify admin to activate App embeds.
You must have the Dotdigital Marketing app installed in your Shopify store.
You can turn App embeds on or off at any time without affecting your theme.
App embeds work with modern Shopify themes (2.0 or later).
If you're using a vintage theme (pre-2.0), see Using a vintage theme below.Make sure you're using the latest version of the Dotdigital Marketing app in Shopify.
Marketing App embeds
Marketing provides three App embeds for Shopify:
Chat
Adds Chat to your store, letting visitors start conversations with your team.
Back in stock
Enables customers to subscribe to alerts when out-of-stock products become available again.
Tracking
Adds the Dotdigital Tag to your store to capture visitor behaviour and engagement data.
Activate an app embed
The process is the same for all three Marketing App embeds.
In your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit, then select Edit theme.
On the sidebar, select the App embeds icon.
It is a small puzzle‑piece icon located in the left-hand sidebar of the theme editor.Find the Marketing app embed you want to activate, for example, Chat, then select the toggle to activate it.
For Chat only, expand the Marketing account region drop-down menu and choose the region of your account.
You don't need to select a region for the Tracking and Back in stock App embeds.Select Save.
Preview your store to view the app embed live.
Your app embed is now active on your Shopify store.
App embeds not working?
Make sure your Dotdigital Marketing app is up to date. Learn how to Update the Dotdigital Marketing app in Shopify.
Deactivate an app embed
If you need to turn off an app embed:
In your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit, then select Customize.
On the sidebar, select the App embeds icon.
Find the app embed you want to deactivate, then select the toggle to turn it off.
Select Save.
The app embed is now deactivated on your store.
Verify your app embed status
You can verify whether your Marketing App embeds are enabled in your Shopify store from within Marketing.
In Marketing, go to Connect.
Select your Shopify integration.
Under Edit your Shopify settings, select Tracking tab.
The Tracking tab shows whether the Tracking embed is enabled in your Shopify theme.If the app embed is enabled, you see a confirmation status.
If the app embed is disabled, you see a prompt with a link to open your Shopify theme editor.
Select the link to go directly to Shopify, where you can enable the app embed.
You can’t enable or disable App embeds in Marketing. You must manage them in Shopify.
We recommend checking your app embed status in Marketing after setup because it helps you quickly confirm that tracking is working correctly.
Using a vintage theme
If you're using a vintage Shopify theme (pre-2.0), App embeds aren't supported. To use product notifications, such as back-in-stock alerts, you need to manually add the Dotdigital tracking script to your theme code.
Get your tracking script
To create your tracking script, you need two pieces of information:
Your Marketing account region.
This determines your base URL:
Region 1:https://r1.dotdigital-pages.com/
Region 2:https://r2.dotdigital-pages.com/
Region 3:https://r3.dotdigital-pages.com/
Your Shopify store URL.
For example,https://exampleshop.myshopify.com/
Combine these to create your tracking script:
<script type="text/javascript" async="" src="https://r1.dotdigital-pages.com/ddsbis.js?shop=exampleshop.myshopify.com"></script>
Replace r1.dotdigital-pages.com with your region's URL and exampleshop.myshopify.com with your store URL.
Add the script to your theme
Add this script to the <head> section of your theme's code by editing your theme file in the Shopify theme editor.