Easily share the good you do without having to update your website! Use our customizable widgets to auto-populate your website with community content from you and your ambassadors.

This is just one more way you can enhance your brand and reputation as a company that cares, and attract new customers and employees!

Note: If you are a Credit Union using Forge, please refer to this more specific help article. 

Quick Links:

• See Widgets in Action
• How Widgets Work
• Where to Find Widgets
• Prepare to Launch Widgets
• Customize and Embed Widgets
• Best Practices

See Widgets in Action 

Many businesses have a Community page or section on their website, but keeping this page updated and fresh can often be a challenge. That's where our widgets come in!

Embed one or several widgets on your website, and content you and your ambassadors post on Do Some Good will automatically feed into your site. Be up and running in just minutes!

Here's an example of how our widgets look on Royal LePage Kelowna's website. Click the image to go to their site to explore. 

Here are a few other examples of customers who have saved time using our widgets:

• Envision Financial (Credit Union) - https://www.envisionfinancial.ca/community-leadership
• Avalon Event Rentals - https://www.avalonrents.com/about/avalon-in-the-community/ 

How Widgets Work 

Widgets allow content you and your ambassadors post on Do Some Good to be automatically displayed on your website or employee intranet!

Use our widgets to embed stories, charity testimonials, impact metrics, events, volunteer positions and more, which update in real time.

Widgets can fit anywhere on your site and are fully responsive. You can even customize the colours of the widgets so they match your corporate brand!

Where to Find Widgets

Go to your company's Management area, and click on "Widgets".

There are 7 different types of widgets for you to embed. Click around and explore!

1. News: Displays stories posted by your company, employees and any stories you are mentioned in (once you've approved them).
2. Impact Ticker: Displays your company’s volunteerism, donations and number of organizations supported.
3. Causes: Shows the official causes supported by your company as well as causes that your employees care about.
4. Testimonials: Displays testimonials written by charities and non-profit organizations endorsing you and the impact you make.
5. Supported Organizations: Displays a carousel of logos for all of the organizations that you've supported.
6. Events: Shows all upcoming events that you've created.
7. Positions: Shows all upcoming volunteer positions you have posted.

 
Prepare to Launch Widgets

Choose which widgets to embed and decide where to embed them.

• On your company website? Embed widgets on your Community page or section on your website. If you don't have one, consider creating one! This will build trust and loyalty with your current customers, and you could attract new ones!
• On your intranet? Where your employees log in every day is a great place to embed a widget to show your impact in the community. This build loyalty and increases employee retention and engagement!
• You can always do both! 

Customize and Embed Widgets

• Choose the look and feel. You can choose the shape, size, layout, what information to show, and the number of stories to display. Preview what the widgets will look like.
• Copy code and embed on your website. Copy the code we've provided and embed it on your website. Have your IT contact help if you don't know how. 

Best Practices

Embedding widgets on your website and intranet is so easy and saves you so much time in updating your sites. We have some tips on how to make the most out of your widget experience.

• Start small. We recommend starting with supported organizations, testimonials and newsfeed. 
• Prepare content for your chosen widgets:
  • Add 5 or more connections
  • Request 2 or more testimonials 
  • Post a minimum of 4 stories - supported organizations, testimonials, etc.

• Brand your widget with company colours. For each widget, you'll see "primaryColor":"#3667B1","secondaryColor":"#ffffff" in the code. This is pre-set to the Do Some Good brand colors, but you can easily change these to match your own company's brand guidelines.
  • If you're not sure what the hex colors are for your company, you can always use this free tool to find out:  https://imagecolorpicker.com/
    • Option 1: Upload your logo or an image. Then click on the color in the image you've uploaded and it will tell you the "HTML code:" with the hex color.
    • Option 2: Enter the URL to your website or an image and pick the color on the preview they provide to find your hex color to use when customizing widgets.