Knowledge base
Guides
Academy
Video tutorials
Try searching for:
Recently viewed articles:

Table of contents

Advanced storefront customization for Ecwid stores

A storefront is where your customers browse products and add them to the cart. Ecwid offers a wide range of customization options to make your storefront shine. You can use built-in design settings, install apps from the App Market, adjust store layout with CSS, and more.

On top of that, you can use Ecwid’s API for advanced storefront customization. This will require coding that you can either do yourself or hire someone.

Ecwid provides paid custom development services from a dedicated in-house team. Read on to learn how to order advanced storefront customization from Ecwid's team of experienced developers.

Examples of advanced Ecwid storefront customization

Here’s just a glimpse of how you can tailor your storefront to the unique needs of your brand via personal development:

  • Add dynamic elements to a product grid. For example, show the quantity selector or quantity stepper on your product grid so that customers can instantly adjust the number of items they want to add to the cart:

    Advanced storefront customization for Ecwid stores2.png

  • Show a custom popup when an item is added to cart. For example, display an upsell popup that offers to buy related items with or without a discount.
  • Customize product page elements. For example, make the Buy Button red for items on sale or hide the Buy button for a specific customer group.
  • Add a custom option picker. For example, you can add a color picker with a variety of colors so that customers will be able to select one or several colors:

    Advanced storefront customization for Ecwid stores1.gif

  • Add icons (like color swatches) for product variations or set up dependable product options. For example, when you have a shirt with different patterns, you can show clickable fabric samples to choose from right away. Or, for your composite products, you can add conditional logic to show or hide certain options based on customer selection.
  • Set up a custom date picker. For each product in your store, you can specify when it’s available for delivery and pickup, which requires a date picker. For example, you can set the delivery time frame, exclude specific days, specify the earliest available delivery date, and add blackout dates:

    Advanced storefront customization for Ecwid stores5.png
    Using a date picker can also be helpful if you rent equipment and want to make dates when it’s already booked unavailable.

  • Allow customers to crop an image before uploading it. If you run a print-on-demand business, you can enable customers to upload images they want to print. It’s possible to include an image editor so that customers can crop their images for a more precise fit.
  • Add icons or images to product filters. To make the store search more visual, you can enhance your product filters. For example, add an actual color next to the color name so that customers understand the palette you provide.

    Advanced storefront customization for Ecwid stores4.png

  • Add more items to the cart while pre-selecting their options. This works like product bundles when some products are sold together. In this case, shoppers can choose what item they want to add or whether to add it at all. For example, when they buy glasses and can choose to buy them with or without lenses:

    Advanced storefront customization for Ecwid stores3.gif

  • Adjust storefront behavior for customer groups. You can show or hide products or categories, display prices based on the customer group (for logged-in customers), or even create a Loyalty program so that shoppers can earn points and then redeem them in your online store.
  • Customize customer account pages. For example, you can display the total purchase amount and how much more a customer needs to spend to qualify for a discount, gift, or other bonus right in their account.
  • …Or any other storefront customization you need to make your store shine, including tweaking cart & checkout.

Storefront customization from the Ecwid team

If you need advanced storefront customization, Ecwid’s custom development team is there to help. It is a paid hourly service, and the price depends on the scope of the project. File a request, and a project manager will contact you to provide a free cost estimation and discuss the details. Learn more about the standard development steps

Before you apply for storefront customization, make sure you have all the necessary info:

  1. What changes do you want to make to your storefront? It can be a design mockup, a behavior enhancement idea, a description of the functionality that you lack, or anything else.
  2. Your store ID (or IDs, if you want to customize storefront for several stores).

Applying for storefront customization

To start discussing storefront customization with Ecwid’s custom development service, please fill out the form below. The request is totally free.

The team will contact you within 1-2 business days with the cost calculation. Thank you!

Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
1 out of 1 found this helpful
10
We use cookies and similar technologies to remember your preferences, measure effectiveness of our campaigns, and analyze depersonalized data to improve performance of our site. By choosing «Accept», you consent to the use of cookies.
Accept cookies Decline