Add Your Badge to Your Website using Embed Code
Want to show off your badge? Follow these simple steps to embed it on your site—no coding skills required.
1. Copy Your Embed Code
First things first:
Grab the embed code we’ve provided.
It’s a small piece of HTML you’ll paste into your site. Think of it as a digital sticker.
2. Choose Your Platform Below
Elementor (WordPress)
- Open the page you want to edit with Elementor.
- Drag the HTML widget to the section where you want the badge to appear.
- Paste your embed code into the HTML field.
- Click Update. You’re done!
Gutenberg (WordPress Block Editor)
- Edit the page or post where you want the badge.
- Click the + button and add a Custom HTML block.
- Paste your embed code inside.
- Click Preview to check it, then Update to save.
WPBakery (Visual Composer)
- Edit your page with WPBakery.
- Add a Raw HTML or Custom HTML element.
- Paste the embed code.
- Save and update the page.
Other Website Builders (Webflow, Squarespace, Wix, etc.)
Most platforms allow you to embed HTML code blocks.
Just look for a widget or module called:
- “Embed Code”
- “Custom HTML”
- “Raw Code”
Then paste your badge code, save, and publish.
Pro Tip
Want to resize the badge? You can wrap the code in a <div style="width:100px;"> tag to control size.
