LogoLogo
Contact API support
  • Build apps
  • Site Templates
  • REST API Reference
  • Storefronts (JS API)
  • Webhook automations
  • Discounts
  • Guides
  • Changelog
  • Ecwid storefronts overview
  • Get started
    • Storefront customization options
    • Quickstart: customize storefront with Ecwid JS API
  • Track Storefront events
    • "Page is loaded" events
    • "Customer logged in" event
    • "Cart details are changed" event
    • "New order is placed" event
    • "Instant Site section load" events
  • Get Storefront details
    • Get Ecwid store ID
    • Get storefront language and currency
    • Get visitor location
    • Get public app details
  • Manage customers on the storefront
    • Get logged in customer's details
    • Manage customer's cookie consent
    • Log out customer
  • Open page on the storefront
    • Overview of open page options
    • Open product pages with params
    • Open category pages with params
    • Open search page with params
    • Open account pages with params
  • Manage cart and checkout
    • Get cart details
    • Add product to the cart
    • Remove products from the cart
    • Fully clear the cart
    • Create pre-filled shopping carts
    • Calculate cart details
    • Send customer to the checkout
    • Set customer's email for the checkout
    • Set customer's comments for order
    • Set customer's shipping and billing addresses
    • Set custom order referer
  • Store configuration settings
    • Overview
    • Behavioral configs
    • Design configs

Lightspeed® 2025

On this page

Was this helpful?

Ecwid storefronts overview

NextStorefront customization options

Last updated 3 months ago

Was this helpful?

Ecwid storefront is a fully functional store that can be used on any website. It allows customers to browse available products and buy them online through checkout.

Learn more about Ecwid Storefront in .

Storefront customization

  • Customizing storefront with configuration settings One way to customize a storefront is to apply Ecwid's built-in configuration settings – design settings available through Ecwid admin. Configs allow you to change the layouts, visibility, colors, fonts, and many other settings for different pages on the storefront. For example, you can set up specific product display options: hide attributes from the page, and change the layout of gallery images. You can also enable or disable specific features, such as checkout buttons, or social media sharing options. Configuration settings are typically easy to use even without deep coding knowledge. However, they are limited in terms of the customizations that you can make. If you want to make more extensive changes to your storefront, you may need to use custom JavaScript code.

  • Customizing storefront with custom JavaScript code Custom JavaScript code allows you to make more advanced customizations to your storefront. With JavaScript, you can add new features and widgets, modify store behavior, and change how the storefront interacts with customers. For example, you can add a custom promotions bar, enhance your product pages with dynamic effects, or even integrate third-party services like affiliate trackers. Using JS for storefront customization requires good coding knowledge, but gives you greater flexibility and control over the looks and functionality of your storefront. Ecwid also offers an extensive tool called Ecwid JS API that makes getting details about the store and customers much easier and allows automation of application logic with certain trigger events in the form of JS functions.

Ecwid storefront offers many design and configuration settings that affect product catalog, categories, and checkout. You can customize storefront design and functionality even further by applying custom scripts and configuration settings:

out-of-the-box

Choose your way to storefront customization

Use Ecwid tools in your project

Storefront customization options
Quickstart: customize storefront with Ecwid JS API
Help Center