How To Gamify Any Website, Blog, Sales Page, Or Squeeze Page

9 Apr

How To Gamify Any Website

You’re here to learn how you can easily gamify your website..

So, I won’t mess go into explaining the “why” of gamification.
But, here are some fantastic resources that help you if you don’t know why.

Ready to learn how you can implement this idea?

Quick takeaways / ideas to gamify a page:

  • When user visits X number of page
    • Show them a “Thanks for being so loyal”, and give a coupon code.
    • You can display several of them, throughout their journey. More page views, larger discount.
    • This triggers reciprocity, and will help you gain page views, a lower bounce rate.
  • When a user clicks on a silly graphic, show them an offer.
    • This is like placing an “easter egg” on your website.
    • Delighting and surprising your users gives you a more memorable brand
    • Surprising users with a
  • Reverse bread crumb trail
    • Drop personalized small CTA’s that adapt to their situation, and lead them down a path.
    • If a user comes from Google, direct them to where they can find a special coupon.
    • Incentivise them to search for something in your pages, or within a page.
  • Appeal to Your Customers’ Competitive Drive
    • Let them know how many pages they have seen, and where that ranks them in comparison to your other readers.
    • Let them know how many other people have seen this offer
    • Let them know how many other people have claimed this offer

That’s it. That’s all I’ve got, if you’re here for some quick takeaways.

Go get to work, you hustler!


If you need some more explanation, feel free to keep reading:

How to use free software to set up a gamified website experience:

You are currently reading this blog on We build conversion rate optimization software. *surprise*

So, I’m proud to tell you how you can easily use OptKit to deliver a gamified experience to anyone who visits your website.

1) Come up with your prize

This is when you want to figure out what you’re trying to give away, use as a reward, or simply inform. Your goal should be something that helps your business, bottom line. If it helps you demonstrate your benefits, further explain your brand, or both.

2) Come up with the path to the prize

How do you want to deliver your goodies? Should you surprise and delight first time users? Or reward people who have been to your pages X number of times? The choice is yours, wise conversion scientist.

3) Sign up for the free software

It’s quick, it’s easy, and they (we..) don’t spam you. We’re here to help you convert more traffic. Go here to get your free account.

4) Make the Kit

This is very straight forward with OptKit. There are pre-made templates you can customize super easily.

Here is a blog post that helps you come up with ideas on for your own, from a blank template.

5) Create the rules

We’ve got a lot of options here.


  • On arrival means you can trigger the message based on time.. Only reward those who stay long!
  • You can layer Triggers, so there is multiple different ways to show a Kit
6) Install on website

Take the 1 line of code, and add it to your website, or page.

7) Monitor the stats

So, keep your eye on the turkey.. or your finger in the water.. or whatever metaphor makes sense for you..

But monitor your gamification Kits.

It’s important to know the little things.. like how often people take action, or close.

If you see that there’s an overwhelming number of people going down the path you don’t want them to.. Turn it off.


The steps are simple, because creating gamification properly to achieve your business takes creativity…

… and it requires testing properly too.

Start with small tests before you go for any major commitment to a marketing objective. Take that from someone who has learned from experience.

Here are a few other moments through-out your readers journey that you can delight them (and the corresponding OptKit code to use):


Special OptKit Variables

These are codes you can use directly in your “Content” blocks, that will update in real-time based on the viewer’s data.

The syntax is: [variable_name]

For example:


All of the variables you can use:

Page based stats:

  • [total_hits]
    • The # of times they’ve been to your website.
  • [total_pages]
    • The # of different pages they’ve seen on your website.
  • [total_impressions]
    • The # of times they’ve seen any Kit within your website.
  • [total_closes]
    • The # of times they’ve closed any Kit on your website.
  • [total_conversions]
    • The # of times they’ve converted with any Kit on your website.
  •  [active_hits]
    • The # of times they’ve hit the active page.
  • [active_impressions]
    • The # of times they’ve seen Kit on the active page.
  • [active_closes]
    • The # of times they’ve closed Kit on the active page.
  • [active_conversions]
    • The # of times they’ve converted with Kit on the active page.

Kit based stats:

  • [kit_hits]
    • The # of times they’ve hit any page with the Kit active:
  • [kit_impressions]
    • The # of times they’ve seen the active Kit’s on the any page:
  • [kit_closes]
    • The # of times they’ve closed the active the active Kit on any page:
  • [kit_conversions]
    • The # of times they’ve converted with the active Kit on any page:

There you have it.

Go forth. Be responsible. Convert more traffic.

You crazy conversion scientist you!

Still looking for an example? Here you go:

I’m looking forward to hearing how you’ve gamified your website, and what the results were.

Try sharing this post with someone smart:
Email this to someoneShare on FacebookTweet about this on TwitterShare on LinkedIn