Components

Page

The Page component is the cornerstone of every web experience built with Vertex Forge. It represents a unique URL, acts as the main entry point for content, and provides you with everything needed to structure, design, and optimize your standalone pages. From content blocks to SEO settings, layouts to theme presets, a Page component powers every user-facing route.

It's not just where your content lives, it's where structure, design, and performance come together seamlessly.

Complete Page Control

  1. Define your Layout.
    Wrap your pages with consistent structure.

  2. Create your content visually.
    Flexible, engaging page designs without code.

  3. SEO-Ready by Default.
    Instant previews for search and socials.

Consistent Design, Flexible Output

  1. Theme Preset Integration.
    Apply global visual styling across pages.

  2. Per-Page Design Freedom.
    Override themes for unique visual expression.

  3. Multilingual URL Management.
    Define SEO-optimized custom slugs.

Use Cases

The Page component serves as the foundation for any top-level route on your website or shop.
Whether you’re building landing pages, content hubs, product pages, blog posts, or multi-language microsites, each begins with a Page.

Pages are where structure meets content. Use a Page to:

  • Wrap your page content into a recurring visual structure via the Layout Reference

  • Display content visually with components like Hero Blocks, CTAs, Articles, and more

  • Configure SEO metadata and Open Graph previews using Vertex Forge’s SEO plugin

  • Apply global design themes or override them with custom configurations.

  • Define language-specific URLs for multilingual projects.

  • Easily manage routing, design logic, and performance from one component.

Due to the flexibility of the Visual Editor and the content area, your Page can serve as a blank canvas or adhere to a strict design system. It’s up to your needs.

Configuration Options & Features

The Page component is far more than just a route placeholder.

It is a complete, dynamic content layer for your web project. With deep customization options, built-in SEO, multilingual support, and visual content editing, it empowers you to craft scalable and professional web pages with ease.

Use it as your core building block and bring your ideas to life, one route at a time.

Layout Referencing

Reference an existing Layout component that wraps your page’s content.
Use it to include global structure like headers, footers, or sidebars, applied dynamically.

Content Area

The main content body of your Page.

Use any available components here to build your desired layout, including rich text, media, forms, or dynamic content blocks. Drag & drop with real-time preview using the Visual Editor.

SEO Metadata

Easily configure SEO settings with the Vertex Forge SEO Metadata Plugin.

You can define:

  • Page title and description

  • Open Graph preview content

  • Social sharing images

All with live previews for search engines and social platforms. Ensures you follow best practices without needing to switch context.

Component Theme Preset

Choose a Theme Preset to apply global design tokens across this page’s components.

Useful for brand styling, consistent layout spacing, font usage, or visual identity reuse.

Component Theme Options

If needed, extend or override the selected Theme Preset on a per-page basis.

Supports both visual styling customization and one-off adjustments without affecting global themes.

Page Slug & Translated Slugs

Configure the page’s primary URL slug and define custom slugs per available language.

This ensures your page structure is SEO-friendly and localizable for any audience.