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”. |