Add a Category Navigation to Your Shop Page

You can add a "Category" Navigation Bar to your Shop's page to make it easier for customers to browse the different products you offer.

To get started, add an HTML block to the Shop Page layout to display category navigation. This will display a horizontal category list on all pages, making navigation through larger stores more user-friendly. 

1. Navigate back to the Content panel on the Websites 360 dashboard, then navigate to the page that contains your Store embed code.

2. Above the Shop embed code, click on the green (+) button and select HTML from the menu to create a new HTML Block.

3. Add the following code inside the HTML Block inside the text area next to the number 1:

<!--CATEGORY NAVIGATION-->
<div id="my-categories-xxxxxxxx"></div>
<div>
<script data-cfasync="false" type="text/javascript" src="https://app.shop.websites360.com/script.js?xxxxxxx&data_platform=code" charset="utf-8"></script>
<script type="text/javascript"> xCategoriesV2("id=my-categories-xxxxxxxx"); </script>
</div>

4. Replace 'xxxxxxxx' with your Store ID. Pro Tip: Use the Find & Replace feature!

You can find your store ID in your Shop App dashboard. Click Shop App from the Marketing 360 dashboard or from the App Menu near the top left corner of the page.

5. Save the HTML block.