# What do the widgets do?

> Source: https://support.associationsphere.com/what-do-the-widgets-do  |  Updated: 2026-06-15T18:20:05Z

For every P2P campaign there are different widgets that can be embedded on your website to display your campaign and fundraisers performance.  There are four that are built-in and are not customizable, and then there are customizable options for the overall campaign.

For each of the built-in widgets we provide you with the HTML code to add them to your website. The 4 widgets are as follows:

1. **Campaign Goal Widget –**This widget will display a bar graph that shows the organization's fundraising goal next to the current total donated.
2. **Team List Widget –**This widget will show the participants on each team.
3. **Top N Teams –**This widget will display the top fundraising teams, you are able to pick the number of teams it displays.
4. **Top N Participants -**This widget will display the top fundraising individuals, you are able to pick the number of individuals it displays

For the customizable widgets, use the Widget Settings tab on the P2P campaign page editor and click on **+Add Widget.**

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/e4a01648c47b43e0b8ccd64b6590a3c3.png" width="1483" height="353" />

Name the widget, select the type of widget, either a donut or a thermometer, and edit the labels and colors as desired. Click **Update**to save the widget.

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/f350d49c35034d48973cb1dd1d6d5c5b.png" width="1224" height="846" />

The HTML code for all the widgets can be copied from the Preview & Publish tab. Click **Generate Code**, then the blue **Copy** button to copy the HMTL code for pasting into your website.

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/7a18e7d394004a72a1f133a9cd54ace7.png" width="1483" height="703" />

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/b93adb7ee14447119bc0fc11476bc722.png" width="1483" height="703" />

Example of Participants List widget embedded into a webpage:

<img src="https://api.usebluehill.com/wiki/media/public/37E1A66F6C464712B169251195C7F721/f1e5a68fc2de4179a6d42665f0ee8377.png" width="1478" height="910" />