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

Table of contents

Instant Site themes

Themes are pre-designed website layouts that provide a quick, consistent starting point for creating your site. They serve as a site draft where you rearrange and add content to create your own website. 

Your Instant Site offers 70+ themes tailored to different business niches. All themes are fully customizable, so you can add, edit, and remove any content such as text, images, colors, fonts, navigation menu, site sections, and pages to shape a site that matches your style and business needs.

In case you have something specific in mind, you can create your own custom theme from scratch.

This article is for the latest version of Instant Site. If you have the old Instant Site version, read the Configuring Instant Site design (legacy version) instead. Not sure which version you're using? Find out now.

Instant Site templates 1.gif

Customizing a site theme

In Instant Site, a theme is a pre-designed website layout that consists of sections. A section is a block of content that may include images, text, products, navigation menu, promo bars and so on. You can rearrange, add, remove sections, and change their content, therefore creating your own site. When you edit your themes, your changes display in real time in the editor preview. You can also add pages to better organize content.

Instant Site templates 2.gif

You will find detailed instructions on various editing processes in the Instant Site section of the Help Center:

If your brand requires designs or capabilities not currently covered by Ecwid’s default range of themes, you can develop your own custom theme. You can do the coding yourself or hire a third-party developer. See development guidelines for Instant Site themes →

Switching to another site theme

When you open the Instant Site editor for the first time, you will be prompted to choose a theme right away. Later, you can choose a different theme to change your site’s design and structure.

Keep in mind that switching to another site theme affects edits you made, such as adding your copy and images. Here’s how it works:

  • Any changes you’ve made to an initial theme won’t save after you switch to a new theme and publish it. That includes text and image editing, navigation menu changes, SEO settings, and edits to your online store. That means you have to design the site content from scratch.
  • In case you’ve added pages to your initial theme, those pages with all the edits will save after switching to another theme. However, you will need to add links to the pages to your navigation menu once again.
  • Before clicking Publish after switching to a new theme, you can revert to the previous theme with all your changes intact by clicking the Undo button at the top right of the editor.

You can choose from a variety of free themes or start a trial to check out paid premium themes.

To change a site theme:

  1. From your Ecwid admin, go to Website → Edit Site.
  2. Click Settings → Themes. To view business-related themes, switch between tags at the top.
  3. Click Preview Theme to view it. Click Apply Theme to switch to a free theme or click Start Free Trial to apply a paid premium theme.

    Until you click Publish, you can revert to the previous theme by clicking Undo → Revert to last published version.
  4. Click Publish to apply the theme.

Developing an Instant Site theme

In addition to ready-made site themes that are available in the Instant Site theme library, there’s an option to create your own custom theme. It can have any custom functionalities tailored to your needs such as a booking section, form for collecting customer emails, social media integration, and so on.

You either build your custom theme from existing site sections from the Instant Site library or add your own sections and mix them with the default themes.

You need a good knowledge of Typescript and its Vue framework to build themes. To perform the task, you can hire a developer or ask someone from your IT team to do this. 

Learn more about creating an Instant Site theme →

Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
112 out of 152 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