Ecwid customization options

Maybe you want to freshen up your store design or integrate a new service provider. Even better, you want to add new features to your store. This can be achieved in several ways, from adjusting build-in design settings to creating custom design themes (you can go as far as using Ecwid’s API). This article is an overview of all the options you can use to modify the look of your Ecwid store.

Customizing your store is just a matter of your imagination and determination. Take care of the integration yourself or hire Ecwid’s Custom Development team to manage the integration for you.

Using the built-in store design settings

Tweak product card details layout, enable or disable certain storefront elements like “Sign in” link, product SKU numbers, breadcrumbs (category paths), product quantity fields, and more right from your dashboard. No coding required.

Visit the Design page to update the design and layout of your storefront. Settings → Cart & Checkout allows you to set restrictions and alter the checkout process.

For Ecwid Instant Site users

Ecwid Instant Site – a free one-page website with a built-in online store that is provided for free for every user. Besides storefront design changes, you can choose a theme for your site page, hide or add different blocks like “About us”, "Customer Feedback" or “Contact Details”, change fonts, add or hide buttons and more.

To tweak Instant Side design, go to Website page → Site AppearanceEdit.

Learn more: Configuring Instant Site design.

If you added Ecwid storefront to your website, the store colors automatically match your website style and look like a natural part of your website. If you want to create a custom design theme and adjust store colors manually, disable the Color Adaptation mode in Design → Storefront Navigation and Colors.

Adjusting store design using CSS

CSS code provides the ability to change the color of buttons, font sizes, texts, and omit elements on certain pages. 

Check out the Ecwid CSS Cookbook, where you can find various instructions on changing the look of your store. These guides mostly come down to:

  1. Copying a piece of CSS code from the article;
  2. Pasting it to the CSS theme in your Ecwid admin. (From your Ecwid admin, go to the Design page → Add New CSS Theme → paste a piece of code → click Activate and save the changes.)

You can copy and paste one or more codes at the same new active theme, depending on how many things you want to change. More web-savvy users can create their own code to build a customized theme for the online store.

Store Designer and Decorator apps from the Ecwid App Market can help you edit the colors for buttons, fonts, texts, and background without any coding required.

If you need a unique custom design for your store or need multiple style changes, we can help. Contact Ecwid’s Custom Development team to manage the design changes for you.

Related:
Ecwid CSS Cookbook
Adding CSS codes to your store
Finding Ecwid storefront CSS selectors
Customize Buttons and Text (video)
Changing design in certain pages only

Using a matching theme for your site builder

In case you already have a website, Ecwid will easily integrate with it, be it WordPress, Adobe Muse, Wix, Joomla, or any other website builder or CMS. Ecwid store is compatible with the majority of design themes provided by third-party vendors for various site builders. Here is a collection of web directories where you can find design themes for your site builder:

Wix

Wix.com → Templates provides themes for your website. And the Ecwid app for Wix provides an option to set storefront colors in the Wix editor. Double tap the Ecwid store area in the editor, click Settings, and locate “Store Color settings” to set your preferred colors.

WordPress

Joomla

Squarespace

Installing apps from the Ecwid App Market

Enhance your store’s functionality with apps from the Ecwid App Market. Over a hundred apps help Ecwid merchants run their stores every day. The Ecwid App Market is available for all paid users, and many apps are free.

Popular apps:
Free shipping icon
Store designer
Checkout with phone number
Checkout notices
Imajize: 360º Product Views

Making no-code integrations through Zapier

You can connect your Ecwid store with other services such as an email marketing platform that you want to use, CRM or your accounting software without any coding by using the Zapier service. 

To connect your store with a service without any programming, you can simply find that service in Zapier (it supports hundreds of them) and create an automated task (a “zap”) by selecting an event and a desired action that should follow it.

Here you can find the instructions on how you can integrate your Ecwid store with some of the popular services through Zapier:

Connecting Ecwid and Zoho CRM
Connecting Ecwid with Salesforce CRM
Connecting Ecwid with Quickbooks
Connecting Ecwid with Hubspot
Connecting Ecwid with UniSender
Connecting Ecwid with Constant Contact
Saving orders to Google Sheets
Managing inventory with Google Sheets

Custom Development by the Ecwid team

The Ecwid Customization team offers a variety of do-it-for-me programs: from functionality changes to the creation of your own mobile app for iOS and Android – ShopApp.

Custom Development is a paid service with price varying on the complexity of the request. The annual subscription to the Business plan includes 2 hours of development and the Unlimited plan includes 12 hours that you can use towards custom mods for your store. Get a quote 

Related:
Custom development services from Ecwid

Using Ecwid’s API

Ecwid’s API has all the necessary tools to customize your store. Some use the Ecwid API to create product galleries and catalogs while others setup notifications for store events. You can even use Ecwid’s API to sync your store’s inventory with an offline catalog. The options are virtually endless.

Programming skills are necessary to use Ecwid’s API. If you are comfortable with coding, check out the Ecwid API Documentation.

If you have a friend or acquaintance who is a developer, reach out to hire them to create a custom development for your store. The Ecwid API is easy to follow and they can always contact the Ecwid team with any questions.

Related:
Ecwid store customization examples

Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
33 out of 61 found this helpful
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