# 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.

- Source: https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/universal-elements-in-the-ghl-customer-care-page-builder
- Section: Sites / Funnels and Websites
- Reading time: 4 min
- Images: 7, each explained below

---
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 type | Scope | Syncing behavior | Typical uses | Where to find |
| --- | --- | --- | --- | --- |
| **Universal Elements** | Single element | Linked reuse; updates appear on placed instances after publishing affected pages | Buttons, logos, icons, menus | Saved Assets → **Universal Elements** |
| **Element Templates** | Single element | Inserted as a starting point (copy); later edits do **not** sync to existing placements | One-off variants, quick starting patterns | Saved Assets → **Element Templates** |
| **Universal Sections** | Section (group of elements) | Linked reuse at section level; edits can sync across placed instances after publishing | Headers, footers, announcement bars | Saved 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 _linked_Universal 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060208344/original/6gFjDPKXGd047GR-2ccJTY5x9wMgrfeMyg.png)

**Step 1 of 4: Open a page in the Page Builder (Funnel, Website, Blog, Webinar, or…**

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.
- Where to go: Open a page in the Page Builder (Funnel, Website, Blog, Webinar, or Store).
- Fields: The element’s orange toolbar → Save icon, Layers panel → ⋯ menu → Save as Universal Element
- Controls: Universal Element, Save, Layers, ⋯, Save as Universal Element, Saved Assets → Universal Elements
- Next: 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:

Full 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](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060249962/original/IcrWNS_DjkYfFStNMGrj4blWU92FutX9gg.gif)

**Step 1 of 2: The element’s orange toolbar → Save icon**

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.
- How to confirm: The element’s orange toolbar → Save icon
- Fields: The element’s orange toolbar → Save icon, Layers panel → ⋯ menu → Save as Universal Element
- Controls: Save, Universal Element, Layers, ⋯, Save as Universal Element, Saved Assets → Universal Elements
- Next: Layers panel → ⋯ menu → Save as Universal Element

Full 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](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060250012/original/4ezdLDN7CvJ7FwrDV9fTdL3cEOzFH15Ppg.gif)

**Step 2 of 2: Layers panel → ⋯ menu → Save as Universal Element**

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.
- How to confirm: Layers panel → ⋯ menu → Save as Universal Element
- Fields: The element’s orange toolbar → Save icon, Layers panel → ⋯ menu → Save as Universal Element
- Controls: Layers, ⋯, Save as Universal Element, Universal Element, Save, Saved Assets → Universal Elements

Full 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060209724/original/3IYT1URUkMZ7qIHPIdcZ9jjidGD1YjEB0w.png)

**Step 3 of 4: Give the item a clear, searchable name (e.g., Button — Primary CTA)**

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.
- What this covers: Give the item a clear, searchable name (e.g., Button — Primary CTA).
- Fields: The element’s orange toolbar → Save icon, Layers panel → ⋯ menu → Save as Universal Element
- Controls: Universal Element, Save, Layers, ⋯, Save as Universal Element, Saved Assets → Universal Elements
- Next: Confirm the save. The item now appears in Saved Assets → Universal Elements with a thumbnail.

Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060320698/original/ltWTVk6J7W6wtXg42IkFcJxrRnhRLHqkaA.png)

**Step 4 of 4: Confirm the save. The item now appears in Saved Assets → Universal…**

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.
- How to confirm: Confirm the save. The item now appears in Saved Assets → Universal Elements with a thumbnail.
- Fields: The element’s orange toolbar → Save icon, Layers panel → ⋯ menu → Save as Universal Element
- Controls: Saved Assets → Universal Elements, Universal Element, Save, Layers, ⋯, Save as Universal Element

Full 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060321656/original/sHDh0V9FTNioEFGmiFKDSzYw2_A-8W4FOw.gif)

**Placing & Editing Universal Elements (image 6 of 7)**

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.
- What to choose: Select a placed Universal Element to adjust design or settings. Save your page changes. Publish the page so updates become visible to visitors.
- Controls: Best practices, linked Universal Element, Place a Universal Element, Edit a Universal Element, Publish
- Next: A tidy library speeds up builds and reduces mistakes. Use clear names, search effectively, and remove unused entries when appropriate.

Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155060321228/original/_LsnzQW608YEoqH32qpuyYNYXhZBbH9nRw.png)

**Step 3 of 3: Remove cautiously: Deleting a saved item detaches it from the library…**

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.
- What this covers: Remove cautiously: Deleting a saved item detaches it from the library for future use. Review pages that currently rely on it before removing.

Full 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.

---

## **Related Articles**

-   [Saved Sections – Funnels, Websites, Webinars and E‑Commerce Store](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/saved-sections-funnels-websites-webinars-and-e-commerce-store)
    
-   [How to Save & Use Element Templates in Page Builder](https://docs.ghlcustomercare.com/docs/sites/funnel-and-website-builder/how-to-save-use-element-templates-in-page-builder)
    
-   [Sites Overview](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/websites-overview)
    
-   [Save, Draft and Publish Funnels and Websites](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/save-draft-and-publish-funnels-and-websites)
    
-   [Auto‑Save and Version History](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/auto-save-and-version-history-for-funnels-websites-and-more)
    
-   [Template Library Overview & Setup](https://docs.ghlcustomercare.com/docs/marketing/template-library-2/template-library-overview-setup)

---

Documentation for GHL Customer Care. Support: support@ghlcustomercare.com