Components

Global Component Reference

Reuse Without Rebuilding

The Global Component Reference allows you to insert existing Global Components anywhere in your page or layout, without copying or recreating them. This ensures content consistency, saves time, and centralizes updates for a seamless experience. Select a Global Component and view it rendered exactly where you need it. Changes made to the original component instantly apply everywhere it’s referenced.

It’s the ultimate shortcut for managing shared content, such as headers, footers, banners, contact forms, or CTAs, with ease and efficiency.

Effortless Reusability

  1. Centralized Management.
    Update once, reflect everywhere.

  2. No Duplicates.
    Avoid redundant copies across pages.

  3. Drop into any page or layout.
    Displayed in full with real-time preview.

Visual Consistency Made Easy

  1. Preserves your layout and style.
    Ensures brand consistency across projects.

  2. Live Preview Support
    Changes reflected instantly in the Visual Editor.

  3. Only loaded when needed on live sites.
    Ensures high performance and clean markup.

Use Cases

Instead of repeating content, use references to keep everything maintainable and fast.

  • Display your custom header or footer across all pages.

  • Reuse an advanced CTA section in multiple places.

  • Maintain consistent messaging in banners or alerts.

  • Update global contact info blocks once for every reference.

  • Use as modular content building for scalable project growth.

Configuration Options & Features

The Global Component Reference turns complex content management into a smooth and maintainable experience.

By allowing you to reuse and manage shared elements centrally, you save time, increase consistency, and scale with ease. Just pick, place, and move forward, no code, no clutter.

Global Component Ref

A searchable dropdown to select from all available Global Components. Once selected, the referenced component is instantly rendered in the Visual Editor and your live project.

This reference mechanism connects the placeholder to the actual Global Component, allowing you to reuse it anywhere in your project.

Whenever you change the selection of the Global Component you want to use, the Visual Editor is behind the scenes immediately resolving the reference to show you your Global Component instantly.