docs
  1. Storefront Application
  2. Features
  3. Checkout

Checkout

Overview

The SCAYLE Storefront Application utilizes the SCAYLE Checkout web component to provide a robust, customizable, and secure checkout experience. By integrating this self-contained component, you can seamlessly manage the entire checkout process, from basket review to order confirmation, ensuring consistency and compliance.

Key Features

The SCAYLE Checkout web component offers comprehensive features to manage the full checkout flow:

  • Customizable UI: Leverage dynamic slots to inject custom components, messages, or banners (e.g., loyalty program notices, custom fields) without modifying the core template.
  • Secure Transactions: Handles sensitive payment information and user data with built-in security measures.
  • Comprehensive Data Handling: Manages basket contents, user authentication, and order-level custom data.
  • Tracking Integration: Sends essential e-commerce events to your configured Google Tag Manager (GTM) instance, allowing for seamless analytics.
  • Event-Driven Communication: Dispatches events (e.g., load, error, invalid-access-token) to allow your storefront to react to changes in the checkout's state or user actions.

Integration and Customization

For detailed instructions on integrating the SCAYLE Checkout web component into your Storefront Application, including loading the JavaScript bundle, initializing the component, and setting its attributes, please refer to the Checkout documentation.

Information on using dynamic slots to further customize the checkout UI, including examples of injecting custom components, can be found in the Dynamic Checkout Slots guide.

For configuration options managed via the SCAYLE Panel, refer to the Checkout Configuration section.