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
Blog
Developer Portal
Web Components
Copy Page
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
Web Components
Copy Page
Product
Add Product
The <salla-add-product-button> web component allows controllability over button text labels and behaviours based on the product-status and produ...
Advertisement
The <salla-advertisement> web component allows you to displays Advertisement items such as icons, URLs, target, description, with the ability to...
Comments
The <salla-comments> web component allows the user to enter textual contents as a comment for a Product or Page. Example Usage ```html ``...
Conditional Offer
The <salla-conditional-offer> web component enables dynamic presentation of offers and discounts based on the customer's cart status.:::info...
Gifting
The <salla-gifting> web component is used to display items as gifts, which can be used after the customer has completed a purchase. It can be cu...
Installment
The <salla-installment> web component is used to show a block area for the available installment payment options provided for a specific product...
Meta Data
The <salla-metadata> web component helps to show detailed specifications for a product. It can display one or multiple sections of information, ...
Offer
The <salla-offer> web component displays offers, categories, products, banks, and discount information. It uses the salla-slider component for c...
Offer Modal
The <salla-offer-modal> web component shows a list of products with an offer given by the store admin. These offered products are related to a s...
Orders
The <salla-orders> web component shows a table with order details, such as order ID, product total, order status, and more. Example Usage ...
Payments
The <salla-payments> web component allows users to display Payments items including sbc-id, withMadeInKsa, and withSbc. Example Usage <...
Product Availability
The <salla-product-availability> web component is to show the "Notify availability" option as a button for the registered customer, wh...
Product Card
The <salla-product-card> web component is used to contain content and actions about a single product in a card display mode. The component incor...
Products List
The <salla-products-list> web component is used to display a group of related products with some information, such as products' names, price...
Product Options
The <salla-product-options> web component is used to show to the Merchant all the fields that are customizable to curate the experience of perso...
Product Size Guide
The <salla-product-size-guide> web component is used to enable the merchant to add product measurements of height, weight, depth and other metri...
Products Slider
The <salla-products-slider> web component is used to navigate horizontally through a group of related products. Product sliders can be easily ar...
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 ...
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 ...
Scopes
The <salla-Scopes> web component shows a list of scopes (Branches) owned by the store. It consists of Button component that enables the addition...
Search
The <salla-search> website element shows a search box, field, or bar. Its specific purpose is to accept user input for database searching. It co...
Previous
Tel Input
Next
Add Product