Generate Pixlee Embed Code

First, we need to generate a Pixlee Display embed code.

1) Go to http://pixlee.com and use the Publish Center in order to manage your displays. Keep this embed code on hand as it will be used later.

Create a Custom HTML Tag

Now that you have your embed code, we must create a custom HTML tag in GTM to place it in

2) Go to Google Tag Manager and select Tags on the left hand side


3) Click the New button to create a new tag

Create New Tag


4) Give your new tag a name and select Tag Configuration

Configure Tag


5) Select Custom HTML as the tag type

Set Tag Type


6) Copy and paste the embed code you generated earlier into the HTML editor

Embed Tag


7) Remove the div from the embed code:

<div id="pixlee_container"></div>

It should now look something like:

<script type="text/javascript">
	window.PixleeAsyncInit = function() {
		Pixlee.init({apiKey:"<YOUR API KEY>"});
		Pixlee.addCategoryWidget({widgetId:<YOUR WIDGET_ID>});
	};
</script>
<script src="//assets.pixlee.com/assets/pixlee_widget_1_0_0.js"></script>


8) Optionally set any triggers to manage which pages this display should live on


9) Place the div we removed earlier in your website’s code. The position where you place this container will dictate where the Pixlee Display will render. If you do not have the ability to edit your website’s HTML you may add custom javascript to the tag we just created so that it inserts the pixlee_container in the desired spot.