One-page menu with category tabs

By default the calculator walks your customer through the menu one category at a time, with Next and Back. If you'd rather let them browse freely โ€” the way a restaurant menu site works โ€” switch to the one-page mode.

Open your calculator's Design tab and find Page navigation:

  • Step by step: the original flow. One category per step. A category with required picks blocks the Next button until the customer has chosen.
  • One page: the whole menu on one scrolling page. A row of category tabs stays visible at the top; tapping one jumps to that category, and the highlighted tab follows as the customer scrolls.
The tabs come straight from your categories โ€” their names and order are the ones you set on the Products tab, so there is nothing separate to maintain.

Required categories still work

In one-page mode your selection rules are checked when the customer taps continue. If a required category has no picks yet, the page scrolls to it, its tab gets a highlight, and a message names the category. Nothing can be submitted with a required category empty.

Pop-up questions attached to categories are asked when the customer leaves the menu page, and suggested add-ons appear right after the customer picks a product.

Good to know

The Menu card style already shows everything on one sheet, so this choice applies to the Classic and Modern styles.

On your own website

The category tabs work inside embeds too. If tapping a tab doesn't scroll on your site, copy the embed code again from the Publish tab โ€” older embed snippets don't know how to scroll the page.

Was this article helpful?