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

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.

Continue reading How to add Urgency Messaging Tutorial

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

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 personalized content within the Campaign. Great. How is this done? Either by using a ready-made template or from scratch.

Inserting-Product-Recommendations
Inserting Product Recommendations using the Visual Editor

Continue reading How do I use the Visual Editor?

I don’t know how to code, can I still create content?

Through the use of the Visual Editor within Bunting, users that do not have programming experience can create Campaigns without the need for writing a single line of code.

When you create a New Campaign you have the option of whether to create the content from scratch or whether you want to use an in-built template.

These options with the addition of the Visual Editor and Widget designer allow users to create content without writing a line of code.

If you require any further information you can see the guide of how to use the Visual Editor here.

creating-content-without-code-gif

Getting started creating content with the Bunting platform.

Creating Lightboxes

Lightboxes pose a way to present additional information to your users after a certain event or trigger.

In the context of Bunting, good uses for these tools are to create brand awareness (such as promoting a featured item specifically), reiterating unique selling points (such as the number of 5 star reviews), gaining feedback via forms, and encouraging sales via promotions.

Continue reading Creating Lightboxes

Adding a coupon to your website

Adding a coupon to your website

Coupons are a great way of raising sales, particularly when combined with a ‘limited time only’ message. However you can run into problems when visitors try to use coupons that have expired, or pass them on to their friends to use. Bunting can help you avoid these problems with its *|COUPON|…|* function. This function takes your coupon and disguises it. It creates a unique replacement coupon code that your visitors see, and hides your original. When the visitor then enters their replacement coupon, Bunting checks to ensure the coupon is in-date, and is being entered by the visitor who it was given to. Providing everything checks out, Bunting then privately swaps the replacement coupon with your original, real coupon, for your site to process.

Continue reading Adding a coupon to your website

How priority affects visitor segments

How priority affects visitor segments

Many actions in Bunting, such as lightboxes, header bars and website exit confirmation messages, are single instance actions. This means that two of the same type of action cannot load in one page view by a visitor.

For example; Say you have defined two visitor segments. One activates a lightbox containing an promotional message, the other activates a lightbox containing a feedback form. If a visitor matches the criteria of both visitor segment conditions then Bunting will have to choose between which lightbox to load, as it cannot show both in the same page view. This is where segment priorities come in.

Continue reading How priority affects visitor segments

Adding a Countdown timer to enhance time sensitive offers

Adding a countdown timer to enhance time-sensitive offers

Time sensitive offers are one of the most powerful ways to give your sales messages impact. They increase urgency and promote greater impulse purchasing.

Adding a countdown timer to your website would normally be tricky job for a programmer. However Bunting makes it easy for anyone to do it. Whether in a lightbox or as part of a targeted banner, countdown timers can be added anywhere on your website. The syntax to add a countdown timer is as follows:

Continue reading Adding a Countdown timer to enhance time sensitive offers

Guide to Merge Tag Conditional Statements

Conditional statements allow you to easily implement basic logic into your behavioural targeting actions and webpage widgets. This will allow you to harness greater control over what appears to your website’s visitors.

Let’s say you have a lightbox, an email, or a banner, that will appear to a certain group of visitors. You may want to personalise that lightbox by including the name of each visitor at the top. To do this you would use a replacement tag, like so:

Hello *|FORENAME|*, here’s a special offer for you…

Continue reading Guide to Merge Tag Conditional Statements