Embed Fundraisers

The Hub gives you the ability to show Yes group fundraisers from the app, JustGiving and Indiegogo on your website through the use of a couple of lines of code.

How do I get this on my website?

It's simple. All you need to do is add this line of code anywhere you want fundraisers shown:

<thehub:fundraisers></thehub:fundraisers>
<script async src="//thehub.scot/share/embed.js" charset="utf-8"></script>

Which would display, like so:

Members of The Hub will see additional options on the fundraisers list, allowing them to like & share. Tapping the "£" symbol will take you to the page on the Hub where tapping it again will allow you to donate.

By default, the width of the posts in this list is set to 525px, and can be changed by adding a width attribute:

<thehub:fundraisers width="300px" ></thehub:fundraisers>
<script async src="//thehub.scot/share/embed.js" charset="utf-8"></script>

You can also limit the number of results that are returned (maximum of 10) and use your own stylesheet to make sure the fundraisers display to match the look and feel of your website:

<thehub:fundraisers limit="6" css="http://site.com/path/to/stylesheet.css"></thehub:fundraisers>
<script async src="//thehub.scot/share/embed.js" charset="utf-8"></script>