Site Flow Overview

When creating a site flow, you can add a page, link, divider, menu button, icon button, or shopping cart icon. Each item requires a name and link.

Optionally, you can add CSS style and specify if the item should open in the same or a new browser window.

Not all pages need to be in your site flow or page navigation. For instance, you might create a page for a company party and link to it solely from announcement text on your homepage or an email blast. These pages reside in the "Pages Not In Navigation" section at the bottom of Flow.

To update a page, Click on the page flow item and then Click EDIT PAGE CONTENT from the menu. This will drop you into the content section of the page editor.

To suspend a page, Click on the page flow item and then Click SUSPEND PAGE. This will hide the page in your navigation and also from the internet.

To remove a navigation item, Click any navigation item and then Click REMOVE NAVIGATION. This will remove the navigation item from your flow and the website’s navigation list. You can always add a page back into a flow at any time.

The Flow key will help you keep track of placeholder items, modified items, new pages, and published, modified, or suspended pages.

To create a new site flow Click the green "New Site Flow" button. Then give the flow a name. Naming navigation by the content type or where it lives on your website is recommended. 

1. To add an item, drag a navigation item into any flow then set up the Navigation Display and Navigation Link. You can add a Page, Link, Divider, Menu Button, Icon Button, or Cart. Each item has a slightly different configuration.
2. Once you’ve added the Navigation Item you can either assign it to one of your pages or a link. Items are ordered left to right, so the item farthest left will appear first in the website's navigation. You can rearrange nav items at any time.
3. You can also drag any item, or a new item, under a current flow item. This will create a child navigation item under the parent item. You can rearrange child-nav items at any time, and the topmost item will be first in the list.

Publishing your site flow is necessary for changes to appear on your website. While you can revert your most recent changes if you make a mistake, once a flow is published, you can't revert to previous versions.

The appearance of your navigation is managed by the Navigation style sheet in the site's styles section on MadeDaily. See the knowledge base article on Editing Styles for more information.

When adding a Page or Link, your navigation can display as text, icon with text, text & icon, only an icon, or an image. If using an image, upload a raster web image (JPEG, PNG, GIF) or an SVG.

Navigation items can link to pages, external links, or emails.

Advanced options include opening a page in a new window, adding a CSS Class, or setting a Target. See the knowledge base article for more information on implementing Advanced Options.

A divider can be text or an image and allows for CSS styling in the advanced feature tab. They're useful for separating navigation items or groups, like a list of items followed by a divider and then a shopping cart icon.

When adding a menu button to a flow, you'll set up a Target, which is an ID tag directing your website to display specific global content when clicked. Additionally, configure the focus, button size, and toggle type.

Configuring a menu button is advanced because it dictates which navigation panel to show, either off-canvas or drop-down. Menu buttons come pre-configured with your chosen framework. Refer to the Made Daily knowledge base article on Menu Buttons for details.

• When you add a Cart button to a flow you need to set the cart link URL. The default link URL should be /cart. We recommend keeping with this link name.
• Next, select your Cart icon from the pulldown menu.
• Then set the optional Cart link name. For example Shopping Bag with a ":" or Cart with a ":" This text will appear next to your icon.
• Item text and Item Text plural values are already set up for you. This label will appear before the number of items a user adds to their cart. For example, 1 Item or 5 Items.

When adding an icon button to a flow, set up a Target, which is an ID tag indicating which global content item to display upon button click. Configure focus, icon type, and toggle type (defaulting to menu/nav panel closure). Advanced options include setting a specific CSS class.