Salla Quick Buy - Twilight Documentation

The <salla-quick-buy> web component is used for quick purchase. It redirects the customer immediately to the checkout page. By streamlining the shopping experience, customer can cut out extra steps and reduce abandonments, giving customers a secure and frictionless way to buy goods online.

Note

This component redirects customers directly to the checkout page if Apple Pay is not active for their current store. However, if Apple Pay is active, it will start a new Apple Pay session to prompt the customer to pay.

Example

Usage

HTML

SASS

Properties

Property	Attribute	Description	Type	Default
Amount	`amount`	Product's amount value.	`number`	`0`
Currency	`currency`	Product's amount currency.	`string`	`undefined`
Is Require Shipping	`is-require-shipping`	To be passed to the `purchaseNow` request.	`boolean`	`undefined`
Options	--	Product options, if is empty will get the data from the `document.querySelector('salla-product-options[product-id="X"]')`	`{}`	`{}`
Product ID	`product-id`	Product's ID.	`string`	`undefined`
Type	`type`	Button's type.	`"book" \| "buy" \| "donate" \| "order" \| "pay" \| "plain"`	`'buy'`

Quick Buy

Example#

Usage#

Properties#

Example

Usage

Properties