Install on Shopify
Your widget scripts
<script src="https://www.dispatchnode.com/widget/embed.js" data-agent="YOUR_AGENT_ID" async></script>Replace YOUR_AGENT_ID with your agent ID from Dashboard → Widget Install.
<script src="https://www.dispatchnode.com/widget/v1/booking-embed.js" data-slug="YOUR_SLUG" async></script>Adds the standalone scheduling calendar to your page. Replace YOUR_SLUG with your organization slug.
Duplicate your theme (recommended)
In your Shopify admin, go to Online Store → Themes. Click Actions → Duplicate on your current theme to create a backup.
Open the theme code editor
Click Actions → Edit Code on your active theme.
Open theme.liquid
In the left sidebar under Layout, click theme.liquid. This is the main layout file for your entire store.
Paste before </body>
Scroll to the very bottom of the file. Find the closing </body> tag. Paste your DispatchNode widget script tag directly above it.
Save
Click Save. The widget will now appear on all pages of your Shopify store.
📖 Learn More
🔗 Other Platforms
Need help?
If you're having trouble installing, our team can do it for you — free during your trial.
Get Started