Drag, drop, and design your community hub effortlessly!

run.events Smart Hub - Menu Management - Page Layout

Learn how to customize the run.events Smart Hub page layout using drag-and-drop blocks for left sidebar, main content, and right sidebar to tailor your community interface.

Article Image Alt

Menu Management – Page Layout

Page layout & Blocks

The Page Layout editor allows you to control which components appear in your run.events Smart Hub and where they are positioned. You can fully customize the left sidebar, main content area, and right sidebar using a simple drag and drop interface.

01aa803524ee28fd01a519ed13a48f47

Available Default Layout Components

The Page Layout editor allows you to customize which components appear in your community and how they are arranged. You can add, remove, or reposition any of the following default layout blocks:

Profile / Sign ‑ In

  • Displays the user’s profile information or a sign in prompt.
  • Data is pulled from the user’s run.events account, including their role and any event or organization specific permissions.

Pages

Displays pages that were created and configured under Content → Pages inside run.events Smart Hub.

Presented By

Shows organizer information automatically pulled from the organizer profile in the run.events portal.

Tickets/Event Widget

Displays the logged in member’s event ticket. If the member does not hold a ticket, a registration link is shown instead.

Registration Link Configuration

The registration link displayed in the Tickets widget is fully configurable. It can point to a run.events registration form.

This ensures seamless integration with your event’s registration workflow.

Upcoming Events List

Displays upcoming events relevant to the community.

Powered by / Organizer Branding Block

Shows organizer branding. This block can be removed by the organizer if desired.

The Presented By / Organizer block automatically pulls organizer information from the organizer profile in the run.events portal, ensuring consistent branding across your event, community, and all connected pages.

Drag ‑ and ‑ Drop Layout Editing

All components can be:

  • Dragged between the left sidebar, main content area, and right sidebar
  • Reordered within each section
  • Removed entirely

This gives you complete control over the structure and visual presentation of your community without writing any code.

2cdb0db2adadbfef406d8dca6af4affe

Page Layout Customization

Before customizing your Page Layout, you must first create your Pages under Content → Pages. Pages serve as the building blocks of your community’s navigation and overall structure. You can choose from three-page types:

  • Custom Page (AI Web Builder) – Create fully customized layouts using AI assisted page building.
  • Event Integration Page – Automatically pulls content from a linked run.events event.
  • Composite Page – A flexible page type composed of multiple content blocks.

Learn more: run.events Smart Hub - Content - Articles | run.events Smart Hub | run.events

Custom Menu Blocks

Once your Pages are set up under Content → Pages, the next step is to create your menus under Menu Management → Menus.

d211c07b4693fa71144358211dd9fddd

After your menus are configured, you can insert any of them into your Page Layout to control navigation. Simply position the menu wherever you prefer within the layout to create a seamless navigation experience for your community.

e56b5e6dc70b6965e8d9788d4fabf3f6

The Page Layout editor allows you to fully customize the structure of your community interface — including what appears in the left sidebar, main content area, and right sidebar. No coding is required.

An example of a customized Page Layout using a Custom Block: This example shows how you can enhance your page by inserting a Custom Block into the layout. Custom Blocks allow you to add tailored content, giving you full control over how information is presented to your community.

Administrator view:  a32800618c76251aab709d5ed4e13386

User view:

26d9bb6de2326bf7a79caf4084321f07