Product page integration
Method 1: Place the scripts directly on product pages
1
Copy and paste the <div> element (shown below) inside the product page where the entry point should be displayed
<div class=“pxb-entry-point” data-variant=“box|overlay|underline”>
</div>
Fig 1.1 Pixibo entry point configured
2
Place Pixibo's Find Your Fit script on the product page at the end of the document before </body>
<html>
<body>
...
<script src="https://cdn.pixibo.com/clients/<clientname>/<env>/lazy.js?clientid=<clientid>&skuid=<skuid>&lang=<lang>&altid=<altid>&env=<env>" async="true" type="text/javascript"> </script>
</body>
</html>
Parameters
Description
Required/Optional?
Parameter Type
clientname
This unique client name will be assigned by Pixibo.
required
static
environment
Pixibo supports 2 environments - staging and production - depending on whether you are integration Pixibo's scripts on your production or staging/pre-prod environments.


By default, environment is set to "production". If you are configuring Pixibo's scripts on any non-production environment, choose "staging" instead


optional (default = production)
static
skuid
This refers to the id of the product. Eg. '298288-wit'
required
dynamic
language
Language in which to serve the widget. Choose from one of the support languages:

en - English (default if the lang parameter is missing or when a language is not supported)

nl - Dutch

de - German

ko - Korean

id - Bahasa

Don't see your preferred language? No problem. Reach out to your account manager and we will do the needful.


optional

(default = en)


Can be static or dynamic
altid
Unique id used to identify a logged-in user in your system.


This can be the email of a logged-in user or a unique user id used to identify this user on your site. This is used to provide a seamless experience for the user across all devices that he/she uses your webshop on.


optional
dynamic
Method 2: Implement Pixibo Find Your Fit tag on GTM
Follow the steps below to implement Pixibo's Find Your Fit via GTM.
1
Add Pixibo Find Your Fit tag to your workspace
  1. Go to https://tagmanager.google.com/. Make sure you are logged in.

  2. From the Overview section, click on Add a new tag

  3. Click on the edit pencil icon under Tag Configuration and choose Discover more tag types in the Community Template Gallery. This brings up a side panel

  4. On the search bar at the top, type "Pixibo Find Your Fit". The results will include the tag you need to include.
  5. Click on the tag and Add to workspace
2
Add Pixibo Find Your Fit tag to your workspace
1. Go to Tags section. You should see Pixibo's tag that you added in Step 1.
To configure, click on the name of the tag and this opens a widget with parameters that you will need to configure. A description of these parameters is provided in the table below
Parameters
Description
Required/Optional?
Parameter Type
clientname
This unique client name will be assigned by Pixibo.
required
static
environment
Pixibo supports 2 environments - staging and production - depending on whether you are integration Pixibo's scripts on your production or staging/pre-prod environments.


By default, environment is set to "production". If you are configuring Pixibo's scripts on any non-production environment, choose "staging" instead


optional (default = production)
static
skuid
This refers to the id of the product. Eg. '298288-wit'
required
dynamic
language
Language in which to serve the widget. Choose from one of the support languages:

en - English (default if the lang parameter is missing or when a language is not supported)

nl - Dutch

de - German

ko - Korean

id - Bahasa

Don't see your preferred language? No problem. Reach out to your account manager and we will do the needful.


optional

(default = en)


Can be static or dynamic
altid
Unique id used to identify a logged-in user in your system.


This can be the email of a logged-in user or a unique user id used to identify this user on your site. This is used to provide a seamless experience for the user across all devices that he/she uses your webshop on.


optional
dynamic
2. Once the tag is configured and saved, click on the Preview button at the top

3. Now go to any product page of your site. You should see a GTM debug pane at the bottom of your site and Pixibo entrypoint should show up on the page if all the parameters are configured properly.
3
Publish the workspace to push the changes to production
Exit the preview mode if you haven't already and click on the Submit button at the top to publish your workspace changes
Browser Support
We support all ES6+ modern browsers.
Browser
Version
Chrome
51+
Firefox
54+
Edge
14+
Safari
10+
Opera
38+