Follow

Installing Sumo on Shopify

This article walks through the different ways of installing as well as uninstalling Sumo on Shopify. We also cover how you can include Sumo on your checkout pages (do note that checkout pages are a Shopify Plus feature). If you have not already signed up for Sumo, check out the Getting Started with Sumo Guide before following the instructions below.

 



Install via Shopify App

Go to the Sumo Shopify app page and click the Get button.

Screenshot_122017_114752_PM.jpg

Click Install app at the bottom-right.

Screen_Shot_2017-06-21_at_6_07_24_PM.png

Enter your login details and click Log In.  Don't have a Sumo account yet? Click Sign Up.

Screen_Shot_2017-06-13_at_11.15.18_AM.png

Now you're ready to get started! Check out List Builder and start collecting emails!

 



Uninstall via Shopify App

On your Apps page, look for the trash icon next to the Sumo App and select it.

Screen_Shot_2017-06-13_at_11_22_35_AM.png

We'd love to hear why you're removing Sumo.  Then to remove the app, click Delete.

Screen_Shot_2017-06-13_at_11.23.11_AM.png



Install Manually

Login to your Shopify Dashboard and select Online Store from the left-hand navigation.

Screen_Shot_2017-06-21_at_3_20_22_PM.png

Select Themes, then click on the Customize Theme button to the right.

Screen_Shot_2017-06-21_at_3_20_42_PM.png

Screen_Shot_2017-06-21_at_3_20_50_PM.png

At the top left-hand corner, open the More actions dropdown menu and select Edit code.

Screen_Shot_2017-06-21_at_3_21_30_PM.png

Under the Layout section, look for your theme.liquid file and select it.

Screen_Shot_2017-06-21_at_4_16_13_PM.png

Look for the body tags in the source code and insert the Sumo install code anywhere between the opening and closing body tags. Select the Save button.

shopify-manual-install.png



Uninstall Manually

Login to your Shopify Dashboard and select Online Store from the left-hand navigation.

Screen_Shot_2017-06-21_at_3_20_22_PM.png

Select Themes, then click on the Customize Theme button to the right.

Screen_Shot_2017-06-21_at_3_20_42_PM.png

At the top left-hand corner, open the More actions dropdown menu and select Edit code.

Screen_Shot_2017-06-21_at_3_21_30_PM.png

Under the Layout section, look for your theme.liquid file and select it.

Screen_Shot_2017-06-21_at_4_16_13_PM.png

Look for the Sumo install code that you placed inside the body tags and remove it. Select the Save button.

shopify-manual-install.png



Change your Sumo SiteID

If you need to change your Sumo SiteID, open up your Shopify admin and go to the Apps section. Then click on the Sumo app.

siteid01.png

Log in with your Sumo account. After logging in, you should be automatically taken to your Sumo Site management section. Open the settings menu at the top-right, and select Settings.

Now open up the SiteId tab.

Modify the SiteID and click the Save Settings button.

siteid02.png



Adding Sumo to Checkout Pages(Shopify Plus Customers)

Note: This requires you to have Shopify Plus.  If you have Shopify Plus and are not seeing the checkout.liquid file, check with your Shopify Merchant Success Manager.

 Login to your Shopify Dashboard and select Online Store from the left-hand navigation.

Screen_Shot_2017-06-21_at_3_20_22_PM.png

Select Themes, then click on the Customize Theme button to the right.

Screen_Shot_2017-06-21_at_3_20_42_PM.png

Screen_Shot_2017-06-21_at_3_20_50_PM.png

At the top left-hand corner, open the More actions dropdown menu and select Edit code.

Screen_Shot_2017-06-21_at_3_21_30_PM.png

Under the Templates section, look for your checkout.liquid file and select it.

liquidtheme.png

Look for the body tags in the source code and insert the Sumo install code anywhere between the opening and closing body tags. Select the Save button.

checkout_code.png



Adding Sumo to Checkout Pages(Non-Shopify Plus Customers)

If you are NOT on Shopify Plus, you can still get Sumo added to your Checkout pages!

Login to your Shopify Dashboard and navigate to Online Store > Preferences from the left-hand navigation.

tjtesting___Online_store_preferences___Shopify.png

Scroll down to the Google Analytics section and click Add custom Javascript(You will need to make sure you have already connected your Google Analytics account by inserting your code before you will see this option).

tjtesting___Online_store_preferences___Shopify_2.png

Add in your Sumo install script at the very TOP above any other code and then remove the opening and closing script tags so your install script looks like this:

!function(j,u,s,t,i,n){j.location.pathname.indexOf('/checkouts')===-1||(i=u.createElement(s),n=u.getElementsByTagName(s)[0],i.async=1,i.src="//load.sumo.com/",i.dataset.sumoSiteId="SITE_ID",n.parentNode.insertBefore(i,n))}(window,document,"script");

**Note: Be sure when making any changes to the above code to use this quotation mark

`

and NOT this quotation mark

'

tjtesting___Online_store_preferences___Shopify_3.png

Click SAVE and that's it! Sumo is now installed on your Shopify Checkout pages.



Was this article helpful?
5 out of 6 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.