Setup Snappy in Shopify

Published on

Install Snappy in Shopify

Installing Snappy on your Shopify store is quick and painless, giving you the power to optimize your e-commerce experience without the usual developer bottlenecks.

Overview
  1. Accessing Shopify settings
  2. Adding the Snappy script
  3. Verifying installation
  4. Troubleshooting

Accessing Shopify Settings

To get started with Snappy on your Shopify store:

  1. Log in to your Shopify admin panel
  2. Navigate to Online Store → Themes in the left sidebar
  3. Find your active theme and click on the Actions dropdown
  4. Select Edit code from the dropdown menu

This will bring you to the theme editor where you can modify your theme files.

Adding the Snappy Script

Shopify makes it easy to add custom scripts to your store. Here's how to add Snappy:

  1. In the theme editor, locate the theme.liquid file (usually found in the Layout folder)
  2. Find the <head> section of the file (it should look like <head>...</head>)
  3. Just before the closing </head> tag, paste your Snappy script:
<script src="https://scripts.letsbesnappy.com/YOUR_DOMAIN/admin.js"></script>

Make sure to replace YOUR_DOMAIN with the domain the script should be installed on.

  1. Click Save in the top-right corner

Your Snappy installation is now live on your Shopify store!

Verifying Installation

To confirm Snappy is working correctly on your store:

  1. Visit your live Shopify storefront in a new tab
  2. Right-click and select View Page Source
  3. Search (Ctrl+F or Cmd+F) for "letsbesnappy.com" - you should see your script in the head section
  4. Log in to your Snappy dashboard - your Shopify store should appear as a connected site

Troubleshooting

If you're experiencing issues with your Snappy installation on Shopify:

Script not appearing on all pages

Shopify uses different templates for different page types. If the Snappy script isn't appearing on certain pages, check that:

  • You've added the script to the theme.liquid file (not a page-specific template)
  • Your theme isn't using a custom checkout that bypasses the main theme layout

Conflicts with other apps

Some Shopify apps may interfere with scripts added to the theme. If you notice issues:

  1. Temporarily disable other optimization or script-related apps
  2. Check your browser console for any JavaScript errors
  3. Contact our support team if problems persist

Theme updates

When Shopify or your theme provider releases updates, your custom code might be overwritten. We recommend:

  • Keeping a backup of your Snappy installation code
  • Re-adding the script after major theme updates
  • Consider using Shopify's native script tag feature (in Settings → Apps and sales channels → Develop apps) for more resilient installation

With Snappy correctly installed on your Shopify store, you're ready to start creating widgets, running A/B tests, and optimizing your conversion rates without waiting for developer resources.

Ready to take your Shopify optimization to the next level? Login to your Snappy dashboard and start creating your first widget today!