Earn points widget

The Earn Points Widget provides users with an overview of the behaviours they can perform to gain points and rewards. While this widget is accessible through links in the Profile Widget, Leaderboards Widget, and others, the function below allows you to add a standalone version. This can be particularly useful on pages explaining your loyalty programme.

The Earn Points Widget displays available behaviours users can perform to earn rewards

Implementation

To render the Earn Points Widget, add a call to the Mambo earnPoints() function in the mamboCallbacks() array. The example below shows how to implement the widget both as embedded content and as a popup. None of the options are required, so you could simply use: Mambo('.selector').earnPoints().

JavaScript

// Initialise the Mambo Callbacks array
var mamboCallbacks = window.mamboCallbacks || [];
mamboCallbacks.push(function() {
  // Render the Earn Points Widget in the DOM Element with an ID of 'earn-points'
  Mambo('#earn-points').earnPoints();
  // Render the Earn Points Widget in a Popup
  Mambo().earnPoints({
    popup: true
  });
});

Configuration options

The only configuration option available for this widget is explained below:

Option	Description	Default Value	Sample Value
popup	When enabled, displays the widget in a popup on the side of the screen. When using this option, a class selector is not required.	true	false