Branding your Ecwid store

You can change the logo, colors, and web font to make your online store fit your company's brand. Consistent branding builds trust with your customers, which makes them more likely to buy.

Changes to the Instant site theme are made in build-in design settings. Design changes to the storefront require using CSS codes.

Updating the colors in your Ecwid store

You can change the color of any element (all at once or separately) in your Ecwid store: Buy buttons, cover or button texts, etc. Instructions differ depending on whether you are using an Instant site or you have added your store to another site platform.

If you are using a specific theme for an Instant site, you can look back at the colors that you have already selected and make sure that they are constantly being used on your storefront as well.

To change buttons or text colors:

  1. From your Ecwid admin, go to Website → Edit Site.
  2. Open Headline & Cover Image section.
  3. Then open Headline typography and make necessary changes.
  4. Save changes.

More reads:

Configuring Instant Site design
Adding CSS codes to your Ecwid store
CSS Cookbook

If digging into the theme’s code is outside of your comfort zone, it might be time to outsource to an expert to help you out with small tasks like theme/storefront customization. If you’re on Ecwid’s annual Business or Unlimited plan, you have up to 12 hours of customization from our team included.

Updating the fonts in your Ecwid store

If you use a specific font for your store, you can apply it to certain text elements (button texts, breadcrumbs, etc) or to all texts in your Ecwid store and Instant site.

  1. From your Ecwid admin, go to Website → Edit Site.
  2. Open Headline & Cover Image section.
  3. Open Headline typography, then select the font from a drop-down menu for the headline, buttons, and a description.
  4. Save changes.

Updating the logo and favicon of your Ecwid store

You can change the logo and favicon for your online store. The logo may appear in the header of your store, as well as in shipment or order notifications, so every email that comes out from your store is branded.

The favicon is the small image displayed in the browser tab and next to the URL in the browser's address bar. When you upload a logo for your Ecwid Instant site, it’s automatically used as a favicon.

For Instant site users: When you upload a logo to your Ecwid Instant site for the first time, it’s automatically added to your customer email notifications (order confirmation, order status changed, download e-goods, etc.). If you change the logo for the Instant site, you will need to manually update the logo in your email notifications. The logo is set for all customer email notifications at once.

To upload a logo:

  1. From your Ecwid admin, go to Website → Edit Site.
  2. Go to Headline & CoverStore logo section.
  3. Click Upload Logo.
  4. Choose an image from your computer.
  5. Save the changes.

For the best results, make sure the logo image is scaled to fit properly and looks good both in the header and email.

More reads:

Instant Site favicon
Editing mail notifications

Updating the images in your Ecwid store

Your site’s images include everything from your header images, product images, and more. It turns out, websites tend to have a lot of images, which is why they’re an important part of your brand. When you’re choosing images, try to pick a consistent image type, so they all look cohesive.

For the cover image of your Instant site, the recommended size is 1400 x 1050 pixels or larger. Use an image in JPG, PNG, or GIF format.

Upload large product images in high quality up to 20 MB. Ecwid will automatically compress images, so they look nice and your store loads quickly.

To update images:

  1. From your Ecwid admin, go to Website → Edit Site.
  2. Go to Headline & Cover ImageBackground Options section.
  3. Then pick an image from a gallery or click Upload Image.
  4. Choose an image from your computer.
  5. Save the changes.

More reads:

Configuring Instant Site design
Product Images

Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
0 out of 5 found this helpful