Layout/Pages

Layout is the visual editor that controls how your Sherpo homepage or landing page is structured. You do not design pages with code or fixed templates. Instead, you build your site by combining intuitive blocks, each representing a self-contained section. Everything you see on a page is a block, ordered vertically from top to bottom.

---

​

Availability

Layout is available based on your plan.

• Pro and Ultra users can build layouts and publish changes to their live website.
• Start users can build and preview layouts in the editor, but clicking Update layout will not update the live site. To publish layout changes, an upgrade is required.

---

​

How Layout works

A Sherpo page is a vertical stack of blocks.

• Blocks render from top to bottom.
• Each block is independent.
• Moving one block never breaks others.
• Header and footer are fixed sections.
• Everything in between is fully customizable.

Think of Layout as a list. Changing the order of items changes the page. You build on the left side, while the right side updates live and lets you preview different devices and light or dark mode.

---

​

Opening the Layout editor

• Sign in to Sherpo Dash.
• Open your space.
• Navigate to Site → Layout.

You will see:

• A list of blocks on the left.
• A live preview of your site on the right.
• Device and theme toggles at the top.

Changes are applied only after clicking Update layout.

---

​

Pages

In addition to your main homepage layout, Sherpo lets you create dedicated pages like /pricing, /features, or /courses. Pages use the same block-based editor as Layout, so you can design each page visually, without code. Pages is available only to Ultra users, who can create up to 30 custom pages, in addition to the standard homepage layout. You can also feature up to 3 pages in your header for top navigation. To manage pages:

• Navigate to Site → Pages
• Click New Page
• Choose a title and URL slug
• Optionally toggle Add to header (up to 3 pages)

---

​

Blocks explained

Blocks are the building units of your site. Each block represents one section. Text, images, videos, pricing tables, FAQs, spacing, and structure all live inside blocks. All blocks share the same core behavior.

​

What you can do with any block

For every block, you can:

• Move it up or down.
• Add a block before or after it.
• Hide it, except for header and footer.
• Delete it permanently, except for header, footer, and hero.

---

​

Adding new blocks

Click Add block where you want to insert new content. Blocks are grouped by purpose: content, layout, products, utility, and data.

​

Content blocks

Use content blocks to add standalone elements.

• Image
  Display a single image.
• Video
  Embed a standalone video.
• YouTube
  Embed a YouTube video.
• Markdown
  Write long-form text content using Markdown.

Content blocks focus on what is displayed, not how it is arranged.

​

Layout blocks

Use layout blocks to structure and group content.

• Card
  Visually group multiple blocks.
• Titled section
  Add a heading with content underneath.
• Side by side
  Create a two-column layout for text and media.
• Carousel
  Display horizontally scrollable content.
• Grid
  Create a responsive grid layout.
• Theme Aware
  Different blocks for light/dark mode.

Layout blocks are often used to build richer sections from simple blocks. For example, Side by side is a common way to create more complex sections without writing custom code.

​

Products blocks

Use product blocks to showcase items from your Sherpo catalog directly inside a page.

• Line Products
  Products with “line” visibility.
• Grid Products
  Products with “grid” visibility.
• Product Card
  A single product card.

Product blocks can be formatted differently depending on the display you choose, and they can also be deleted, just like other blocks.

​

Utility blocks

Use utility blocks to control spacing and separation.

• Horizontal rule
  Add a divider between sections.
• Spacer
  Add vertical space between blocks.

Utility blocks help with rhythm and readability. In most layouts, a spacer or divider between major sections improves scanability.

​

Data blocks

Use data blocks to display structured information.

• Stats
• FAQ
• Pricing
• Timeline
• Logos
• Contact

These blocks are optimized for common business and content use cases.

---

​

Composing sections with blocks

Complex sections are built by combining simple blocks. For example:

• Titled section
• Side by side
• Markdown on the left
• Image on the right
• Spacer
• Pricing

You are not configuring a single complex component. You are composing reusable blocks, which keeps pages flexible and easy to change later.

---

​

Special sections

Some sections behave differently from normal blocks.

​

Header

The header appears at the top of every page. It is configured separately and cannot be moved like other blocks.

​

Hero

The Hero block supports CTAs, highlights, and optional supporting blocks.

• When aligned left or right, supporting blocks can appear alongside it.
• When centered, supporting blocks appear below it.

The hero also uses your site name and description from Site settings, so update those if you do not want the default text.

​

Footer

The footer contains legal links, theme toggles, social links, and the Powered by Sherpo badge. The Powered by Sherpo badge is on by default. Keeping it visible supports the platform and showcases the technology behind your site. You can always disable it for full white labeling if you are on the Ultra plan.

---

​

Using templates

If you want to start faster, you can create a layout from a pre-designed template. Templates are complete page layouts built from standard blocks. Applying one replaces your current layout with a ready-made structure that you can fully customize. To open the Template Library:

• Open Site → Layout
• Click the ••• menu in the top-right
• Select Template Library

Learn more in Templates.

---

​

FAQ