An example Collectable Wallet Element
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.
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>
The following properties can be passed to the Collectable Wallet Element.
|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”.|