How to install widgets on Shopify and boost sales

How to install widgets on Shopify and boost sales

Shopify is an amazing platform to launch an online store.

But once you build that store and start driving traffic, the challenge is to get people to make purchases and join your email list (so you could send them special offers later 📧)

And while the platform itself might not have all the tools for boosting conversions, there are plenty of 3rd-party widgets for Shopify that will help you:

  • increase sales
  • grow your email list
  • get customer feedback
  • prevent cart abandonment
  • and nudge visitors into taking action

In this tutorial, we’ll show you how to add Getsitecontrol widgets to a Shopify store and achieve all these goals.

Getsitecontrol is a no-code popup builder that will help you create stylish email opt-in forms, sticky bars, promo banners, exit-intent popups, and more.

Before getting started, you need to connect Getsitecontrol to your website by adding a small piece of code (script) into the code of the store page.

Once you do that, you’ll be able to create widgets in the Getsitecontrol dashboard and see their performance in real-time. You’ll only need to apply the code once.

Here’s how to install Getsitecontrol on a site built with Shopify

Just like Shopify, Getsitecontrol is designed for those who might not even have coding skills. So, if the phrase “adding the code” in the previous paragraph made you feel uncomfortable, don’t worry! It’s just a quick copy & paste action.

1. Sign in to Getsitecontrol

First, sign in to your Getsitecontrol account. If you don’t have an account yet, create one. When filling out your account information, you’ll be prompted to add your website – type the address of your Shopify store.

2. Copy the code

Click Install code at the top of the page.

Getsitecontrol dashboard with the highlighted Install code link

In a pop-up window, you will see a small script that you need to add to the code of your website.

Modal window with a piece of code

Press the Copy to Clipboard button to copy the provided code.

3. Add the script to the code of your Shopify store

Log in to your Shopify account, go to Online Store, and select Themes in the menu on the left-hand side. Then click the Customize button.

Themes section of Shopify control panel

Open the Theme actions dropdown menu in the bottom left corner of the screen and choose Edit code from the menu.

Edit code option highlighted on the menu

You will see a list of files and folders. The file you need to edit is called theme.liquid and it is located in the Layout folder. Scroll to the very end of this file and paste the code you have copied from the Getsitecontrol dashboard right before the closing </body> tag. Then click Save to save the changes.

Getsitecontrol code added to the site code

That's it! Now you can go back to the Getsitecontrol dashboard and start creating widgets for your Shopify website.

Best widgets for Shopify stores to start with

If you’re wondering what you should start with, here are the top 3 most popular widgets for Shopify. Feel free to click right on the templates to see them in action. If you like any of the widgets below, just follow the instructions to add them to your Getsitecontrol dashboard and publish them directly on your store.

1. Email subscription slide-in

At the beginning of this tutorial, we’ve included an example of an email opt-in popup offering a discount in exchange for a subscription. If you want to use a less intrusive solution, consider slide-ins.

You can set it to appear after a visitor spends a certain amount of time on a webpage or scrolls down a certain percentage of it. You can also create a more personalized message and only target particular audience segments based on their location, or whether they have visited your store before.

2. Sticky announcement bar

The second most popular widget for Shopify is a sticky bar placed at the top or bottom of a webpage.

These bars are perfect to let your store visitors know that you provide free shipping (for all orders or with a minimum amount required). You can use this widget to link to your Shipping & Returns policy page, display coupon codes, add an announcement about the ongoing sale, or capture emails, too.

3. Exit-intent popup

If you’re looking for ways to reduce website and shopping cart abandonment, an exit-intent popup is a must-have widget for your Shopify store.

Typically, exit-intent popups either offer a discount code in exchange for a subscription (so you could turn abandoning visitors into customers later via email marketing). But you can also display the discount code right there for the visitor to copy and paste.

Feel free to grab this template for your store. If you want to change the text and the image, you’ll be able to do it easily.

Remember that you can check the widget performance on your website in real-time right in the Getsitecontrol dashboard. If you want to optimize conversion rates, an A/B test will help you find out if a different copy, image, or a call to action would make a difference and bring more sales or signups.

Browse by category