Auto-populate community content on your website using our widgets!
How they work
Once you add the widgets to your webpage, content from your Organization's profile is automatically displayed on your site! Use our widgets to embed stories, events, positions or to recognize businesses that support you. New updates ensure widgets can fit anywhere on your site and are fully responsive; You can even customize the colours of the widgets so they match your brand!
Examples of How to use Widgets
- Have a stories, events, volunteer positions or business recognition section on your website? Use widgets to auto-populate content, so that you don't have to constantly bug your IT crew, which also saves you time and money ;)
- Does your organization use an intranet system (e.g. Sharepoint)? If your staff is logging in, this is a great opportunity to embed a widget that shows the good stories being told.
See an example in action (click the image or this link, which will open in a new window):
Where to find Widgets
On Do Some Good, head to your Management area. Then, visit the 'Widgets' page. Simply have your IT department insert the widget embed codes onto your website.
There are 4 different types of widgets for you to embed:
- News: Displays stories posted by your organization, your volunteers and any stories you are mentioned in (once you've approve them).
- Business Supporters: Displays the Good Companies that have supported your organization.
- Events: Shows all upcoming events that you've created.
- Positions: Shows all upcoming volunteer positions you have posted.
For each widget, you will see "primaryColor":"#3667B1","secondaryColor":"#ffffff" in the code. This is pre-set to the Do Some Good brand colours, but you can easily change these to match your own organization's brand guidelines. If you're not sure what the hex colour codes are for your organization, you can always use a free tool to find out.
- Free Tool (site): https://imagecolorpicker.com/
- Option 1: Upload your logo or an image. Then click on the colour in the image you've uploaded and it will tell you the "HTML code:" with the hex colour.
- Option 2: Enter the URL to your website or an image and pick the colour on the preview they provide to find your hex colour to use when customizing widgets.