Adding categories menu to a website

To add a menu with your store categories to a website where your online store is added, use the Category Navigation Menu widget. It's a piece of a code that should be pasted to a website source code. If you have many nested categories, the menu will help shoppers quickly find the category they need:Categories_menu__1_.png

The menu adjusts to the width of the page it’s been added to. If added to a responsive website, the menu is also responsive and looks great on mobiles. You can add this menu to your website if you have a custom site or use a site builder or CMS where you can edit the source code of your pages.

Get the code for your category menu

To get the menu widget code for your store:

  1. From your store admin, go to Sales channels.
  2. In the "Sell on your website" section, click on the Custom website.
  3. Scroll to the Store extensions section and click Add Category Navigation:

Adding_categories_menu_to_a_custom_site.jpg

The code will be copied.

Now you can add the code for your store's category menu to your site.

Add the category menu code to your site

To add the category menu to a site page, you should have access to the source code of that page. The exact steps depend on the site builder or CMS you use for your site, but generally, the steps are as follows:

  1. Log into the backend of your site.
  2. Open a page with your store for editing (in <HTML> mode).
  3. Paste the menu code that you’ve generated earlier to the source code of that page (if it’s a page where you’ve added your store, put the menu code above your store code).
  4. The categories will appear as soon as you save the changes and publish your site.

Alternative widgets for category menu

You can also add a category menu to your website with the help of the Multi-level Illustrated Menu app from the App Market. This app shows categories in the menu with category images and descriptions. The menu is optimized for any device and you can customize its position as well as the color scheme.

Here's how it looks in Desktop:

Adding_categories_menu_to_a_custom_site.gif

On mobiles:

04_iPhone.gif

Alternatively, you can use the Mega Menu app to transform your store categories into a drop-down menu with multiple layouts available.

Was this article helpful?
0 out of 0 found this helpful