LogoLogo
Build appsContact API support
Storefronts
  • Build apps
  • Site Templates
  • API Reference
  • Changelog
Storefronts
  • 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 product 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
  • No-code storefront customization
  • Apply configuration settings without JavaScript Code
  • Custom JavaScript code and Ecwid JS API

Was this helpful?

  1. Get started

Storefront customization options

Last updated 2 months ago

Was this helpful?

With Ecwid, you can customize your storefront even without coding knowledge though no-code options are limited. However, JavaScript offers much more customization allowing you to write custom logic for the storefront or even change the existing one.

There are 3 ways to change the storefront looks and feels depending on your dev skills:

No-code storefront customization

Ecwid offers a wide range of layout and design settings in the admin panel to tailor the storefront for your needs, including:

  • Site templates: Choose from a variety of carefully pre-designed store templates for different business niches and customize them with texts, colors, fonts, layouts, and images to match your brand identity.

  • Design settings in Ecwid admin: Change layouts of category pages, details available on product pages, image settings, and many more with built-in design settings.

  • Checkout settings: Customize checkout pages to enhance customers' shopping experience. You can set up custom checkout fields, legal pages, order comments, and more without any coding.

Apply configuration settings without JavaScript Code

In addition to the no-code options in the Ecwid admin, various configuration settings allow you to customize your storefront's design and functionality without writing JavaScript code.

These settings can be applied by adding them to the HTML integration code of your website or special fields in Ecwid admin.

Custom JavaScript code and Ecwid JS API

Advanced storefront customization requires you to write JavaScript code. With JS, you have mostly unlimited options for enhancing your storefront with additional features and custom logic.

Ecwid also provides a free tool called Ecwid JS API that allows developers to easily track certain storefront events like a new customer login or a page load, and get details about the store, applications, or customers without backend requests.

With JavaScript, you can:

  • Create custom widgets and features: add unique functionality to your storefront, such as promo popups, countdown timers, or custom search filters.

  • Integrate with third-party services: Track customer activity with JS API and send live data to third-party services such as email marketing platforms or loyalty programs.

  • Customize the checkout process: Enhance your customer's checkout experience by adding custom logic, drawing delivery map widgets, or showing additional details upon the order placement.

Jump into store themes
Jump into design settings
Jump into checkout editing
Jump into configuration settings
Jump into JavaScript code customization