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 built-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.
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 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 Site design, go to Website page → Site Appearance → Edit.
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.
In the Ecwid CSS Cookbook, you can find various codes that will help you change the look of your store. Check out our step-by-step instructions on how to add CSS codes to your store theme. These guides mostly come down to:
- Copying a piece of CSS code from the article;
- Pasting it to the CSS theme in your Ecwid admin (from your Ecwid admin, go to the Design page).
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.
Related:
Ecwid CSS Cookbook
Adding CSS codes to your store
Finding Ecwid storefront CSS selectors
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:
Store designer
Checkout with phone number
Checkout notices
3D Seasonal Effects
Upsell & Cross Sell Product Kit
Announcements bar
Discount Spin Wheel of Fortune
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 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 6 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.