Add a 'Category' Navigation Bar 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, you will add an HTML block to the page on your Websites 360® site where your Shop is embedded. This will display a horizontal category list on all pages, making navigation through larger stores more user-friendly.
To add the "Category" navigation bar:
1. Navigate to the Content panel on your Websites 360® dashboard, then navigate to the page that contains your Store embed code.
2. Above the Shop embed code, click on the (+) 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' in the code 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 and Publish your site.
Related Articles
Set Product Filters
You can set product filters in your store, which lets your customers find what they need more easily. Users can filter their searches by prices, categories, SKU, availability, special offers, brands, colors, sizes and more. Enable filters To turn on ...Add and Edit Product Details
Products are the physical goods, digital files, and services that you sell. To create a product, you need to specify the name and upload product images. In addition, you can add product details that help your clients better understand the product: ...Embed Your Shop or Product Category on Your Website
Once your Shop is set up within Marketing 360®, then you will want to embed your store and products on your website. You can embed your entire store on your site, or you can instead choose to embed individual categories. Regardless of which method ...Change Product Sort Order
You can determine the order of your products that are displayed to your customers in your store. This can help improve the visibility of certain products and have a major impact on your click-through and conversion rates. In addition, your clients ...Import and Bulk-Upload Products to Your Store
Products can always be added to your store one at a time using the + Add New Product button on your catalog page. However, there are times when adding many products at once is highly beneficial. You can add products in bulk by importing a CSV file ...