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 your Ecwid store is installed on your website by means of the integration code, you can set the default category for the page by adding a special parameter into the code:

defaultCategoryId=%categoryId%

This is a sample embed code that opens a list of root categories (without the default category ID parameter):

<div> <script type='text/javascript' data-cfasync="false" 
src='https://app.ecwid.com/script.js?STOREID'></script> 
<script type='text/javascript'> 
xProductBrowser("id=my-store-"); 
</script> 
</div>

This is the same code that opens a particular category page (with the default category ID parameter):

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

The category is defined by its ID. In our example it’s CATEGORYID. The category ID is included into the category page URL. If you can’t find it, check the guide on how to get the ID of your product or category.

Remember to change the STOREID parameter to your actual Store ID.

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