All Collections
General
Social Snowball for Headless Shopify Stores
Social Snowball for Headless Shopify Stores
Ani Gupta avatar
Written by Ani Gupta
Updated over a week ago

If you're using a headless Shopify setup, integrating Social Snowball requires a bit of code implementation. Here's a step-by-step guide to help you set up Social Snowball on your headless Shopify shop:

  • Access Your Shopify Admin:

Log in to your Shopify admin dashboard.

  • Navigate to Theme Editor:

From the Shopify admin, go to "Online Store" > "Themes."

  • Edit Code:

Find and select the theme you're using for your headless Shopify shop. Then, click on the "Actions" dropdown and choose "Edit Code."

  • Locate the Header Section:

In the theme editor, locate the file where your site's header code is stored. This is typically found in the "Sections" or "Theme.liquid" file.

  • Insert Social Snowball Code:

Within the <head> section of your website, add the following code:

<script> window.Shopify = { shop: "your-shop-name.myshopify.com" } </script> <script src="https://api.socialsnowball.io/js/referral.js"></script>

NOTE: In the above code, replace "your-shop-name.myshopify.com" with the actual URL of your Shopify store.

  • Save Changes:

After adding the code, make sure to save the changes to your theme file.

  • Testing:

Once you've added the code, it's recommended to test the functionality of Social Snowball on your headless Shopify store. You can do this by initiating the free trial, completing your program setup (we can help!), and navigating through the referral process by creating a test affiliate account and making a test purchase using the affiliate's code. We understand different things could work for different headless stores, so please feel free to reach out to our chat support for onboarding or any troubleshooting/testing.

Did this answer your question?