Setting up Category Specific Recommendations for Specific Pages

First, go into the Inactive Campaigns section within Bunting and create a new set of Product Recommendations by going to Create New Campaign. Then, select From Scratch which will take you to the visitor targeting step.

From here you can target a specific URL, for example, a specific promotion you are running on a type of product.

This can be done by opening up the visitor targeting and selecting current URL. Then you can paste the URL.

Ensure that the rule for this is set to Equal To. In addition to this, you can add any other visitor targeting metrics to this.

Once this has been done, select On To Next Step button on the right-hand side under your targeting rules.

For adding the product recommendations, using Bunting’s built-in templates you can select Product Recommendations. You’ll then get sent to Bunting’s visual editor and will be prompted to place them within the page.

Click the navigation prompt at the top to change the page displayed, “Click here to change web address in editor” and enter your URL and the visual editor will load that page.

You are now ready to place the recommendations.

In this instance, we will choose to place the recommendations below the campaign information but the position they are placed on the page is entirely up to you. Ideally, they should be placed as high up the fold of the page as possible.

Now they have been inserted, click on the Settings cog on the top right-hand corner of the visual editor and select Settings for Recommendations. From here, as well as being able to style your recommendations, you can filter what recommendations are shown.

To do this, Go to Content of Recommendations then Filters. From here you can filter the products shown in the recommendations by Category.

You can search through this list and add as many or as few categories to the filter as you require.

This guide can easily be applied to display recommendations of products of the same category of the page being viewed. This is great for scenarios where you have a large catalog of products and want to show the user alternatives to the product they are viewing.
All you have to do is change the URL visitor targeting rule to be Is Viewing a Product page and on the filters section, change it to use our special filtering rule of Category of the product / category page being viewed.

This could easily be transferred to other scenarios that require filtering of product recommendations for specific pages. That is all you need to show category-specific recommendations on specific URLs to help your campaigns.

By: Andy Alban 13th November 2018

Read More

How to create email widgets to integrate with your mailing platform campaigns

Want to add personalized recommendations to your existing mail application? Not a problem. This step-by-step guide will give you everything that you need to know to add recommendations to your campaign.

To get to the email widget tool we will start from the website monitor dashboard which is underneath where you would usually go to set up your campaigns. Select Email Widgets. This will then take you to a screen where you can check if your email marketing tool is listed on the featured integrations. If not, don’t worry! Bunting integrates seamlessly with many email marketing tools to provide personalized recommendations to your marketing campaigns with ease. Next click Create Widget to get started.


Above is a step by step guide of what to do to set up your advanced email widgets with everything from Click Through Parameters to an optional setting of Stripping all other parameters from the URL.

However, if you want to keep it simple with just adding the recommendation widget content that’s fine, too! Just select the option that you want to be sent to your audience and select your Email Marketing Tool.

Next, you can style your recommendations using the Widget Designer and the preview of your recommendations at the bottom of the page.

Once you are happy with the styling of your recommendations click Save Changes. On the next screen you will see the recommendation widget code; all you need to do is select all of the code and copy it. Find the relevant email campaign within your email tool and paste it into a code or html editor.


In the example above we are using MailChimp, but the implementation is similar across most email platforms. Save this within your email editor and you are done. You now have an email campaign from your provider with added personalized recommendations!


By: Andy Alban 6th November 2018 Tags: , ,

Read More

How to install Bunting

At its heart, Bunting is a JavaScript library that can be added to your HTML.

A master tracking code which should be installed on all webpages in which you want Bunting to learn about your user base. This script contacts Bunting, and sends tracking information to your own Bunting dashboard.

There are also page-specific tracking scripts to identify whereabouts on the website the end-user is (For example, to detect if they are on the Basket/Cart page, and what items they have in their basket).

Bunting requires this information to learn about your user base, and allows sophisticated and granular visitor targeting conditions to be set up.

This document describes each possible Bunting tracking code, and an explanation of the implementation requirements for each.

In addition, if Bunting is to learn about stock levels for products (as is the case in Scarcity messaging), then a Product XML feed of your entire product inventory should be supplied. The schema is discussed here:

Master Code

The below Immediately Invoked Function Expression is the core Bunting script. It must be added to all pages throughout your site. This enables knowledge about the user and their journey to be gained, as well as enabling us to deploy split tests and content.

The async and defer flags are set, meaning it will not block execution of your critical web content and not have an apparent effect on site render for the end-user.

<script type="text/javascript" id="bunting_script_1">(function(){if(typeof window.$_Bunting=="undefined")window.$_Bunting={d:{}};$_Bunting.src=("https:"==document.location.protocol?"https://":"http://")+"";$_Bunting.s=document.createElement("script");$_Bunting.s.type="text/javascript";$_Bunting.s.async=true;$_Bunting.s.defer=true;$_Bunting.s.charset="UTF-8";$_Bunting.s.src=$_Bunting.src;document.getElementsByTagName("head")[0].appendChild($_Bunting.s)})()</script>

Please note YOUR_BUNTING_ACCOUNT_ID will be replaced with your actual account ID when your Bunting dashboard is set up.


Please copy & paste this code on your homepage. Nothing needs to be edited – just copy & paste.

<script type="text/javascript"> if (typeof window.$_Bunting=="undefined"){window.$_Bunting={d:{}};}$_Bunting.d.hp = "yes";</script>

Product Page / PDP

Edit and paste this code on all product pages. Complete the unique product ID value with the corresponding ID from your database. This ID must match the ID of the product on the cart page, the order complete page, and in your product feed.

<script type="text/javascript"> if (typeof window.$_Bunting=="undefined"){window.$_Bunting={d:{}};} $_Bunting.d.vp_upc = ""; // Enter unique product ID used by your system here</script>

Category Page / PLP

Edit and paste this code on all category pages. The value is the category path used by your system. Nested categories are separated by > symbols. Eg: Electronics > Computers > Laptops. This value must match that within product feed.

<script type="text/javascript"> if (typeof window.$_Bunting=="undefined"){window.$_Bunting={d:{}};} $_Bunting.d.c = ""; // Enter the category name as used by your system here</script>

Basket / Cart Page

Edit and paste this code on your shopping cart page. Repeat the marked snippet of code with appropriate values for each product in a shopper’s cart. If the cart is empty then remove the bit: $_Bunting.d.cp.push([ .... ]);

<script type="text/javascript"> if (typeof $_Bunting=="undefined"){ var $_Bunting={d:{}}; } $_Bunting.d.cp = new Array(); $_Bunting.d.cdc = "";  // Delivery cost of the cart (number)
// Repeat the following code for each product in cart - start here
"", // Mandatory. Unique product ID used by your system (text). Eg: "7493". Must match the ID on your product page / product feed
"", // Mandatory. Product price in GREAT BRITISH POUNDS (number), NO currency symbols. Eg: "349.95"
"" // Mandatory. Quantity in cart (number). Eg: "1"
// End cart product repetition here


Checkout Page

Please copy & paste this code on every page of your checkout. This does NOT include your cart or order complete page. Nothing needs to be edited – just copy & paste.

<script type="text/javascript">if (typeof window.$_Bunting=="undefined"){ window.$_Bunting={d:{}}; } $ = "yes";</script>

Order Complete / Thank you page

Edit and paste this code on any page that directly follows an order being placed (eg: your ‘Thank you’ page). Repeat the marked snippet of code with appropriate values for each product the customer has ordered.

<script type="text/javascript">
if (typeof $_Bunting=="undefined") { var $_Bunting={d:{}}; }
$_Bunting.d.uc = "yes"; // Do not edit
$_Bunting.d.op = new Array(); // Do not edit
// Edit from here onwards...
$_Bunting.d.uoc = "";  // Unique order ID generated by your system (text)
$_Bunting.d.odc = 0;  // Delivery cost of the order (number)
// Repeat the following code for each product that has been ordered - start here
"",     // Unique product id (text). Eg: "7493". Must match the ID on your product page / product feed
"",     // Product price in GREAT BRITISH POUNDS (number), NO currency symbols. Eg: "349.95"
""      // Quantity ordered (number). Eg: "1"
// End ordered product repetition here


Extra Information (Optional But Recommended)

This section is intended to go on any page after the visitor has identified themself. This could be a contact form completion page, an order complete page, or after logging in to an account. All values below are optional, but it is recommended you supply them if they are available.

Browsing Currency

Set the $ value to corresponding 3-character ISO currency code, which the visitor is browsing. When they switch currency, change this variable.

<script type="text/javascript">
if (typeof window.$_Bunting=='undefined'){ window.$_Bunting={d:{}}; }
$ = 'GBP'; // Set visitor's currency to: 'GBP', or 'USD'

Known Visitor Details

Does your website already have information about your visitors? Perhaps your database stores details that can be recalled and sent to Bunting when they log in to an account on your site? If so, enter these:

<script type="text/javascript">
if (typeof window.$_Bunting=='undefined'){ window.$_Bunting={d:{}}; }

$_Bunting.d.fn = ""; // The visitor's forename, if known
$ = ""; // The visitor's surname, if known
$_Bunting.d.ea = ""; // The visitor's email address, if known
$_Bunting.d.g = "";  // The visitor's gender. Enter 'male' or 'female' if known, or leave empty


Account Log In Status

When a visitor logs in to your website, set the variable $_Bunting.d.uac to the unique account ID which your website uses to identify them (only applicable if your site supports a visitor login).

<script type="text/javascript">
if (typeof window.$_Bunting=='undefined'){ window.$_Bunting={d:{}}; }
$_Bunting.d.uac = ""; // Unique account number / code when a visitor is logged in to their account on your site

Email Subscription Status

By default, to comply with GDPR, the email subscription status of all visitors is set to optout, meaning they won’t be applicable to receive targeted emails from Bunting. When a visitor subscribes, set the variable $_Bunting.d.ess to subscribed (copy/paste the code below). If the visitor later decides to optout then you can let Bunting know by switching the value to optout. Read more on our GDPR compliance here:

<script type="text/javascript">
if (typeof window.$_Bunting=='undefined'){ window.$_Bunting={d:{}}; }
$_Bunting.d.ess = "subscribed"; // 'subscribed' or 'optout'

By: Ben Smith 31st October 2018 Tags: , , , ,

Read More

How to setup visitor targeting?

Do you have an idea for a Campaign that requires specific targeting constraints? 👨‍👩‍👧‍👦 

Why not check out the Visitor Targeting section for your campaign. Here there are an extensive amount of conditions which can be added together to create rules. These rules are a criteria of statements that must be true in order for Campaign to be shown.

Let’s go through a few examples. There a few common scenarios which we will walk you through below:

– Such as only show the Campaign in question on the product page. This is very simple, to do all you have to is click the drop-down, then click More under Current Visitor Metrics then select Is Viewing a Product Page. 🛍️

Target campaign only on product page

– Target by device 📱– An example of this would be a campaign that only targets mobile or maybe if it is not equal to desktop (displays on tablets and mobiles).

Targeting non desktop visitors

– A campaign based on time of day 🕒

Content based on time of day

– Show content depending on the category of product being viewed – An example of this could be if you know a visitors favourite category is Jeans, show them that shiny new hero banner with your best-selling Jeans! 👖

Favourite category gif

– If they are not currently subscribed to email  show a campaign to the user – This can be used to prompt the user to enter their email address for use in marketing campaigns.

Target users for email input

– If the user is not browsing in the local Country of the store then show different delivery information. 🚚🌎 – A common use case for this is a store offers free delivery in its own country and it isn’t to ship to other countries.

Targeting via Location

Have a great idea in mind? Want to see a list of all our targeting metrics? 🤓

There are so many metrics to setup niche and wonderful campaigns. We hope this was enough to get you started on your journey.

Visitor Metrics List

If you want to know more about chaining conditions, then click here:


By: Andy Alban 16th October 2018 Tags: , , ,

Read More

How can I preview my content on mobile? 📱

Whether you have been sent a preview link from the Bunting team or previewing a variation that you have set up for mobile you might immediately wonder why the content looks out of place. This is because it defaults to open in desktop mode if you are not using a phone. Don’t worry though there is a simple solution.

Right Click anywhere on the webpage and click inspect or use the internet browsers keyboard shortcut. In Chrome  this is (Cmd + Shift + I). This will bring up the inspector and developer tools. Once this window appears click the mobile and tablet symbol at the top left and you can now view your content as it would appear on the device shown at the top on the screen.

Note: Sometimes the page may need refreshing to display the mobile version of the website.

By: Andy Alban 1st October 2018

Read More

How to whitelist Bunting?

Do you have any services that are blocking Bunting, maybe due to a firewall or security protocol?

Not a problem!

We now have fixed NAT gateways for each availability zone in AWS, and the following should work as static IPs for outbound traffic going forward.

The following are IP addresses of our outbound traffic to European, African and Asian servers:

The following are IP addresses of our outbound traffic to North and South American and Australian servers:

All you have to do is whitelist all of these IP’s and Bunting will now be whitelisted.

We ask that that you to whitelist all of them in case any traffic needs to be redirected at any point.
These are fixed and static forever, and more will be added as Bunting adds more local availability zones in various continents.

By: Andy Alban 20th September 2018

Read More

Adding Recommendations – Quick Guide

Product Recommendations are powerful. Not only can they increase conversions, and bump up each user’s average order volume, they excel in keeping users engaged and committed to browsing through your website.

In this tutorial, we’ll be running through each and every step needed to set up powerful recommendations that do their job from day one, but also get smarter all the time!

Step One – Setting Up Visitor Targeting

Go to your Bunting Dashboard.

Select Inactive Content under Personalization Cloud.

Choose the Create New Campaign button, then From Scratch.

Visitor Targeting is the first essential piece in performing a good test. This is a way of defining who exactly will see your content.

Once the targeting rules have been setup click On To The Next Step to continue.

Step Two – Creation

Let Bunting do the hard work for you, and use the in-built recommendations in the content section. To do this, select it from the content list.

Selecting Product Recommendations

Adding Buntings powerful pre-made Product Recommendations

Our Visual Editor will appear, and it will ask you where you would like to place your product recommendations. If you move your mouse over your website’s elements, you’ll see a blue marquee appear.

Click on one of the elements on your website.

There will be options asking where you would like the product recommendations to appear.

Here you have various options. Select the option most suited to where you would like your recommendations to be positioned.

If you need more information on placing content within the Visual Editor, this guide will be a great help!

There you go! Your recommendations have been added and are ready to be styled for your website!

Step Three – The Look and Feel

Why have something that looks out-of-place on your website, when you can match the look-and-feel of the Product Recommendations exactly to your branding?!

Moving straight on from the last stage, click Preview and Edit. This will again bring up the Visual Editor where you can see the recommendations.

From here click the Cog  symbol in the top right of the screen and select Setting for Recommendations. Click okay if you are ready to proceed on the alert prompt.

We’re now in the underlying configuration for the Product Recommendations, which define both how they operate and look. For now, scroll down to the Widget Designer – Wizard.

Here you can change the variables which define your font and colours to suit your brand guidelines.

Widget Designer

Using the Widget Designer to style recommendations

Step Four – Setting up Split Tests

Split tests are a bedrock in gaining a solid insight into what your users really want. This can be done in the measure impact tab.

To start running the split test for the campaign, turn the Google Analytics Event Tracking to ON and the Run a split-test to measure impact dropdown to yes.

Finally, Save and Finish. Now you have Product Recommendations that have been styled to match the look of your site in a few minutes!

Step Five – Publishing Live

You are now ready to get product recommendations on your site!

All you have to do is head to Inactive Campaigns and, in the manage column, select the drop-down for your New Product Recommendations and click Activate. 

Publishing Content

Call to action to publish content within Bunting

By: Andy Alban 24th July 2018 Tags: , , ,

Read More

How to add Urgency Messaging Tutorial

How is Urgency Messaging used?

This is a step by step tutorial on how you can setup Urgency Messaging using only the Visual Editor.

Common Sales Uplift of Urgency Messaging

Common Sales Uplift of Urgency Messaging

Urgency messaging invokes a fear of missing out, making a person act quickly. This means that a user is more likely to buy an item – they know it is running out, so they want it more.

Now the benefits of Urgency Messaging have been outlined, we can go ahead and start setting up our campaign for this.


By: Andy Alban 16th July 2018 Tags: , , , ,

Read More

Adding hyperlinks in the Visual Editor

So you have already created a new piece of content using the Visual Editor or by using a default template. Now, you need to add a hyperlink to the relevant webpage. Not a problem. Here is all you need to do this:

  • A piece of content setup that you want to add a hyperlink to. 📄
  • A URL (web address) that you want the content to point to. (It doesn’t have to be a button, it could be an image, text or any other element you want to link from.) 🔗
  •  2 minutes of your day! ⏱

Right-click on the element that you want to add the hyperlink to and select Edit Text/HTML. Next, before the content, type <a href="Add-URL-Here"> to add an anchor tag. Between the quotation marks, add the link address that you want to point to. Then close the anchor tag after the content by typing </a>

Depending on the styling of the website you may need to amend the color as shown in the demonstration below.  This is done by right clicking Edit Appearance -> Text then selecting the appropriate color.

Adding a hyperlink within the Visual Editor

Adding a hyperlink within the Visual Editor

By: Andy Alban Tags: , ,

Read More

How do I use the Visual Editor?

What is the Visual Editor?

The Visual Editor is a tool built into the Bunting Platform. It is a strong resource for creating and editing content for use within Campaigns.

It allows the user to see the layout of the webpage and how the HTML elements are structured in order to display exactly which elements on the page can be edited. This is displayed to the user by outlining the element in blue and showing the class/id name. To begin editing all that has to be done is right-click the element and follow the menu.

Surely it must be more difficult than that? Nope, that’s it, and to show you just how quickly you can start creating content, we have created a simple example below. 😊

Inserting Content

Often the first place to start when using Bunting is to place personalised content within the Campaign. Great. How is this done? Either by using a ready-made template or from scratch.



By: Andy Alban 13th July 2018 Tags: , , ,

Read More

1 2 3