Overview

You can use the Quikly tag along with special activation links to assign dynamic offer codes to individuals using a unique URL that can then be displayed throughout your site.

Step 1: Activation Links

Use an activation link provided by Quikly to enable the offer display for that visitor. You can append the offer code to the link with a query parameter q_code. You will receive one activation link per offer and landing page.

Step 2: Ensure Quikly JS tag is present on landing page

Ensure the Quikly javascript tag is present on any landing page used with an activation link, as the tag will capture offer code from the URL and enable the offer for that visitor. This will not display anything on the page.

1<script>
2(function (w, d) {
3  w.qData || (w.qData = function() {
4    (w.qDataLayer = w.qDataLayer || []).push(arguments);
5  });
6  s = d.createElement('script');
7  s.src = 'https://pixel.quiklydemo.com/embed/js';
8  s.async = true;
9  f = d.scripts[0];
10  f.parentNode.insertBefore(s, f);
11})(window, document);
12qData('config', 'm/[your-config-key]');
13</script>

Step 3: Displaying Offer Code

Include the code below anywhere you'd like to display the offer code to those who have successfully activated the offer. The code will not activate unless the viewer previously clicked an activation link.

1<!-- Place this tag wherever you'd like to show the redemption details -->
2<div id="quikly-promo"></div>
3<!-- Place this script anywhere on the page -->
4<script>
5(function (w, d) {
6  w.qData || (w.qData = function() {
7    (w.qDataLayer = w.qDataLayer || []).push(arguments);
8  });
9  s = d.createElement('script');
10  s.src = 'https://pixel.quiklydemo.com/embed/js';
11  s.async = true;
12  f = d.scripts[0];
13  f.parentNode.insertBefore(s, f);
14})(window, document);
15qData('config', 'm/[your-config-key]');
16qData('ui', { page: 'redemption', root: 'quikly-promo' });
17</script>

Note: If you already include the base Quikly tag globally on your site, you only have to include the last line (qData('ui')...) on any page where you'd like to display the offer code.