← Help Center

Navigation, Footer, and Hero Block of a Website

Three blocks found on almost every page: the header with a menu (Navigation), the website footer (Footer), and the hero banner (Hero) — 7 ready-made options.

These three blocks are not related to the store — they are needed for any website, from a landing page to a multi-page portal. For a store, there is its own equivalent of a header — see Store Blocks → Shop Navbar.

Website Navigation and Footer

Navigation — Header with Menu

  • Site Name / Brand and Logo URL (empty — name is shown as text);
  • Show site name next to logo — show the name next to the logo or only the logo;
  • Menu links: From page tree (auto) — menu items are automatically built from the site's pages (simplest — won't forget to update when adding a page), or Manual list — a custom list of items with arbitrary links;
  • Navigation Links (if Manual list is selected) — a list of "text / URL" pairs; an item can have nested sub-items (one level of nesting) — drops down on hover;
  • Show language switcher — language switcher for a multilingual site;
  • CTA text / CTA URL — call-to-action button in the header (e.g., "Request a call");
  • Sticky — the header remains visible when scrolling;
  • Scroll progress bar — a thin progress bar for page reading below the header;
  • background and text colors.

Footer — Website Footer

  • Brand Name, Tagline (short description below the name), Logo URL, Show site name;
  • Link Columns — several columns of links, each with its own heading (e.g., "Company", "Support");
  • Social Media — social media icons (Facebook, Instagram, LinkedIn, X/Twitter, YouTube, Telegram, TikTok) with links;
  • Copyright Text — empty = automatic line with the current year;
  • background and text colors.

Hero — Hero Banner

The main difference from Shop Hero (store version) — 7 ready-made layout options:

| Option | Description | |---|---| | Classic (image right) | Classic: text on the left, photo on the right | | Classic (image below) | Text centered, photo below | | Split (50/50) | Exact split in half | | Full-bleed | Photo full screen, text on top | | Typographic | No photo, large text | | Editorial | Asymmetrical "magazine" grid | | Minimal | Narrow centered column |

Other fields: Title, Subtitle, primary and secondary call-to-action buttons (text+URL each), Image (via media library), Image display — photo on the side/bottom as decoration, or as a background for the entire block; Image Overlay Darkness — darkening of the photo under the text (0–1); Badge / Overline Text — short caption above the title; photo can be replaced with a video background (.mp4 link).

Read more