REQUEST A FREE 30 MINUTE MARKETING AUDIT

Call us now on 0161 7110 110

15 Aug 2014

Gamification: Take Your B2B Marketing to the Next Level

Gamification-Take-Your-B2B-Marketing-To-The-Next-Level.jpg

Gamification, simply put, is the use of gaming principles and strategies in a non-game context. It's intended to give potential customers a fun way to engage with a brand while offering some type of incentive to influence their behaviour.

The concept of gamification isn't anything new, but it has recently gained a foothold in the world of B2B marketing. A big reason for B2B brands embracing gamification is the opportunity it provides to measure and monitor engagement with a target audience. It's not about giving visitors to your website a fun game to play - it's about motivating them to engage with you. People are naturally competitive and enjoy completing tasks and problem solving, so why not appeal to this side of their nature?

If you're planning to gamify your B2B marketing, look for incentives that fit your target client personas. Encourage interactions such as comments or shares by offering rewards - privileged access or useful content like ebooks, for example. Use attractive visuals to measure achievements and offer greater rewards for further progress.

We take a look at a few examples of B2B marketing gamification done well...

Flat vs Realism

flat_vs_realism

Interactive agency inTacto used one of last year’s hottest design topics - flat design - as the basis for a fantastic, interactive infographic. The flat vs realistic graphics debate has been a talking point in web design for the past year or so. With so much search activity, it was the perfect subject for driving traffic to an online game. The infographic-style journey through the site ends with a 'beat 'em up' style game between the 'flat' and 'realistic' characters. Upon completing the game you are greeted with a happy new year message, links to the inTacto site, sharing options and the opportunity to win merchandise. The main draw here is the quality of the experience - the reward is enjoyment and it's so lovingly crafted that you feel compelled to share it.

Workplace: The Game

workplace_the_game

Workplace, a leader in workforce labour forecasting and scheduling, launched a gamified version of its service that allowed visitors to play as a store manager. You must organise your staff to ensure customers are looked after, shelves are kept stocked and workers are motivated. The game is essentially a free demo of Workplace's workforce management software in a fun, retro and playable context. By injecting some cute graphics, humour and the chance to appear on a high scoring 'wall of fame', the game succeeds at appealing to people's competitive nature as a way to encourage sharing. In the end, it's a very clever and engaging way to encourage people to trial a service.

Maginus Channel Connect

maginus

Retail software company Maginus worked with Axon Garside to create a fun puzzle game based on its then mascot 'My Genius'. Channel Connect was designed to highlight how integrating sales channels can improve customer service, reduce costs and raise profits. The simple but challenging game involved connecting a series of pipes against the clock to allow My Genius access to the next level. Each level was bookended by useful information and content. Completing the game offered a high score board, the chance to win a My Genius character toy and the ability to share via social media. As part of a multi-channel campaign, the game was a great success largely due to its playability. The campaign may be over now, but the game is still being played and shared online. Try it here.

B2B gamification: Three key points

  • Make it interesting to your target personas. Use content and elements that are relevant to their interests to create genuine intrigue.
  • Offer rewards and make them proportionate to the challenge. If you expect visitors to put in any kind of effort, make sure they’re getting something in return. This can be anything from virtual points to something more tangible like an ebook.
  • Create a sense of community by allowing sharing via any social channels. Give people a reason to share - this could be a helpful instruction such as 'look at this great content' or a challenge like 'see if you can beat my score'.
 
introduction to b2b inbound marketing lge sdry

This is an inline guide purely for the editor, it will not show in the final blog, designed to assist you with setting the options below in the 'Gate Trigger' section.

You will not be able to use the WYSIWYG editor for this it's code only so follow these instructions carefully.


Button
We cannot use a standard call to action to open the rest of the content, but we do want to track when someone clicks on the button to read the rest of the blog. Here's what the code should look like:
<a class="gate-trigger-button" href="#" id="Gamification: Take Your B2B Marketing to the Next Level - Read the rest of the post" title="Read the rest of the post">Read the rest of the post</a>


Survey
Instead of using a button, you can ask people a what their intent of being on the blog is. Here's an example.
<h3 style="text-align:center;">Ready to read the post?</h3>
<p style="text-align:center;">Great, just let us know why you're here today</p>
<ul id="survey">
<li><a href="#" id="Gamification: Take Your B2B Marketing to the Next Level">Answer One</a></li>
<li><a href="#" id="Gamification: Take Your B2B Marketing to the Next Level">Answer Two</a></li>
<li><a href="#" id="Gamification: Take Your B2B Marketing to the Next Level">Answer Three</a></li>
<li><a href="#" id="Gamification: Take Your B2B Marketing to the Next Level">Answer Four</a></li>
<li><a href="#" id="Gamification: Take Your B2B Marketing to the Next Level">Answer Five</a></li>
<li><a href="#" id="Gamification: Take Your B2B Marketing to the Next Level">Other</a></li>
</ul>

If you want to connect what the user selects in the survey with the call to action at the bottom, use the following:
<ul id="cta-list">
<li><a href="#">CTA One</a></li>
<li><a href="#">CTA Two</a></li>
<li><a href="#">CTA Three</a></li>
<li><a href="#">CTA Four</a></li>
<li><a href="#">CTA Five</a></li>
<li><a href="#">Default</a></li>
</ul>


Form
We need to add the same form for each blog, you can if you want to make your own form but you'll need to change the formId which will be in the URL for the form e.g. https://app.hubspot.com/forms/145288/ee2dd282-1afb-4040-b67a-6ea2fe6e32cc/edit:
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: '145288',
formId: 'ee2dd282-1afb-4040-b67a-6ea2fe6e32cc',
css: '',
onFormSubmit: function($form) {
gateTriggerForm('Gamification: Take Your B2B Marketing to the Next Level');
}
});
</script>


CTA Form
If people are clicking the CTA but then not filling in the form on the landing page they're being taken to, it may be worth loading the form on the same page to see if that helps the submission rate:
<div class="cta-form-image">
<a class="cta-form-image-button" href="#" id="CTA Click - Gamification: Take Your B2B Marketing to the Next Level"><img alt="Title of the CTA" src="https://cdn2.hubspot.net/hubfs/145288/hub_generated/resized/21421668-c868-457c-8f68-142438f1e246.png" title="Title of the CTA"></a>
</div>
<div class="cta-form-inputs">
<a href="#" class="cta-form-inputs-close"><i class="fa fa-times" aria-hidden="true"></i></a>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: '145288',
formId: '80edeb18-6298-4325-9d45-eb64c02b2d1c',
css: '',
onFormSubmit: function($form) {
gateTriggerCTAForm('Gamification: Take Your B2B Marketing to the Next Level');
}
});
</script>
</div>

This is the rest of the blog

When the page loads, or when it is being edited, this content will appear. When the page is loaded on the blog, the content will be hidden by the script until such times the trigger button is clicked or the trigger form is completed.

If you're not using this section then you should delete the text in here.

Blog Comments