# How to Use Badges in Certificate Builder

> Learn how to add and use badges in GHL Customer Care's Certificate Builder to highlight course completions, skills, and achievements in a simple and visual way.

- Source: https://docs.ghlcustomercare.com/docs/certificates/issue-badge/how-to-use-badges-in-certificate-builder
- Section: Certificates / Issue Badge
- Reading time: 6 min
- Images: 12, each explained below
- Modified on Fri, 28 Aug at 7:20 AM

---
Celebrate achievements and motivate your learners with the new Badges feature in GHL Customer Care’s Certificate Builder. This article will show you how to use Badges to visually recognize achievements like course completions, skill milestones, and more.

---

**TABLE OF CONTENTS**

-   [What is the Badges in GHL Customer Care Certificate Builder?](#what-is-the-badges-in-ghl-customer-care-certificate-builder)[](#key-benefits-of-badges-in-ghl-customer-care-certificate-builder)
-   [Key Benefits of Badges in GHL Customer Care Certificate Builder](#key-benefits-of-badges-in-ghl-customer-care-certificate-builder)[](#how-to-create-and-customize-badges)
-   [How To Create and Customize Badges](#how-to-create-and-customize-badges) [](#step-1-access-the-certificate-builder)
    -   [Step 1: Access the Certificate Builder](#step-1-access-the-certificate-builder)[](#step-2-choose-a-template-or-start-from-scratch)
    -   [Step 2: Choose a Template or Start from Scratch](#step-2-choose-a-template-or-start-from-scratch)[](#step-3-customize-the-badge-design)
    -   [Step 3: Customize the Badge Design](#step-3-customize-the-badge-design)[](#step-4-preview-and-save-your-badge)
    -   [Step 4: Preview and Save Your Badge](#step-4-preview-and-save-your-badge)[](#step-5-send-the-badge-via-email)
    -   [Step 5: Send the Badge via Email](#step-5-send-the-badge-via-email)[](#downloading-and-sharing-badges)
-   [Downloading and Sharing Badges](#downloading-and-sharing-badges)[](#auto-save)
-   [Auto-Save](#auto-save)[](#frequently-asked-questions)
-   [Frequently Asked Questions](#frequently-asked-questions)[](#related-articles)
-   [Related Articles](#related-articles)

---

# **What is the Badges in GHL Customer Care Certificate Builder?**

Badges in GHL Customer Care Certificate Builder are customizable digital icons awarded for accomplishments such as skill milestones, course completions, or custom achievements. These badges serve as motivational tools, providing a modern way to recognize and celebrate learner progress within your brand’s ecosystem. With flexible design options and easy sharing capabilities, badges help reinforce engagement and professionalism in your courses and communities.

---

## **Key Benefits of Badges in GHL Customer Care Certificate Builder**

Badges offer a range of advantages for both creators and learners:

-   **Boosts Motivation:** Encourages learners to complete lessons and reach milestones.
-   **Enhances Engagement:** Makes progress visible and rewarding, increasing participation.
-   **Custom Branding:** Allows full control over badge appearance to match your brand identity.
-   **Professional Recognition:** Adds credibility and professionalism to your courses.
-   **Easy Sharing:** Lets users download badges or share them on social media, amplifying your brand.
-   **Flexible Design:** Offers templates and an element library for quick, creative badge creation.
-   **Scalable Recognition:** Supports issuing badges at scale for various achievements.

---

## **How To Create and Customize Badges** 

Setting up badges ensures your learners are recognized for their achievements in a visually appealing and branded way. Follow these steps to create and issue badges:

### **Step 1:** Access the Certificate Builder

1.  Log into your **GHL Customer Care sub-account**.
    
2.  Click on **Memberships from** left-hand menu.
    
3.  Click the **Credentials** tab.
    
4.  In the top-right corner, click the **\+ Create** button.
    
5.  Select **Create Badge** from the dropdown.
    

### 

![Step 1: Access the Certificate Builder (image 1 of 12)](https://jumpshare.com/v/AsBn0rydFaq3gPOxRQnC+/GIF+Recording+2025-07-08+at+11.59.16+PM.gif)

**Step 1: Access the Certificate Builder (image 1 of 12)**

This animation appears in the "Step 1: Access the Certificate Builder" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: Log into your GHL Customer Care sub-account. Click on Memberships from left-hand menu. Click the Credentials tab. In the top-right corner, click the + Create button. Select Create Badge from the dropdown. Immediately after, the guide continues: Start from scratch with a blank canvas, or Use a template from the built-in library Select a template and click Create.
- What to choose: Log into your GHL Customer Care sub-account. Click on Memberships from left-hand menu. Click the Credentials tab. In the top-right corner, click the + Create button. Select Create Badge from the dropdown.
- Next: Start from scratch with a blank canvas, or Use a template from the built-in library Select a template and click Create.

### **Step 2:** Choose a Template or Start from Scratch

You’ll be prompted to either:

-   **Start from scratch** with a blank canvas, or
    
-   **Use a template** from the built-in library
    
-   Select a template and click **Create.**
    

![Step 2: Choose a Template or Start from Scratch (image 2 of 12)](https://jumpshare.com/v/Uw4tazMmWiu3lg9Ur5r0+/GIF+Recording+2025-07-09+at+12.01.26+AM.gif)

**Step 2: Choose a Template or Start from Scratch (image 2 of 12)**

This animation appears in the "Step 2: Choose a Template or Start from Scratch" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: Start from scratch with a blank canvas, or Use a template from the built-in library Select a template and click Create. This part of the guide covers 1 field, listed below. Immediately after, the guide continues: The editing toolbar auto-hides while you move or rotate an element, so it does not block the canvas. Use the move icon to reposition very small or tightly packed elements more easily. Hover over an element to highlight it before selecting….
- What to choose: Start from scratch with a blank canvas, or Use a template from the built-in library Select a template and click Create.
- Fields: Start from scratch with a blank canvas, or
- Controls: Start from scratch, Use a template, Create.
- Next: The editing toolbar auto-hides while you move or rotate an element, so it does not block the canvas. Use the move icon to reposition very small or tightly packed elements more easily. Hover over an element to highlight it before selecting it. To resize a selected element, drag an edge or corner to the desired size. Line and shape resizing is more reliable, and the canvas shows fewer corner markers for a cleaner view.

Full procedure:

1. Start from scratch with a blank canvas, or
2. Use a template from the built-in library
3. Select a template and click Create.

### **Step 3:** Customize the Badge Design

#### **Editing Experience Highlights**

-   #### The editing toolbar auto-hides while you move or rotate an element, so it does not block the canvas.
    
-   #### Use the move icon to reposition very small or tightly packed elements more easily.
    
-   #### Hover over an element to highlight it before selecting it. To resize a selected element, drag an edge or corner to the desired size.
    
-   #### Line and shape resizing is more reliable, and the canvas shows fewer corner markers for a cleaner view.
    

  

#### **Edit Text**

-   On the left panel, click the **Text** tab.
-   Click **\+ Add Text Box** to insert text into your design.
-   Choose from **Heading**, **Subheading**, or **Normal Text** options.
-   Edit the text directly within the canvas.

![Edit Text (image 3 of 12)](https://jumpshare.com/v/xgQosD5WyzUuehmo9HhZ+/GIF+Recording+2025-07-09+at+12.08.56+AM.gif)

**Edit Text (image 3 of 12)**

This animation appears in the "Edit Text" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: On the left panel, click the Text tab. Click + Add Text Box to insert text into your design. Choose from Heading, Subheading, or Normal Text options. Edit the text directly within the canvas. Immediately after, the guide continues: Select a text element to style it.
- What to choose: On the left panel, click the Text tab. Click + Add Text Box to insert text into your design. Choose from Heading, Subheading, or Normal Text options. Edit the text directly within the canvas.
- Controls: Text, + Add Text Box, Heading, Subheading, Normal Text
- Next: Select a text element to style it:

Full procedure:

1. On the left panel, click the Text tab.
2. Click + Add Text Box to insert text into your design.
3. Choose from Heading, Subheading, or Normal Text options.
4. Edit the text directly within the canvas.

#### **Style the Text**

Select a text element to style it:

-   Change **font family**, **size**, and **thickness/weight**
-   Change **text color**  
    
-   Apply **bold**, **italic**
-   Modify **line spacing** as needed
-   Adjust **alignment**: Left, Center, Right

![Style the Text (image 4 of 12)](https://jumpshare.com/v/llestcU4kbKydrk0b8Ht+/GIF+Recording+2025-07-09+at+12.20.17+AM.gif)

**Style the Text (image 4 of 12)**

This animation appears in the "Style the Text" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: Change font family, size, and thickness/weight Change text color Apply bold, italic Modify line spacing as needed Adjust alignment: Left, Center, Right. This part of the guide covers 4 fields, listed below. Immediately after, the guide continues: Click on a text box or add a text box and use dynamic tags to auto-fill values like.
- What this covers: Change font family, size, and thickness/weight Change text color Apply bold, italic Modify line spacing as needed Adjust alignment: Left, Center, Right
- Fields: Change font family, size, and thickness/weight, Change text color, Modify line spacing as needed, Adjust alignment: Left, Center, Right
- Controls: font family, size, thickness/weight, text color, bold, italic, line spacing, alignment
- Next: Click on a text box or add a text box and use dynamic tags to auto-fill values like:

Full procedure:

1. Change font family, size, and thickness/weight
2. Change text color
3. Apply bold, italic
4. Modify line spacing as needed
5. Adjust alignment: Left, Center, Right

#### **Add Custom Values**

Click on a text box or add a text box and use dynamic tags to auto-fill values like:

-   Contact **Full Name**, **First Name**, **Last Name**
-   **Email**, **Phone**, **Company Name**
-   **Address**, **City**, **State**, **Country**, and many more that you can choose from the list.

**Note:** Only **contact level custom values will populate** (if present). Some custom values may go blank. Please recheck the template before sending.

![Add Custom Values (image 5 of 12)](https://jumpshare.com/v/CcRz23kJxjhkzKsf0OhA+/GIF+Recording+2025-07-09+at+12.25.15+AM.gif)

**Add Custom Values (image 5 of 12)**

This animation appears in the "Add Custom Values" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: Note: Only contact level custom values will populate (if present). Some custom values may go blank. Please recheck the template before sending. This part of the guide covers 2 fields, listed below. Immediately after, the guide continues: Select any shape or element to customize.
- What this covers: Note: Only contact level custom values will populate (if present). Some custom values may go blank. Please recheck the template before sending.
- Fields: Contact Full Name, First Name, Last Name, Email, Phone, Company Name
- Controls: Full Name, First Name, Last Name, Email, Phone, Company Name, Address, City, State, Country
- Next: Select any shape or element to customize:

Example values (illustrative, not read from the screenshot):

- Contact Full Name, First Name, Last Name: Raman
- Email, Phone, Company Name: Priya Raman

Full procedure:

1. Contact Full Name, First Name, Last Name
2. Email, Phone, Company Name
3. Address, City, State, Country, and many more that you can choose from the list.

#### **Add and** **Customize** **Design** **Elements**

-   Click the **Elements** tab to add:
    -   **Lines**
    -   **Shapes**
    -   **Ribbons**
    -   **Icons**
    -   **Bases**

-   Select any shape or element to customize:
    -   **Fill Color**
    -   **Stroke Color**
    -   **Change Border Type and Width**
    -   **Border Radius**
    -   **Element Opacity**  
        

![Add and Customize Design Elements (image 6 of 12)](https://jumpshare.com/v/ZdrRhghBnAqG2VG0dow4+/GIF+Recording+2025-07-09+at+12.37.33+AM.gif)

**Add and Customize Design Elements (image 6 of 12)**

This animation appears in the "Add and Customize Design Elements" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: Select any shape or element to customize. This part of the guide covers 9 fields, listed below. Immediately after, the guide continues: Click Upload Media from Library to use saved assets Or paste an Image URL to import an external image.
- What to choose: Select any shape or element to customize:
- Fields: Lines, Shapes, Ribbons, Icons, Bases, Stroke Color, Change Border Type and Width, Border Radius, Element Opacity
- Controls: Elements, Lines, Shapes, Ribbons, Icons, Bases, Fill Color, Stroke Color, Change Border Type and Width, Border Radius, Element Opacity
- Next: Click Upload Media from Library to use saved assets Or paste an Image URL to import an external image

#### **Insert Images**

-   Click **Upload Media from Library** to use saved assets
-   Or paste an **Image URL** to import an external image

#### 

![Insert Images (image 7 of 12)](https://jumpshare.com/v/eG4iOz3dHd5VUIppksEm+/Screen+Shot+2025-07-09+at+12.52.51+AM.png)

**Insert Images (image 7 of 12)**

This screenshot appears in the "Insert Images" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: Click Upload Media from Library to use saved assets Or paste an Image URL to import an external image. Immediately after, the guide continues: Save time with familiar commands so you can focus on creativity instead of menus.
- What to copy: Click Upload Media from Library to use saved assets Or paste an Image URL to import an external image
- Next: Save time with familiar commands so you can focus on creativity instead of menus.

#### **Keyboard Shortcuts**

Save time with familiar commands so you can focus on creativity instead of menus.

-   **Ctrl + X** — Cut selected element
-   **Ctrl + C** — Copy selected element
-   **Ctrl + V** — Paste element

-   **Ctrl/Cmd + B —** Bold selected text

-   **Ctrl/Cmd + I —** Italicize selected text

-   **Ctrl/Cmd + U —** Underline selected text

#### **Arrow Key Movement**

Nudge any element using the arrow keys for pixel-perfect placement.

-   **← ↑ → ↓** — Move selected element 1 px
-   **Shift + Arrow** — Jump 10 px for quicker repositioning

#### **Layer Control**

Manage overlapping graphics and text effortlessly to create multi-layered designs.

-   **Bring Forward** — Moves element one layer forward
-   **Send to Back** — Moves element one layer backwards

![Layer Control (image 8 of 12)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155050815864/original/8aqKKcn3XnX2G66Nu7HdvmMbSK9XY5E7Xw.png)

**Layer Control (image 8 of 12)**

This screenshot appears in the "Layer Control" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: Bring Forward — Moves element one layer forward Send to Back — Moves element one layer backwards. This part of the guide covers 2 fields, listed below. Immediately after, the guide continues: Click the Preview (eye icon) to see how the badge looks. Click Save to store the badge in your GHL Customer Care directory.
- What this covers: Bring Forward — Moves element one layer forward Send to Back — Moves element one layer backwards
- Fields: Bring Forward — Moves element one layer forward, Send to Back — Moves element one layer backwards
- Controls: Bring Forward, Send to Back
- Next: Click the Preview (eye icon) to see how the badge looks. Click Save to store the badge in your GHL Customer Care directory.

Full procedure:

1. Bring Forward — Moves element one layer forward
2. Send to Back — Moves element one layer backwards

### **Step 4:** Preview and Save Your Badge

-   Click the **Preview (eye icon)** to see how the badge looks.
-   Click **Save** to store the badge in your GHL Customer Care directory.

![Step 4: Preview and Save Your Badge (image 9 of 12)](https://jumpshare.com/v/PbLhdvsBecGL3gKrwoCH+/Screen+Shot+2025-07-09+at+12.56.41+AM.png)

**Step 4: Preview and Save Your Badge (image 9 of 12)**

This screenshot appears in the "Step 4: Preview and Save Your Badge" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: Click the Preview (eye icon) to see how the badge looks. Click Save to store the badge in your GHL Customer Care directory. Immediately after, the guide continues: Note: Badge template borders now match the final preview more accurately. Use Preview to confirm the final appearance before you save the badge.
- How to confirm: Click the Preview (eye icon) to see how the badge looks. Click Save to store the badge in your GHL Customer Care directory.
- Controls: Preview (eye icon), Save
- Next: Note: Badge template borders now match the final preview more accurately. Use Preview to confirm the final appearance before you save the badge.

Full procedure:

1. Click the Preview (eye icon) to see how the badge looks.
2. Click Save to store the badge in your GHL Customer Care directory.

Note: Badge template borders now match the final preview more accurately. Use Preview to confirm the final appearance before you save the badge.

### **Step 5:** Send the Badge via Email

-   Click the **Send** button.
-   Add an **Instructor Name**.
-   Choose from: Previously saved **R****ecipients** Or click **Add New** to enter a new contact.

-   You can use the Default Template or  
     
    
-   Click on the **Edit button beside the Eye icon** to select a saved **email template.**
    
-   **Preview** the email using the **eye icon.**
    
-   You can Edit the **email subject as per your preference.**
    
-   Click **Confirm**, then click **Send Email** to deliver the badge.
    

![Step 5: Send the Badge via Email (image 10 of 12)](https://jumpshare.com/v/D6zv0KU5ZgvvZGp1XmH2+/GIF+Recording+2025-07-09+at+1.21.26+AM.gif)

**Step 5: Send the Badge via Email (image 10 of 12)**

This animation appears in the "Step 5: Send the Badge via Email" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: You can use the Default Template or Click on the Edit button beside the Eye icon to select a saved email template. Preview the email using the eye icon. You can Edit the email subject as per your preference. Click Confirm, then click Send Email to deliver the badge. This part of the guide covers 1 field, listed below. Immediately after, the guide continues: Recipients can download and share badges instantly from the email received.
- What to choose: You can use the Default Template or Click on the Edit button beside the Eye icon to select a saved email template. Preview the email using the eye icon. You can Edit the email subject as per your preference. Click Confirm, then click Send Email to deliver the badge.
- Fields: You can use the Default Template or
- Controls: Send, Instructor Name, R, ecipients, Add New, Edit button beside the Eye icon, email template., Preview, eye icon., email subject as per your preference., Confirm, Send Email
- Next: Recipients can download and share badges instantly from the email received.

Full procedure:

1. Click the Send button.
2. Add an Instructor Name.
3. Choose from: Previously saved R ecipients Or click Add New to enter a new contact.

---

## **Downloading and Sharing Badges**

Recipients can download and share badges instantly from the email received. 

-   Export badges in high-resolution **PNG** format.
-   Share Certificate link.
-   Share badges **directly to social media platforms**.
-   Encourage learners to showcase their achievements, increasing your brand’s visibility.

![Downloading and Sharing Badges (image 11 of 12)](https://jumpshare.com/v/CqETTrTBiFtfDJKmP1h8+/Screen+Shot+2025-07-09+at+1.16.01+AM.png)

**Downloading and Sharing Badges (image 11 of 12)**

This screenshot appears in the "Downloading and Sharing Badges" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: Export badges in high-resolution PNG format. Share Certificate link. Share badges directly to social media platforms. Encourage learners to showcase their achievements, increasing your brand’s visibility. Immediately after, the guide continues: Auto-Save for Badges is a GHL Customer Care enhancement that continuously saves your badge projects in real time. This feature ensures that your design progress is saved every 60 seconds without any manual intervention, allowing you to work….
- What this covers: Export badges in high-resolution PNG format. Share Certificate link. Share badges directly to social media platforms. Encourage learners to showcase their achievements, increasing your brand’s visibility.
- Controls: PNG, directly to social media platforms
- Next: Auto-Save for Badges is a GHL Customer Care enhancement that continuously saves your badge projects in real time. This feature ensures that your design progress is saved every 60 seconds without any manual intervention, allowing you to work confidently even in the event of an internet disruption. The blue dot will appear when there are unsaved changes. Click the Save button to manually do it or wait for the blue dot to disappear to know that Auto-Save activated.

Full procedure:

1. Export badges in high-resolution PNG format.
2. Share Certificate link.
3. Share badges directly to social media platforms.
4. Encourage learners to showcase their achievements, increasing your brand’s visibility.

---

## **Auto-Save**

Auto-Save for Badges is a GHL Customer Care enhancement that continuously saves your badge projects in real time. This feature ensures that your **design progress is saved every 60 seconds without any manual intervention**, allowing you to work confidently even in the event of an internet disruption.  
The blue dot will appear when there are unsaved changes. Click the Save button to manually do it or wait for the blue dot to disappear to know that Auto-Save activated.

![Auto-Save (image 12 of 12)](https://jumpshare.com/v/wJVzB5gvxXUHTKrWM32D+/Screen+Shot+2025-07-09+at+1.29.27+AM.png)

**Auto-Save (image 12 of 12)**

This screenshot appears in the "Auto-Save" section of "How to Use Badges in Certificate Builder". The text alongside this image reads: Auto-Save for Badges is a GHL Customer Care enhancement that continuously saves your badge projects in real time. This feature ensures that your design progress is saved every 60 seconds without any manual intervention, allowing you to work confidently even in the event of an internet disruption…. Immediately after, the guide continues: Q: Can I create my own badge designs from scratch?
- How to confirm: Auto-Save for Badges is a GHL Customer Care enhancement that continuously saves your badge projects in real time. This feature ensures that your design progress is saved every 60 seconds without any manual intervention, allowing you to work confidently even in the event of an internet disruption. The blue dot will appear when there are unsaved changes. Click the Save button to manually do it or wait for the blue dot to disappear to know that Auto-Save activated.
- Next: Q: Can I create my own badge designs from scratch?

---

## **Frequently Asked Questions**

**Q: Can I create my own badge designs from scratch?**

Yes, you can start with a blank canvas and fully customize every aspect of your badge.

**Q: Are badges only available for course completions?**

No, badges can be issued for any achievement, including skill milestones, lesson completions, or custom criteria you define.

**Q: Can learners share their badges on social media?**

Absolutely! Badges can be downloaded or shared directly to social media platforms.

**Q: Is there a limit to how many badges I can create?**

There are no limits—create as many badges as you need for your courses and achievements.

**Q: Can I use my own graphics or icons in badge designs?**

Yes, you can upload custom graphics or use the built-in element library for your badge designs.

**Q: Will badges be visible on certificates?**

Badges are managed within the Certificate Builder and can be associated with certificates or issued independently.

**Q: Can I assign badges automatically based on course completion?**

Yes, you can trigger badge awards through automation workflows based on criteria like lesson completion or quiz results.

**Q: How do I update a badge after it’s been issued?**

You can edit badge designs at any time, but previously issued badges will retain their original appearance unless reissued.

**Q: Do arrow keys work to move both text boxes and images?**

Arrow‑key nudging applies to every element including text, images, shapes, and icons.

---

## **Related Articles**

-   [Default Certificates in Courses & Category Completion Certificate](https://docs.ghlcustomercare.com/docs/certificates/issue-certificates/default-certificates-in-courses-category-completion-certificate)
-   [Manually Issue Certificates](https://docs.ghlcustomercare.com/docs/certificates/templates/manually-issue-certificates)
-   [Create a Template](https://docs.ghlcustomercare.com/docs/certificates/templates/create-a-template)
-   [How to Set Expiry Dates for Certificates](https://docs.ghlcustomercare.com/docs/certificates/issue-certificates/how-to-set-expiry-dates-for-certificates)

---

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