Skip to content
Sites

Universal Elements in the GHL Customer Care Page Builder

Create and manage Universal Elements in GHL Customer Care’s Page Builder to keep branding consistent and speed up builds across funnels, websites, blogs, and stores.

4 min read921 words7 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key Benefits of Universal Elements
  2. Universal Elements vs. Element Templates vs. Universal Sections
  3. How To Setup Universal Elements
  4. Placing & Editing Universal Elements
  5. Managing Saved Universal Elements
  6. Frequently Asked Questions
  7. Related Articles

Universal Elements in GHL Customer Care’s Page Builder let you design an element once and reuse it across Funnels, Websites, Blogs, Webinars, and Store pages—while keeping every instance consistent. This guide explains what Universal Elements are, how they differ from other saved items, and the safest way to create, place, and update them. You’ll also learn publishing best practices, rollback options, and tips for organizing your library for scale.

What are Universal Elements?

Universal Elements are single elements you save to the Saved Assets library so they remain linked wherever they’re used. When a linked Universal Element is updated and published, all placed instances reflect the change, helping teams maintain brand consistency and reduce repeated edits across pages and assets.

Key Benefits of Universal Elements

Understanding the core benefits helps you decide when Universal Elements are the right tool versus other saved item types. Focus on speed, consistency, and maintainability across your account.

  • Brand consistency: Keep typography, colors, and styles aligned everywhere without manual updates.

  • Faster builds: Drag from the Saved Assets library instead of redesigning common elements.

  • Centralized updates: Edit once and publish the affected pages so all instances reflect the change.

  • Organized library: Thumbnails and search in Saved Assets make frequently used elements easy to find.

  • Team-friendly workflows: Standardize key components so collaborators build with approved patterns.

Universal Elements vs. Element Templates vs. Universal Sections

GHL Customer Care offers multiple ways to save and reuse content. Choosing the right option prevents confusion and avoids accidental design drift. Use this comparison to pick the best fit for each scenario.

Saved typeScopeSyncing behaviorTypical usesWhere to find
Universal ElementsSingle elementLinked reuse; updates appear on placed instances after publishing affected pagesButtons, logos, icons, menusSaved Assets → Universal Elements
Element TemplatesSingle elementInserted as a starting point (copy); later edits do not sync to existing placementsOne-off variants, quick starting patternsSaved Assets → Element Templates
Universal SectionsSection (group of elements)Linked reuse at section level; edits can sync across placed instances after publishingHeaders, footers, announcement barsSaved Assets → Sections (Universal)
Tip: Use Universal Elements for small, repeating items (e.g., buttons, badges). Use Universal Sections when you need a full, reusable layout block (e.g., header/footer).

How To Setup Universal Elements

Saving correctly the first time prevents rework and ensures the element is stored as a linkedUniversal Element instead of a non-syncing template.

  1. Open a page in the Page Builder (Funnel, Website, Blog, Webinar, or Store).

    Step 1 of 4: Open a page in the Page Builder (Funnel, Website, Blog, Webinar, or… What this shows Step 1 of 4: Open a page in the Page Builder (Funnel, Website, Blog, Webinar, or Store). What this shows Shows where to go for step 1 of 4 in the "How To Setup Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". This screenshot accompanies step 1 of 4 in the "How To Setup Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". At this point in the walkthrough you open a page in the Page Builder (Funnel, Website, Blog, Webinar, or Store). This part of the guide covers 2 fields, listed below. The next step is to select the element you want to reuse (e.g., button, image, icon, headline, or menu) and save it as a Universal Element from either location. Step 1 of 4Image 1 of 7 Where to goOpen a page in the Page Builder (Funnel, Website, Blog, Webinar, or Store).
    Fields in this part of the guide The element’s orange toolbar → Save iconLayers panel → ⋯ menu → Save as Universal Element
    Buttons and menus referenced Universal ElementSaveLayers⋯Save as Universal ElementSaved Assets → Universal Elements
    Next stepSelect the element you want to reuse (e.g., button, image, icon, headline, or menu) and save it as a Universal Element from either location:
    All 4 steps in this procedure
    1. Open a page in the Page Builder (Funnel, Website, Blog, Webinar, or Store). this image
    2. Select the element you want to reuse (e.g., button, image, icon, headline, or menu) and save it as a Universal Element from either location:
    3. Give the item a clear, searchable name (e.g., Button — Primary CTA).
    4. Confirm the save. The item now appears in Saved Assets → Universal Elements with a thumbnail.

  2. Select the element you want to reuse (e.g., button, image, icon, headline, or menu) and save it as a Universal Element from either location:

    • The element’s orange toolbar → Save icon

      Step 1 of 2: The element’s orange toolbar → Save icon What this shows Step 1 of 2: The element’s orange toolbar → Save icon What this shows Shows how to confirm for step 1 of 2 in the "How To Setup Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". This animation accompanies step 1 of 2 in the "How To Setup Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". At this point in the walkthrough you the element’s orange toolbar → Save icon. This part of the guide covers 2 fields, listed below. The next step is to layers panel → ⋯ menu → Save as Universal Element. Step 1 of 2Image 2 of 7 How to confirmThe element’s orange toolbar → Save icon
      Fields in this part of the guide The element’s orange toolbar → Save iconLayers panel → ⋯ menu → Save as Universal Element
      Buttons and menus referenced SaveUniversal ElementLayers⋯Save as Universal ElementSaved Assets → Universal Elements
      Next stepLayers panel → ⋯ menu → Save as Universal Element
      All 2 steps in this procedure
      1. The element’s orange toolbar → Save icon this image
      2. Layers panel → ⋯ menu → Save as Universal Element

    • Layers panel → ⋯ menu → Save as Universal Element

      Step 2 of 2: Layers panel → ⋯ menu → Save as Universal Element What this shows Step 2 of 2: Layers panel → ⋯ menu → Save as Universal Element What this shows Shows how to confirm for step 2 of 2 in the "How To Setup Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". This animation accompanies step 2 of 2 in the "How To Setup Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". At this point in the walkthrough you layers panel → ⋯ menu → Save as Universal Element. This part of the guide covers 2 fields, listed below. Step 2 of 2Image 3 of 7 How to confirmLayers panel → ⋯ menu → Save as Universal Element
      Fields in this part of the guide The element’s orange toolbar → Save iconLayers panel → ⋯ menu → Save as Universal Element
      Buttons and menus referenced Layers⋯Save as Universal ElementUniversal ElementSaveSaved Assets → Universal Elements
      All 2 steps in this procedure
      1. The element’s orange toolbar → Save icon
      2. Layers panel → ⋯ menu → Save as Universal Element this image

  3. Give the item a clear, searchable name (e.g., Button — Primary CTA).

    Step 3 of 4: Give the item a clear, searchable name (e.g., Button — Primary CTA) What this shows Step 3 of 4: Give the item a clear, searchable name (e.g., Button — Primary CTA). What this shows Shows what this covers for step 3 of 4 in the "How To Setup Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". This screenshot accompanies step 3 of 4 in the "How To Setup Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". At this point in the walkthrough you give the item a clear, searchable name (e.g., Button — Primary CTA). This part of the guide covers 2 fields, listed below. The next step is to confirm the save. The item now appears in Saved Assets → Universal Elements with a thumbnail. Step 3 of 4Image 4 of 7 What this coversGive the item a clear, searchable name (e.g., Button — Primary CTA).
    Fields in this part of the guide The element’s orange toolbar → Save iconLayers panel → ⋯ menu → Save as Universal Element
    Buttons and menus referenced Universal ElementSaveLayers⋯Save as Universal ElementSaved Assets → Universal Elements
    Next stepConfirm the save. The item now appears in Saved Assets → Universal Elements with a thumbnail.
    All 4 steps in this procedure
    1. Open a page in the Page Builder (Funnel, Website, Blog, Webinar, or Store).
    2. Select the element you want to reuse (e.g., button, image, icon, headline, or menu) and save it as a Universal Element from either location:
    3. Give the item a clear, searchable name (e.g., Button — Primary CTA). this image
    4. Confirm the save. The item now appears in Saved Assets → Universal Elements with a thumbnail.

  4. Confirm the save. The item now appears in Saved Assets → Universal Elements with a thumbnail.

    Step 4 of 4: Confirm the save. The item now appears in Saved Assets → Universal… What this shows Step 4 of 4: Confirm the save. What this shows Shows how to confirm for step 4 of 4 in the "How To Setup Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". This screenshot accompanies step 4 of 4 in the "How To Setup Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". At this point in the walkthrough you confirm the save. The item now appears in Saved Assets → Universal Elements with a thumbnail. This part of the guide covers 2 fields, listed below. Step 4 of 4Image 5 of 7 How to confirmConfirm the save. The item now appears in Saved Assets → Universal Elements with a thumbnail.
    Fields in this part of the guide The element’s orange toolbar → Save iconLayers panel → ⋯ menu → Save as Universal Element
    Buttons and menus referenced Saved Assets → Universal ElementsUniversal ElementSaveLayers⋯Save as Universal Element
    All 4 steps in this procedure
    1. Open a page in the Page Builder (Funnel, Website, Blog, Webinar, or Store).
    2. Select the element you want to reuse (e.g., button, image, icon, headline, or menu) and save it as a Universal Element from either location:
    3. Give the item a clear, searchable name (e.g., Button — Primary CTA).
    4. Confirm the save. The item now appears in Saved Assets → Universal Elements with a thumbnail. this image

Placing & Editing Universal Elements

Place Universal Elements from the Saved Assets library to ensure each instance stays linked. When you edit a Universal Element, you’ll publish changes to make them live on the affected pages.

AI Page Revisions are designed to respect linked Universal Elements and focus changes on the targeted content. When a revision runs, use the post-revision summary to verify whether a linked element was changed.

Best practices

  • Confirm whether your target area includes a linked Universal Element before running a revision.

  • If you need a page-only variant, duplicate the Universal Element locally (convert to a non-linked copy) before revising.

  • If a revision updates a linked element, review the change summary and publish global changes deliberately after validation.

Place a Universal Element

  • Open Add Elements → Saved Assets → Universal Elements.

  • Use search or browse thumbnails, then drag the element onto the canvas.

Edit a Universal Element

  • Select a placed Universal Element to adjust design or settings.

  • Save your page changes.

  • Publish the page so updates become visible to visitors.

Placing & Editing Universal Elements (image 6 of 7) What this shows Select a placed Universal Element to adjust design or settings. What this shows Illustrates the "Placing & Editing Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". This animation appears in the "Placing & Editing Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". The text alongside this image reads: Select a placed Universal Element to adjust design or settings. Save your page changes. Publish the page so updates become visible to visitors. Immediately after, the guide continues: A tidy library speeds up builds and reduces mistakes. Use clear names, search effectively, and remove unused entries when appropriate. Image 6 of 7 What to chooseSelect a placed Universal Element to adjust design or settings. Save your page changes. Publish the page so updates become visible to visitors.
Buttons and menus referenced Best practiceslinked Universal ElementPlace a Universal ElementEdit a Universal ElementPublish
Next stepA tidy library speeds up builds and reduces mistakes. Use clear names, search effectively, and remove unused entries when appropriate.
All 3 steps in this procedure
  1. Confirm whether your target area includes a linked Universal Element before running a revision.
  2. If you need a page-only variant, duplicate the Universal Element locally (convert to a non-linked copy) before revising.
  3. If a revision updates a linked element, review the change summary and publish global changes deliberately after validation.

Managing Saved Universal Elements

A tidy library speeds up builds and reduces mistakes. Use clear names, search effectively, and remove unused entries when appropriate.

  • Browse & search: Add Elements → Saved Assets → Universal Elements provides thumbnails and keyword search.

  • Rename for clarity: Use consistent prefixes (e.g., Button —, Icon —, Nav —).

  • Remove cautiously: Deleting a saved item detaches it from the library for future use. Review pages that currently rely on it before removing.

    Step 3 of 3: Remove cautiously: Deleting a saved item detaches it from the library… What this shows Step 3 of 3: Remove cautiously: Deleting a saved item detaches it from the library for future use. What this shows Shows what this covers for step 3 of 3 in the "Managing Saved Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". This screenshot accompanies step 3 of 3 in the "Managing Saved Universal Elements" section of "Universal Elements in the GHL Customer Care Page Builder". At this point in the walkthrough you remove cautiously: Deleting a saved item detaches it from the library for future use. Review pages that currently rely on it before removing. Step 3 of 3Image 7 of 7 What this coversRemove cautiously: Deleting a saved item detaches it from the library for future use. Review pages that currently rely on it before removing.
    All 3 steps in this procedure
    1. Browse & search: Add Elements → Saved Assets → Universal Elements provides thumbnails and keyword search.
    2. Rename for clarity: Use consistent prefixes (e.g., Button —, Icon —, Nav —).
    3. Remove cautiously: Deleting a saved item detaches it from the library for future use. Review pages that currently rely on it before removing. this image

Frequently Asked Questions

Q: Do I have to publish for changes to be visible to visitors?
Yes. Saving keeps edits in the builder. Publishing the affected page(s) makes updates live.

Q: Where do I find saved Universal Elements?
In the Page Builder, open Add Elements → Saved Assets → Universal Elements to browse thumbnails or search by name.

Q: Can I rename or delete a Universal Element later?
You can rename items for clarity. Deleting removes the saved item from the library for future use; review pages that currently rely on it before removing.

Q: What if I need a one‑off variation on a single page?
Consider placing an Element Template or creating a local copy so changes don’t affect other pages.

Q: How can I revert a recent change if something looks wrong?
Use Version History on the affected page to restore a previous version, then republish.

Was this guide helpful?

Related guides

How to Add a Two‑Step Order Form to a Funnel5 min read · 12 imagesTracking Scripts/Pixel Code1 min readSEO Meta Data1 min readClick-To-Call, Click-To-Text, and Click-To-Email Links & Buttons for Websites and Funnels3 min read · 5 images