Skip to content
Certificates

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.

6 min read1,295 words12 explained imagesUpdated Fri, 28 Aug at 7:20 AM
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 Badges in GHL Customer Care Certificate Builder
  2. How To Create and Customize Badges
  3. Step 1: Access the Certificate Builder
  4. Step 2: Choose a Template or Start from Scratch
  5. Step 3: Customize the Badge Design
  6. Step 4: Preview and Save Your Badge
  7. Step 5: Send the Badge via Email
  8. Downloading and Sharing Badges
  9. Auto-Save
  10. Frequently Asked Questions
  11. Related Articles

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?

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) What this shows Log into your GHL Customer Care sub-account. What this shows Illustrates the "Step 1: Access the Certificate Builder" section of "How to Use Badges in Certificate Builder". 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. Image 1 of 12 What to chooseLog 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 stepStart 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) What this shows Start from scratch with a blank canvas, or Use a template from the built-in library Select a template and click Create. What this shows Illustrates the "Step 2: Choose a Template or Start from Scratch" section of "How to Use Badges in Certificate Builder". 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…. Image 2 of 12 What to chooseStart from scratch with a blank canvas, or Use a template from the built-in library Select a template and click Create.
Fields in this part of the guide Start from scratch with a blank canvas, or
Buttons and menus referenced Start from scratchUse a templateCreate.
Next stepThe 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.
All 3 steps in this 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) What this shows On the left panel, click the Text tab. What this shows Illustrates the "Edit Text" section of "How to Use Badges in Certificate Builder". 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. Image 3 of 12 What to chooseOn 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.
Buttons and menus referenced Text+ Add Text BoxHeadingSubheadingNormal Text
Next stepSelect a text element to style it:
All 4 steps in this 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) What this shows Change font family, size, and thickness/weight Change text color Apply bold, italic Modify line spacing as needed Adjust alignment: Left… What this shows Illustrates the "Style the Text" section of "How to Use Badges in Certificate Builder". 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. Image 4 of 12 What this coversChange font family, size, and thickness/weight Change text color Apply bold, italic Modify line spacing as needed Adjust alignment: Left, Center, Right
Fields in this part of the guide Change font family, size, and thickness/weightChange text colorModify line spacing as neededAdjust alignment: Left, Center, Right
Buttons and menus referenced font familysizethickness/weighttext colorbolditalicline spacingalignment
Next stepClick on a text box or add a text box and use dynamic tags to auto-fill values like:
All 5 steps in this 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) What this shows Note: Only contact level custom values will populate (if present). What this shows Illustrates the "Add Custom Values" section of "How to Use Badges in Certificate Builder". 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. Image 5 of 12 What this coversNote: Only contact level custom values will populate (if present). Some custom values may go blank. Please recheck the template before sending.
Fields in this part of the guide Contact Full Name, First Name, Last NameEmail, Phone, Company Name
Buttons and menus referenced Full NameFirst NameLast NameEmailPhoneCompany NameAddressCityStateCountry
Next stepSelect any shape or element to customize:
Example values
Contact Full Name, First Name, Last Name
Raman
Email, Phone, Company Name
Priya Raman

Illustrative values showing the expected format. They are not read from the screenshot.

All 3 steps in this 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) What this shows Select any shape or element to customize: What this shows Illustrates the "Add and Customize Design Elements" section of "How to Use Badges in Certificate Builder". 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. Image 6 of 12 What to chooseSelect any shape or element to customize:
Fields in this part of the guide LinesShapesRibbonsIconsBasesStroke ColorChange Border Type and WidthBorder RadiusElement Opacity
Buttons and menus referenced ElementsLinesShapesRibbonsIconsBasesFill ColorStroke ColorChange Border Type and WidthBorder RadiusElement Opacity
Next stepClick 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) What this shows Click Upload Media from Library to use saved assets Or paste an Image URL to import an external image What this shows Illustrates the "Insert Images" section of "How to Use Badges in Certificate Builder". 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. Image 7 of 12 What to copyClick Upload Media from Library to use saved assets Or paste an Image URL to import an external image Next stepSave 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) What this shows Bring Forward — Moves element one layer forward Send to Back — Moves element one layer backwards What this shows Illustrates the "Layer Control" section of "How to Use Badges in Certificate Builder". 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. Image 8 of 12 What this coversBring Forward — Moves element one layer forward Send to Back — Moves element one layer backwards
Fields in this part of the guide Bring Forward — Moves element one layer forwardSend to Back — Moves element one layer backwards
Buttons and menus referenced Bring ForwardSend to Back
Next stepClick the Preview (eye icon) to see how the badge looks. Click Save to store the badge in your GHL Customer Care directory.
All 2 steps in this 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) What this shows Click the Preview (eye icon) to see how the badge looks. What this shows Illustrates the "Step 4: Preview and Save Your Badge" section of "How to Use Badges in Certificate Builder". 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. Image 9 of 12 How to confirmClick the Preview (eye icon) to see how the badge looks. Click Save to store the badge in your GHL Customer Care directory.
Buttons and menus referenced Preview (eye icon)Save
Next stepNote: Badge template borders now match the final preview more accurately. Use Preview to confirm the final appearance before you save the badge.
All 2 steps in this 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 Recipients 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) What this shows You can use the Default Template or Click on the Edit button beside the Eye icon to select a saved email template. What this shows Illustrates the "Step 5: Send the Badge via Email" section of "How to Use Badges in Certificate Builder". 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. Image 10 of 12 What to chooseYou 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 in this part of the guide You can use the Default Template or
Buttons and menus referenced SendInstructor NameRecipientsAdd NewEdit button beside the Eye iconemail template.Previeweye icon.email subject as per your preference.ConfirmSend Email
Next stepRecipients can download and share badges instantly from the email received.
All 3 steps in this 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) What this shows Export badges in high-resolution PNG format. What this shows Illustrates the "Downloading and Sharing Badges" section of "How to Use Badges in Certificate Builder". 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…. Image 11 of 12 What this coversExport 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.
Buttons and menus referenced PNGdirectly to social media platforms
Next stepAuto-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.
All 4 steps in this 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) What this shows Auto-Save for Badges is a GHL Customer Care enhancement that continuously saves your badge projects in real time. What this shows Illustrates the "Auto-Save" section of "How to Use Badges in Certificate Builder". 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? Image 12 of 12 How to confirmAuto-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 stepQ: 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.

Was this guide helpful?

Related guides

Automate Badge Issuance in Workflows (Using “Issue Certificate” Action)1 min readAutomate Badge Issuance with Workflows5 min read · 6 imagesCreate a Template4 min read · 17 imagesManually Issue Certificates1 min read · 2 images