s is for shopping
Getting started: Widget
This page describes the integration of the shopping24 widget in version 6 into your website. Further it describes the attributes for customization.
In contrast to previous versions - from v6 on - jQuery is no longer necessary, so there are no dependencies.
First you have to define a container in your template in which the widget will be injected.
You have to set
s24widget as a class for the container. Furthermore you need to specify the ApplicationID and WidgetID,
so we can clearly identify your widget.
In case you don’t use our feature to provide you with products based on your site content, you can pass us a search
term instead. Consequently, you have to add
data-search-term="MY SEARCH TERM" to your widget container.
The full integration could look like this:
In order to display the widget correctly, we also need a CSS file which is stored within our widget-assets.s24.com domain.
Your necessary URL is similar to this:
After you have included the Widget-CSS and have defined in which container you like to insert the widget, you are ready to get the ball rolling. The last and final step is to insert our script in your template with this snippet:
A complete integration in block could look like this:
We also provide you with the possibility to track conversion of different variants. This could be interesting for you if you p.e. override the widget css or want to test different positions for the widget.
To identify your variants, you have to add the
data-campaign attribute to your widget container.
This could look like this:
We also offer you the option to integrate our widget AdBlocker safe. If you are interested, please email us.