> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.kudobuzz.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Add the Kudobuzz Badge Widget to your Webflow Site

The Badge widget is perfect for your site’s footer and lets visitors quickly see your overall review rating. Follow these easy steps to get started:

1. Go to your **Webflow dashboard**.

2. Open the **Navigator** panel.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/navi_bu4u2h.png)

3. Select the **footer section** (or any section where you want the badge to appear).

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/screenshot_11yagb7.png)

4. Click **Add Elements**.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/element_1h7817e.png)

5. Search for **Code Embed** and click on it.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/code_19e4nah.png)

6. Head over to your Kudobuzz dashboard to copy the**&#160;custom code**.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/badge_1ljhl19.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/screenshot-1_hhhddt.png)

7. Paste your Kudobuzz **Badge** custom code.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/paste_6d8udv.png)


8. Click **Save & Close.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/screenshot-2_1gkude8.png)

9. Republish your Webflow site. Your Badge widget will now show on the live site.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/screenshot-3_1ty0748.png)







