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 Order

The <salla-quick-order> web component allows customers to request a call from the store owner for assistance with making their order. Customers provide their contact information through this component and the store owner is notified of the request. The store owner can then contact the customer directly to provide assistance with their order. This web component is an easy and convenient way for customers to receive help and support from the store owner, improving the overall customer experience.
It may consist of one or more components, such as <salla-button>, <salla-modal>, <salla-tel-input> and more.

Example#

Quick Order Order

Usage#

HTML
SASS

Properties#

PropertyAttributeDescriptionTypeDefault
Agreement Textagreement-textShows an agreement text from server or from propsstringsalla.lang.get( 'pages.checkout.show_full_agreement' )
Confirm Pay Button Titleconfirm-pay-button-titleDisplays a confirmation button text of the "quick order confirm pay" labelstring'اشتر الآن'
Is Email Requiredis-email-requiredWhether or not the email is requiredbooleanfalse
Pay Button Titlepay-button-titleCustomizes the "pay title" button contextstring'اطلب المنتج'
Product IDproduct-idFetches the Product ID from either local or from a specific pagestringundefined
Quick Order Stylequick-order-styleStyles the Quick Order component| "default" | "grey" | "white" |'default'
Quick Order Titlequick-order-titleCustomizes the Quick Order title textstring'ليش تنتظر؟'
Sub Titlesub-titleCustomizes the Quick Order sub title textstring'احصل على المنتج مباشرة الآن'
Thanks Messagethanks-messageDisplays a Thank You message after the purchase is completedstringundefined

Events#

EventDescriptionType
quickOrderSubmitedThis event will be fired when the order gets submitted successfully.CustomEvent<any>
Modified at 2025-03-04 12:54:02
Previous
Quick Buy
Next
Scopes