Apps

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.

shoplo-apps-list.png


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.

shoplo-install-addon.png

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: 

shoplo-zapier-ustawienia.png

Click "Connect" (Połącz)

You will see:

shoplo-polaczenie-z-zapier.png

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! 

shoplo-make-a-zap.png

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

shoplo-make-zap-with-shoplo.png

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

shoplo-trigger-app.png

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

shoplo-zapier-choose-triger.png

Choose one and click Save + Continue

Click: Connect an Account

You'll be asked to enter token:

shoplo-zapier-copy-toccken.png

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

shoplo-zapier-token.png

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

Choose Shoplo and click Save + Continue

shoplo-zapier-choose-shoplo.png

Copy the link

shoplo-zapier-webhook-copy.png

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

shoplo-zapier-webhook.png

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.

shoplo-zapier-webhook-type.png

Zapier will want to test the Zap connection.

shoplo-zapier-waitning-for-product.png

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:

shoplo-zapier-succes.png

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.

shoplo-zapier-action.png

 

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...

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 help@shoplo.com

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