docs
Search or ask...
back to main menu
Welcome to SCAYLE
Introduction
Overview
APIs
Bulk Requests
Extension & Customization
Getting started
Project Setup
Importing Product Data
Storefront Setup
Create a Sustainability Badge
Wrap-Up and Next Steps
The Basics
Shops
Shops in SCAYLE Panel
Create shop
Shops Dashboard
Shop Categories
Manage Shops via API
Shop Categories
Assortment
Filters
Default Filter
Shop Navigation
Pages
Redirects
Search
Search Configuration in SCAYLE Panel
Custom Data
Products
Entities
Master Categories
Attribute Groups
Product States
Products in SCAYLE Panel
Product List
Product Detail Page
Media
Bulk Media Uploads
Brands
Add Products / Bundles
Inventory
Manage Products via API
Manage Products
Manage Product Variants
Import Products
Manage Brands
Manage Media / Assets
Manage Products Master Data
Stock
Configurable Products
Composite Products
Using Products in your Store
Sorting
Customer
Customers in SCAYLE Panel
Manage Customers via API
Create a Customer
Export Customers
Anonymize customer
Customer Groups
Customer Memberships
Customer Account Area
Guest Customer
Transactions & Orders
Orders in SCAYLE Panel
Order Lifecycle & States
Order State Transition Overview
External Order Creation
Channel Configuration
Order Creation
Transactional Mails
Order cancellation
Basket & Wishlist
Basket
Wishlist
Payment
Payment Configuration
Adyen
Adyen Creditcard
Adyen Klarna – Pay Now
Adyen Klarna – Pay in 3
Adyen Klarna – Pay Later
Adyen Apple Pay
Adyen Google Pay
Adyen iDEAL
Adyen Bancontact Card
Adyen Online Banking PL - Przelewy24 (P24)
Adyen Mobilpay
Adyen Twint
Klarna
Klarna - Pay in 3 (installments)
Klarna Pay Later (Invoice)
Klarna - Pay Now
Manual Captures
SCAYLE Panel
Sign in
SCAYLE Panel UI
Keyboard shortcuts
Reports
System reports
Manage Reports
Export reports
Analytics
Dashboards
General Dashboard
Customer Dashboard
Shop Health
Insights
Settings
General
Audit logs
API keys
Configurations
Data Limits
Imports & Jobs
Imports
Background Jobs
User & Roles
Manage Roles
Invite User
Admins
User Profile
Notifications
Add-ons
Data Replication
Data Sets
States
FAQ
Storefront
Storefront Application
Getting Started
Introduction
What is Storefront?
Set up your Storefront
Basic Theming
Technical Foundation
Introduction
RPC methods
Sessions
Storage
Caching
Hooks
Configuration
Data & State
Features
Introduction
Site Navigation
Configuration
Composables
Product Listing Page
Configuration
Composables
Customization
Product Detail Page
Configuration
Composables
Customization
Basket
Composables
Customization
Search
Composables
Checkout
Dynamic Slots
Promotions & Campaigns
Configuration
Composables
Login & Registration
Middlewares
Composables
Customization
Order Success Page
Customization
Account Area
Composables
Customization
Country Detection
Composables
Customization
SEO
Analytics & Tracking
Tracking Events
Internationalization
Configuration
Translation Guide
Redirects
SCAYLE CDN Image Provider
UI Components
Base Components
SFAccordionEntry
SFBadge
SFButton
SFCheckbox
SFChip
SFCountdown
SFDropdown
SFFilterRangeSlider
SFGoBackLink
SFHeadline
SFItemsSlider
SFLink
SFModal
SFPagination
SFPopover
SFPriceInput
SFSkeletonLoader
SFSlideIn
SFSliderArrowButton
SFSwitch
SFTextInput
SFToast
SFToastContainer
SFValidatedInputGroup
SFFadeInFromBottomTransition
SFFadeInTransition
SFSlideInFromBottomTransition
SFSlideInFromLeftTransition
Basket
SFBasketCard
Category
SFCategoryNavigationSlider
SFCategorySideNavigation
CMS
Accordion
AccordionItem
Button
Divider
Grid
Image
RichText
Section
Slider
Text
Video
Accordion
AccordionItem
Button
Divider
Grid
Image
RichText
Section
Slider
Text
Video
Deal
SFDealBanner
Filter
SFFilterSlideIn
Layout
SFMobileSidebar
Order
SFOrderList
Product
SFProductCard
SFProductGallery
SFSiblingSelection
SFVariantPicker
Search
SFSearchResults
Integrations
Introduction
CMS
Storyblok
Contentful
E-commerce Blocks
Open Telemetry
Omnichannel
Subscriptions
Storybook
Create a Story
Deployments
Introduction
Using Docker
Deploying on AWS
Deploying on Vercel
Storefront CLI
setup
setup cms
features list
features add
deploy
help
Testing
Introduction
Unit Testing
End-to-End Testing
Load Testing
Best Practices
Introduction
Accessibility
Support & Resources
FAQ
Troubleshooting
Community support
Upgrade Guides
Introduction
Migrate to Storefront v8
Checkout Component
Migrate to Nuxt 3
Introduction
Storefront Core changes
Storefront Application changes
Step-by-step guide
Migrate to SCAYLE image provider
Changelogs
Introduction
Storefront Application
Storefront Application (RC)
Storefront SDKs
@scayle/storefront-core
@scayle/storefront-core (v7)
@scayle/storefront-nuxt
@scayle/storefront-nuxt (v7)
@scayle/storefront-country-detection
@scayle/storefront-navigation
@scayle/storefront-product-listing
@scayle/storefront-product-detail
@scayle/storefront-basket
@scayle/storefront-search
@scayle/storefront-promotions
Storefront Tooling
@scayle/storefront-cli
@scayle/unstorage-scayle-kv-driver
@scayle/unstorage-compression-driver
@scayle/nuxt-opentelemetry
Storefront Hosting
Introduction
Getting Started
Migrate Existing Storefronts
Deployment Management
Deployment Overview
Deployment Actions
Deployment in Progress
Application Build
Environments
Monitoring
Export your Monitoring
Configuration Management
Domains
Environment Variables
Other Configurations
Checkout
Implementation
Standard Checkout
EAA 2025: Checkout Compliance
Headless Checkout
State Management
Authentication
Error Handling
Notification Handling
Integration
General flow
Initialize Checkout
Basket
Address handling
Shipping Options
Payment Methods
Klarna Integration Guide
Adyen Integration Guide
Computop Integration Guide
Order Confirmation
Vouchers
Loyalty Programs
Order Success Page
Configuration
Routes & Domains
CORS Configuration
Integrations
API Credentials
Look and Feel
Customize Checkout in SCAYLE Panel
Dynamic Slots
Overview
Integrating Slots
Dynamic Fields
Links
Notifications
Address Validation
Tracking
Loyalty Programs
Setting up Loyalty Programs
PAYBACK
Newsletter Subscription
Rule Engine
Risk Assessment
Express Checkout
Setting up Express Checkout
Architecture
Webhooks
Customer Events
address-created
address-deleted
address-updated
customer-anonymized
customer-created
customer-logout
customer-updated
address-anonymized
customer-login
password-reset
newsletter-subscribed
Order Events
order-confirmed
order-cancelled
order-delegated
order-invoiced
order-corrective-invoiced
order-pending
order-custom-data-updated
order-partially-invoiced
order-item-cancelled
order-item-out-of-stock
order-item-reserved
order-item-returned
order-item-unreservable
order-item-unshippable
package-shipped
package-undeliverable
Payment Events
payment-refund
payment-capture
Product Events
product-updated
product-master-updated
product-deleted
product-variant-deleted
product-variant-prices-updated
product-variant-availability-updated
product-variant-stock-updated
Other Events
shop-category-tree-updated
voucher-code-creation-request-created
voucher-code-creation-request-updated
Infrastructure & Environments
Advanced
Pricing & Promotions
Manage Prices
Price Calculator v1
Promotions
Promotion Effects
Enhancing Conditions to a Promotion
Audiences
Item Sets
Setting up promotions per type
Automatic Discounts
Buy X Get Y
Combo Deals
Promotion Codes
Flash Sales
Tiered Discount
Managing a Promotion
FAQ
Discounts and Offers
Price Campaigns
Vouchers
Customize & Extend
Custom data
Manage Generic Assets
Multiple Legal Entities
General
Data Seperation
Manage Legal Entities
Logistic & Fulfilment
Warehouses
Cross Docking
Carriers
Configure Carrier
Customize Carrier
Shipping Options
Configure Shipping Option
Customize Shipping Option
Collection Points
Configure Collection Point
Customize Collection Point
Delivery Estimations
Logistics Cut Off
Service Costs
Track & Trace
Shipments & Returns
Internationalization
Countries in SCAYLE Panel
Manage Countries via API
Assortment
Currencies
Localise Transactional Mails
Translations
Localization of Checkout
Legacy Translations via Crowdin
Migration Guide
Translate Shop Navigation
Translate Shop Categories
Translate Product Data
Merchants
Merchant Allocation
Interact with Admin API in Multi Merchant Setup
Merchant Management in SCAYLE Panel
Merchant Contacts
Merchant Warehouses
Security
Authentication & Accounts
Components
Get Started
Authenticate
Authentication API
Get Started
Authenticate
Integrate
Token Management
Integrate
Configure
Single Sign-On
Integrate
Configure
Customer Management
Account Area
Account Linking
Anonymization
Configure
Bulk Access Revocation
Security Guidance
Integrate a fraud check provider
DDoS & Bot Protection
Shared Responsibility ModeI
Add-ons
Add-on Development
Write your first Add-on
Reference Architecture
Deploy Add-on on Vercel
Panel Icons Library
Components Library
Boosting your Add-ons visibility
Testing your Add-on
User Interface Components
Components
AppHeader
Badge
Badges
Breadcrumbs
Card
Checkbox
ColorInput
CountryFlag
CountrySelect
CurrencyInput
Dropdown
EmptyState
EntityListing
FileInput
FormField
HtmlEditor
InfoBanner
Input
DangerousActionModal
Modal
OffCanvas
Pagination
PaginationLayout
Popper
SearchInput
Select
Multiselect
SelectRemote
Spinner
Tabs
Tag
TagInput
Textarea
DataSelectionModal
Dashboard
DashboardList
DashboardStatistic
Statistics
NumbersWidget
BarChartHorizontalStacked
DoughnutChart
LineChart
StatisticsLegend
StatisticsTable
VerticalBarChart
Composables
useNotification
useConfig
Add-on Overview
Tutorials
Onboarding Guide
Onboarding: Backend
Introduction
Scenario
Understanding Your Shop Structure
Understanding Your Product Structure
Importing Your First Products
Create your first product variants
Add images to your products
Add prices to your products
Configure your warehouses
Update your variants’ stock
Define Your Assortment
Get Ready to Receive Orders
Send Order Updates
Onboarding: Frontend
Introduction
Creating Shop Categories
Create Side Navigation
Understanding the with parameter
Products Query
Search in SCAYLE Panel
Get Single Product By ID
Get All Basket Items
Integrate search
Products
Personalized products
Sell digital products & services without stock
Setup
Setup Hosts & Domains
Single vs. Multi Company setup
Sell Globally (Multi-Country Shops)
How-To's
How to enable your customers to pay with gift cards
How to integrate a custom Address Check Provider
How to let users sign up to the newsletter during Checkout
How to integrate a Shared Basket for multi language shop countries
How to enhance product data
How to handle complex attributes
How to migrate your data to SCAYLE
How to integrate a custom Product Sorting
User Interface Components
Components
Breadcrumbs
Previous
Badges
Next up
Card