Link Search Menu Expand Document

Collectable Wallet Element


An example Collectable Wallet Element
An example Collectable Wallet Element

Overview

Collectables are digital items like stamps or stickers that customers can earn and potentially redeem. An example of a collectable is a stamp that a customer can earn by making a purchase, when they have earned 10 stamps they can redeem them for a discount on their next purchase.

In Spaaza, there are multiple ways to run a collectable promotion. The Collectable Wallet Element allows you to show a user a collectable that uses a Spaaza wallet. Wallets allow other incentive campaigns to contribute into them. For example a customer could earn a stamp when they make a purchase, and also earn a stamp when they refer a friend. The wallet would then be used to redeem the stamps earned for an incentive like a discount.

The content and layout of this Element can be controlled in the wallet settings in Spaaza Console.

Using the Collectable Wallet Element

To include a Collectable Wallet Element on a webpage do the following:

  • Add the following script tags at the top of the page
<script type="module" src="https://elements.spaaza.com/elem/spaaza-environment.js"></script>
<script type="module" src="https://elements.spaaza.com/elem/spaaza-collectable-wallet.js"></script>
  • Add the Environment tag to the contents of the page (below the script tags). Include the Collectable Wallet Element within the Environment tag.
<spaaza-environment config="your_config_goes_here">
    <spaaza-collectable-wallet id="1234"></spaaza-collectable-wallet>
    <!-- other Spaaza Elements and HTML goes here  -->
</spaaza-environment>    

Element Properties

The following properties can be passed to the Collectable Wallet Element.

Property Description
id (required) The id of the wallet you want to show. You can find the id of the wallet in Spaaza Conssole when you view the wallet page.
appearance (optional) Determines the card display style. There are two options: “flat” or “raised”. The default is “raised”.