The feature of sub-pages enables the creation of dropdown menus within the navigation of your website. Dropdown menus are beneficial for organizing pages with similar styles under a single dropdown, thereby decreasing the quantity of primary pages displayed in your site's navigation. Please be advised that sub-pages can only be created from the primary pages of the website, and multi-layered sub-pages are not supported.
There are two distinct methods available for initiating the creation of a dropdown menu with sub-pages:
- Establish a new Submenu page - this approach enables the creation of a dropdown menu in which the top-level page in the navigation menu is not an active clickable link. Click here for more information about creating a new Submenu page.
- Incorporate Sub-pages into existing website pages - This method will maintain the top-level page in the navigation menu as an active linked page that will host its own content. Continue below to learn how to add sub-pages to existing pages on your website.
Creating a New Sub-Page
Follow these steps to create a new sub-page:
- In your account, click on the Website icon on the left-hand side.
- In the Editor of your website, click on the Navigation tab.
- Click on the button on the left-hand side, next to the page you want to add the sub-page to. If you want to first create a new primary page for your website, see this article here.
- In the menu that appears, choose Add sub-page.
- A new sub-page will appear under the primary page, you can now give this sub-page a name.
Customizing the Dropdown Menu
Once you have a sub-page added, a dropdown will be added to your website's navigation. You can customize the background color of the dropdown menu if needed.
- To do this, in your website Editor, click on the Navigation block at the top of your website page.
- With the Navigation Block selected, scroll down in the options that appear on the left-hand side and change the Dropdown option.
- Choose either a White background or a Transparent Black background for the dropdown menus that appear in your website's page navigation.
More Sub-Page Options
After creating a sub-page, click on the button just to the right of the sub-page, in your page navigation list on the left-hand side.
Rename Page
If you did not name the sub-page right after creating it, or if you'd like to change the name of the sub-page, you can use the Rename Page option to change the name of the page.
SEO Options
For each page and sub-page of your website you can customize the SEO information associated with the page. SEO is important to your website's visibility through online searches like Google, Bing, Yahoo, etc. Good SEO can have a positive impact on visitors naturally discovering of your website. See this article for more information about controlling your site's SEO.
Delete Page
If a sub-page is accidentally created, or if you no longer need a page on your website, you can use the Delete Page option to remove it from your website. Note: This action cannot be undone. You will need to confirm that you want to delete the page before it is actually deleted.
Additionally, if you have multiple sub-pages and you'd like to rearrange the sub-page, you can change the ordering of the sub-pages by moving your mouse pointer over the page icon next to the sub-page you want to move.
The icon will change to the icon, which you can click and drag to move the sub-page up or down to change the sorting order of the sub-pages.
Using Blocks to Add Content to the Page
To continue customizing the new sub-page that you've created, you can add Blocks by clicking on the icon. When doing this, you'll be presented with various blocks that can be added to the sub-page, you can add just one Image Block to create a simple Gallery style page, or you can add multiple different blocks to create a diverse page with images, text, buttons, etc.
After adding a block to your sub-page, you can select that block and adjust the settings and options of that specific block. See this article for more information about customizing your site pages with blocks.
Once you've completed the work on your website, be sure to use the Publish button in the top right-hand corner to make any changes live on your actual website.