Documentation
Install on Shopify
Add SpryUI to your Shopify site, connect your project, and check your first banner on a published page with this setup guide.
Before you start
Copy your project’s public key and add your website’s hostname in Get Started.
This setup is for your online storefront. It does not install SpryUI on Shopify checkout pages.
Add the snippet
- In Online Store → Themes, duplicate your theme so you can test safely.
- Choose Edit code on the copy and open
layout/theme.liquid. - Paste the snippet just before the closing
</body>tag. Save, preview, and publish the theme when ready.
Replace YOUR_PROJECT_PUBLIC_KEY with your key. Add this snippet once.
Snippethtml
<script src="https://spryui.com/sdk/v1/index.iife.js"></script>
<script>
SpryUI.initSpryUi({ publicKey: "YOUR_PROJECT_PUBLIC_KEY" });
</script>Check your banner
In SpryUI, create and enable a Production banner. Open your published website in a new tab. If it does not appear, follow Troubleshooting.