Integrations and add-ons

You will find a list of all applications in here. They are organized into different categories to help you find the right integration faster.


Installing add-ons

Select the appropriate add-on and click on 'Install add-on'. You will also see its price. Most integrations are free. It is also worth to pay attention to the author - if you have questions, you should contact them.


Then, enter your store name, click on 'go to your account', and on the next window confirm the installation.

How to install and use the Zapier app

Zapier is used to connect different applications with each other.

In this article:

Which data can be transferred?

After connecting Shoplo with Zapier, you can send the following pieces of information:

  • new product
  • new client
  • new order
  • change in order status

Installation and connection of the application

Firstly, install the integration. Go here and click "Install add-on".

After installing you will the ee following screen with settings: 


Click "Connect" (Połącz)

You will see:


If you already have a Zapier account just click "Login to Accept Invite", otherwise create an account by clicking Sign Up to Accept Invite. 

If you are creating account, fill in all required data and create account. Next click Accept Invite & Build a Zap.

How to create a zap

1. Click Make a zap! 


or Create this Zap if you just created a new account.


Firstly, choose trigger appication (Trigger app). If it's not automatically choosen, search for Shoplo and choose it. 


2. Now choose an action. You can choose from:


Choose one and click Save + Continue

Click: Connect an Account

You'll be asked to enter token:


You will find it in your Shoplo dashboard. Go to Add-ons > Zapier > and copy a token. 


After pasting, click Yes, Continue. You will be redirect to the configuration.

Choose Shoplo and click Save + Continue


Copy the link


and in Shoplo your dashboard, add it to the Zapier App in the webhook section.


In Shoplo, after pasting the link, choose the type of webhook, and click Add (Dodaj). Remember to choose exactly the same option that you chose in Zapier a few steps back.


Zapier will want to test the Zap connection.


To test a connection, you will have to perform the choosen action. 

For example, if you chose in previous steps New product, go to Shoplo dashboard and add a new product. After few seconds you will see a message:


Click Continue.

3. In this stage, you need to choose an action which will occur in your other connected app. Start with an choosing app and continue according to instructions on screen.



Functions and configuration of Shoplo Widgets

Shoplo Widgets are simple and effective little way of selling your products on other websites- for example on a blog where people talk about your industry or products similar to yours. Using widgets helps you increase your sales and spread the word about your products.


With Shoplo Widgets you can:

    • Create banners with your products containing Call to Action linking directly to cart in your store
    • Easily export widgets and place them on any website on the internet
    • Add additional information about product categories, collections or vendors 
    • Customise a widget's look - change its color, font and size


To make Shoplo Widgets, you need to add the application to your page.  Even if you will use your widgets on other websites, the codes for the widgets are generated in your Shoplo account. 


How do I install the Shoplo Widgets in my store?

1. Log in to your account

2. From left side menu choose “Add-ons”

3. From top bar choose “More Apps”


4. Find Shoplo Widgets:

The app needs access authorisation to reach information about the products in your store. (access is not changeable)


How work with Shoplo widgets looks like.


 On the app page you have access to following options:


    • Buy now”- allows you to create a widget that will take you directly to the page of that product. 
    • Product display widget”- allows you to create a widget with information about a set of products from chosen category, collection or vendor.
    • What is Shoplo widget”- redirects to this information page about the app.
    • Your widgets”- leads to list of created widgets.



How to create a “Buy Now” widget?


To create widget similar to this:


follow these steps:

    • Click “Create Widget" under the shopping trolley image. 
    • In the last text box, start typing the name of your product and select it when it is suggested.


TIP: You can click on the widget name in the preview and change its content.


    • Optional- adjust the color of the widget according to style of the page that the widget will be used on. 
    • Click “Get widget code” and copy the code. Paste it on the page on which you want widget to be displayed.

After getting the code of the widget, it will show up in the list of created widgets.


How to create the “Product display widget”?

Next up, we have a widget like this:


It contains a set of products from specific collection, category or given vendor.

To create a "Product display widget":

    • Choose “Create widget”  under the photo image. 
    • From drop-down list choose whether widget will lead to category, collection or vendor. Depending on this, the content of the widget will change:

    • Optional: adjust color of the widget according to the style of the page that the widget will be used. You can also change number of columns and rows of products that will be shown.
    • Click the “Get widget code” button and copy the code. Paste it on the page that you want the widget to be displayed.


List of created widgets 

Here you will find all the widgets created in this app. 

Here, you can edit the widgets you've created. For example when you need to change the title, style or size of widget. You can also delete unused widgets.

IMPORTANT: Before deleting the widget, you should delete its codes on every website where the widget was used! It gets quite ugly otherwise...

Google Shopping

This handy add-on can be found here. Simply, click 'Install add-on' and let's get the show on the road!


Log into your account, if you haven’t done that already.

Click 'Install' to confirm the installation.


Now you can create a new data feed:

  • Enter the data feed name 
  • Choose country and language
  • Select currency

Remember that you'll need a separate product group for each country you sell in.


Then click on 'Go back to categories mapping'.


Now you can map your categories, which is basically matching your categories on Shoplo to the ones existing in Google Shopping.

Save the changes you made and click 'Next' to go to the following page.

Now choose which items you'd like to add to the product feed and click 'Next' again.


Last, but not least, you can generate the file (you’ll also get an email with the access to the link).


Now, you can copy the link to the XML file and voila!



Instagram gallery in your store

With our Instagram app, you can display Instagram pictures gallery directly in your online store.  Here we will discuss:


App Installation

1. From your Shoplo Dashboard, go to our App Store and find the Instagram App. Choose the app and click the “Install application” button, located on the right side of the description.

2. After the installation, you will be redirected to the application. Connect your store to your Instagram account by clicking on “Connect”.

3. Login using your Instagram account details

4. Now it’s time to create your first gallery


5. In the Instagram sources field type in the handles whose content you want to appear in galleries (i.e @accountname). You can also display images associated with a specific hashtag (i.e. #hashtagexample)



In the Blocked content field, type in all the accounts and hashtags (using the same rules as above) whose content you want to block from displaying in galleries.


6. When complete, click the Download images button. Images will appear on the bottom of the page, just under the button:



Gallery design settings

You decide how will the gallery (widget) looks on your website.


1. Go to the Gallery size tab:


2. Determine the size of your gallery - if you want the widget to automatically match the website’s size, continue with the default options. If you want to set your own values, unselect the default options and enter your desired size in pixels

3. In the next field, specify the number of columns and rows in which the images will appear. You can also decide if there should be any spacing between images. You can find sample values below:

4. Edit your header and description content that will appear above the gallery in your web store.  

5. Now go to the Gallery specs tab. Mark the checkboxes next to the elements you want to include in your gallery. Find the sample settings below: 


6. And the final step of the gallery design configuration - picking the right colours. You can easily change them by clicking the square next to the colour you want to edit.


7. Save the changes and... it's done!



Placing the gallery in your Shoplo store

The following will guide you through placing your gallery in your store. If at any point you need any help with this, contact our support at

1. Go to the gallery list view and click the icon selected below and copy the code that will appear on the screen.


2. Leave the application. Go to the Layout tab and choose HTML Editor.


3. What we do now depends on where you want to place the gallery in your store. For instance:


a) If you want it to appear on every page of your store, go to Layout tab and then choose base.tpl

Now paste the copied code between website content and footer. Find the code part that includes: {$page_content} phrase and paste the code in the line below it. 



Save the changes. Go to the preview mode - the gallery will appear above the footer on every subpage of your store.


b) If you want the gallery to display only on your store's homepage:

Go to the templates tab and choose home.tpl


Paste the code that you've copied where you would like it. For instance, above the newsletter box. Find this code part:  <div class="newsletter-widget-1"> and place the code above it. 

Save the changes. Go to the preview mode - the gallery should appear only on your store's homepage.


Pinning products to images 

To inform customers which products are featured in an Instagram image, we use pins. Pins identify the products in an image and put a link to the product page on the right-hand side of the image. 

1. Go to the Instagram app and click on the Pin products tab.


2. Click on the Pin products button next to the gallery.

3. Once again click on the pin products button next to the images you want to pin products to. Now, start typing the name of the product in your store that you would like to pin. Choose the products from the suggestions and click the 'add' button.

Click save and that's it! Your customers will see something similar to this:


Still can’t find what you're looking for? Contact Support