1. Product
Salla Platform Docs
  • Overview
  • Usage
  • Components Customization
  • Predefined vs Bundle Components
  • Elements
    • Conditional Fields
    • Count Down
    • Filters
    • Infinite Scroll
    • List Tile
    • Loading
    • Map
    • Placeholder
    • Progress Bar
    • Rating Stars
    • Skeleton
    • Slider
    • Social Share
    • Tabs
    • Apps Icons
    • Breadcrumb
    • Social
    • Reviews
    • Reviews Summary
    • Color Picker
    • Modal
    • Sheet
    • Notifications
  • Form
    • Button
    • Date Time Picker
    • Tel Input
    • Select
    • File Upload
    • Menu
    • Bottom Alert
    • Contacts
    • Quantity Input
    • Edit Order Button
  • Product
    • Product Card
    • Quick Buy
    • Meta Data
    • Payments
    • Comments
    • Orders
    • Conditional Offer
    • Installment
    • Add Product
    • Gifting
    • Offer
    • Offer Modal
    • Product Availability
    • Products List
    • Product Options
    • Product Size Guide
    • Products Slider
    • Quick Order
    • Scopes
    • Search
    • Advertisement
    • Multiple Bundle Product
    • Order Details
  • User
    • Cart Summary
    • User Menu
    • User Profile
    • Localization
    • Login
    • Loyalty
    • Rating
    • User Settings
    • Verify
  • Component Bundle
    • Directory Structure
    • Create Bundle
    • Setup Bundle
    • Publish Bundle
    • Publish Bundle Requirements
    • Getting Started
Merchant
Merchant
  • Merchant API
  • Embedded SDK
  • Salla OAuth 2.0
Storefront
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Ecommerce Events
  • Component Bundle
  • Checkout APIs
  • Change Log
App Functions
Partner APIs
Partner APIs
  • App API
  • Shipments & Fulfillment APIs
  • Salla AWB
  • Recurring Payments API
  • Billing System Salla partners
  • Communication Apps
Dev Tools
Dev Tools
  • Partners Agent Kit
  • Salla Apps Playbook
  • Salla CLI
Merchant
Merchant
  • Merchant API
  • Embedded SDK
  • Salla OAuth 2.0
Storefront
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Ecommerce Events
  • Component Bundle
  • Checkout APIs
  • Change Log
App Functions
Partner APIs
Partner APIs
  • App API
  • Shipments & Fulfillment APIs
  • Salla AWB
  • Recurring Payments API
  • Billing System Salla partners
  • Communication Apps
Dev Tools
Dev Tools
  • Partners Agent Kit
  • Salla Apps Playbook
  • Salla CLI
Salla - Opensource
Salla - Developers Community
  1. Product

Payments

The <salla-payments> web component allows users to display Payments items including sbc-id, withMadeInKsa, and withSbc.

Example#

Payments Component

Usage#

HTML
SASS
<salla-payments></salla-payments>

Properties#

PropertyAttributeDescriptionTypeDefault
SBC IDsbc-idThe SBC (Saudi Business Council) certificate ID.stringundefined
With Made In KSAwith-made-in-ksaWhether or not to include the "Made in KSA" certification.booleanundefined
With SBCwith-sbcWhether or not to include the SBC (Saudi Business Council) certificate.booleanundefined

Slots#

Theslots makes it customizable to modify certain labels, such as cod.
SlotDescription
codReplaces the Cash On Delivery (cod) item with the slot image.
paymentReplaces the payment item with the slots image, name.
sbcReplaces the SBC certificate item with the slot image.
Modified at 2026-07-09 11:27:26
Previous
Meta Data
Next
Comments