Category displayed to first-time visitors

By default the customers who open your store for the first time see the Store Front page. There they see the categories of the first level and your featured products – the ones that are added to the Store Front Category.

You may want to change this behaviour and display some other category to customers who open your storefront for the first time. This is useful if you want to show a specific set of items (for instance, New Arrivals) to new visitors right away.

You can add your Ecwid store to sites built on different platforms and sitebuilders. The ways to show a certain category for first time visitors can be different. Here is how to do it.

Custom site

In case you use integration code to add your Ecwid store to your website, you can tweak the code a bit to show products of a certain category instead of the entire catalog on a site page. For this, you need to include a special defaultCategoryId parameter and specify the ID of that category in the integration code.

Here is Ecwid integration code where this extra parameter is added — the STOREID and CATEGORYID in the code should be replaced with your store ID and ID of the necessary category:

<div id="my-store-STOREID"></div>
<div><script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?STOREID&data_platform=code" charset="utf-8"></script><script type="text/javascript"> xProductBrowser("id=my-store-STOREID", "defaultCategoryId=CATEGORYID");</script></div>

To add a certain category to a site page, follow these steps:

  1. Copy the above example code.
  2. Replace STOREID in the code with your store ID. You can copy it from the bottom of your Ecwid Dashboard.
  3. Replace CATEGORYID in the code with the ID of the category that you want to add to a site page. Here is how you can get ID of a product or a category page in your store.
  4. Add the resulting code to the source code of your site page, save the changes and check the result.

That's it. Now the category specified in the integration code appears in your site page. Repeat the above steps for other categories to add them to different site pages.

WordPress

  1. In the WordPress admin panel, navigate to Pages.
  2. Find the page where you have your Ecwid store and click Edit.
  3. Click on the block with the store. On the right side, you will see the settings for this Ecwid block.
  4. Click Store Front Page.
  5. In the Default category ID drop-down, select the category that you want to display on this page:Ecwid Default category on WordPress
  6. Click Update to save the changes. 

 

Wix

  1. In the Wix website editor open the page where your Ecwid online store is added.
  2. Click on the store area.
  3. Click Settings:

Settings

  1. Switch to Setting.
  2. Click the Choose the default category dropdown under Display Options:

Select the default category

  1. Choose the category you want to show
  2. Click Save.

Joomla

  1. In Joomla Control Panel navigate to Components → Ecwid → Advanced settings:

Joomla settings

  1. In the Category shown by default drop-down select the category that you want to display:

Select the default category

  1. Click Save.
In case Ecwid is installed to several pages of your Joomla website, you can select a different default category for each of the pages.
  1. Navigate to Menus.
  2. Open the page where Ecwid is installed in edit mode.
  3. Switch to the Basic Ecwid settings tab.
  4. Find the Category shown by default drop-down.
  5. Choose the category to open on this page:

Select category

  1. Click Save.
  2. Repeat the steps for each page where Ecwid is installed. 

Related articles

Managing categories
Changing categories order
Hidden products and categories

Was this article helpful?

Awesome! Thanks for your feedback!

Sorry about that! We are here to assist you by email or chat.

Contact support