# Tutorial on Using the Online Store Navigation

<div data-elink-language-switch="1" id="bkmrk-%E4%B8%AD%E6%96%87" style="border:1px solid #d6d9de;border-radius:6px;padding:10px 12px;margin:0 0 18px 0;background:#f8fafc;font-size:14px;">[中文](/books/8f855/page/496e0-FSJ)</div><span style="font-size:17px;">**I. Function Introduction**</span>

<span style="font-size:14px;">Store navigation is a function that allows merchants to customize the bottom navigation of their online store pages. You can set up to 5 navigations. Through personalized navigation settings, you can guide users to quickly find the content they're interested in.</span>

<span style="font-size:17px;">**II. Scenario Examples**</span>

<span style="font-size:14px;">If your online store has a large number of products and activities, you can use the store navigation to guide users through the pages. The store navigation can direct users to the mini homepage, course themes, or the latest content.</span>

<span style="font-size:14px;">For example, you can set up an event page and a course promotion page. With the store navigation, users can switch between the homepage, events, promotions, and their personal pages, guiding them to focus on the pre - set content.</span>

<span style="font-size:17px;">**III. Operation Steps**</span>

<span style="font-size:14px;">Step 1: Click 'Store Management' - 'Desktop' - 'Store Navigation' to enter the store navigation editing page.</span>

<span style="font-size:14px;">![1.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/61037900_1612701780.png ".png")</span>

<span style="font-size:14px;">Step 2: Upload the navigation logo and view the effect above.</span>

![1.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/54030100_1612701855.png ".png")

<span style="font-size:14px;">Step 3: You can customize whether to display the course search bar. If it's set to display, you can view the effect in the preview section.</span>

![2.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/58336000_1612701862.png ".png")

<span style="font-size:14px;">Step 4: You can customize the navigation names and the pages they link to. You can also drag the navigation editing boxes with the mouse to adjust their order. You can add up to 5 navigations.</span>

![4.png](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/41938800_1612700712.png ".png")