See ready-to-use plugin views and instructions for implementing the selected layout.

☝️Follow the steps below to get the desired plugin view.

Step 1

The following code insert in the <head> section on all subpages where you will use the 100Shoppers plugin.

<script type="text/javascript" src="https://widget.100shoppers.com/js/widget.min.js" async=""></script>

☝️ If you implement the script in a country other than Poland, remember to add the country prefix:

<script type="text/javascript" src="https://widget-{sufix-country}.100shoppers.com/js/widget.min.js" async=""></script>

Step 2

Select how you want to display the plugin, and follow the instructions to implement the HTML tag that will display the desired view. In the HTML tag, specify your plugin-id.

See ready-to-use plugin views👇

Popover view

The plugin displays a list of stores when you click or hover over a button or text link. It's one of the most popular template chosen by manufacturer.

Have a look how to implement the Popover.

Overlay view

This template presents the list of stores in a separate window on a tinted background. This method is the second most preferred view by manufacturers.

Have a look how to implement the Overlay .

Embedded view

A view that loads the store listings widget as soon as the JavaScript is launched.

Have a look how to implement the Embedded.

Other ways to display the plugin:


Other steps:

  • Select the stores you want to displaye in the plugin.

  • Customize appearance of the plugin to your website

Did this answer your question?