Salla Docs
Merchant API
  • Merchant API
  • Salla OAuth 2.0
Partner APIs
  • App API
  • Shipment API
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Change Log
Salla CLI
Merchant API
  • Merchant API
  • Salla OAuth 2.0
Partner APIs
  • App API
  • Shipment API
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Change Log
Salla CLI
Salla - Opensource
Salla - Developers Community
  1. Product
  • Overview
  • Usage
  • Components Customization
  • Elements
    • Apps Icons
    • Breadcrumb
    • Color Picker
    • Conditional Fields
    • Count Down
    • Filters
    • Infinite Scroll
    • List Tile
    • Loading
    • Map
    • Modal
    • Placeholder
    • Progress Bar
    • Rating Stars
    • Reviews
    • Reviews Summary
    • Sheet
    • Skeleton
    • Slider
    • Social
    • Social Share
    • Tabs
  • Form
    • Button
    • Bottom Alert
    • Contacts
    • Date Time Picker
    • File Upload
    • Menu
    • Quantity Input
    • Select
    • Tel Input
  • Product
    • Add Product
    • Advertisement
    • Comments
    • Conditional Offer
    • Gifting
    • Installment
    • Meta Data
    • Offer
    • Offer Modal
    • Orders
    • Payments
    • Product Availability
    • Product Card
    • Products List
    • Product Options
    • Product Size Guide
    • Products Slider
    • Quick Buy
    • Quick Order
    • Scopes
    • Search
  • User
    • Cart Summary
    • Localization
    • Login
    • Loyalty
    • Rating
    • User Menu
    • User Profile
    • User Settings
    • Verify
  1. Product

Quick Buy

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#

Quick Buy

Usage#

HTML
SASS

Properties#

PropertyAttributeDescriptionTypeDefault
AmountamountProduct's amount value.number0
CurrencycurrencyProduct's amount currency.stringundefined
Is Require Shippingis-require-shippingTo be passed to the purchaseNow request.booleanundefined
Options--Product options, if is empty will get the data from the document.querySelector('salla-product-options[product-id="X"]'){}{}
Product IDproduct-idProduct's ID.stringundefined
TypetypeButton's type."book" | "buy" | "donate" | "order" | "pay" | "plain"'buy'
Modified at 2024-08-18 10:11:24
Previous
Products Slider
Next
Quick Order