Salla Loyalty - Salla Storefront - Twilight Documentation

The <salla-loyalty> web component is used to display a popup that represents the Loyalty program. This program enables the store's customers to benefit from collecting the points for vouchers and offers provided by the store. Once they have collected enough points, the customers will be eligible to redeem them for exciting gifts or products.

It consists of a Modal activated by the Button component, and that can be customized using the properties' parameters available.

Note

Available API Endpoints for the Loyalty component are:

Get Program

Reset

Exchange

Example

Usage

HTML

Properties

Property	Attribute	Description	Type	Default
Customer Points	`customer-points`	Available customer points with which they can exchange.	`number`	`undefined`
Guest Message	`guest-message`	Message to show for guest users.	`string`	`undefined`
Prize Points	`prize-points`	The exchanged prize point.	`number \| string`	`undefined`
Prize Title	`prize-title`	The exchangable prize title.	`string`	`undefined`

Methods

The pre-defined methods allow for calling functions built by Salla to carry out certain actvities, such as open and close the Loyalty modal.

Method	Description	Return Type
`open()`	Shows loyalty modal	`Promise<any>`
`close()`	Hides loyalty modal	`Promise<HTMLElement>`
`exchangeLoyaltyPoint()`	Exchanges loyalty points with the selected prize item	`Promise<any>`
`resetExchange()`	Cancels exchanged prizes	`Promise<any>`

Loyalty

Example#

Usage#

Properties#

Methods#

Example

Usage

Properties

Methods