To use this script, you simply need to add the following code anywhere on your website that you want the widget to show up:
<script async src="https://embed.joincampaignzero.org/widget.js" charset="utf-8"></script>
This will inject a widget into a newly created HTML element with the ID campaign-zero-widget
directly above where you placed our script.
If you are unable to place JavaScript where you want the widget to go, you can use the following HTML directly:
<div id="campaign-zero-widget"></div>
Then, include the following script tag anywhere else on your page:
<script async src="https://embed.joincampaignzero.org/widget.js" charset="utf-8"></script>
If you are using something like WordPress that just asks you for the URL for the script to put in your footer, you can use the following URL:
https://embed.joincampaignzero.org/widget.js
For browsers that let you use iFrames, you can also use:
<iframe src="https://embed.joincampaignzero.org" id="campaign-zero" width="200" height="345" frameborder="0"></iframe>
<iframe src="https://embed.joincampaignzero.org" id="campaign-zero" width="220" height="345" frameborder="0"></iframe>
<iframe src="https://embed.joincampaignzero.org" id="campaign-zero" width="240" height="345" frameborder="0"></iframe>
<iframe src="https://embed.joincampaignzero.org" id="campaign-zero" width="280" height="345" frameborder="0"></iframe>
<iframe src="https://embed.joincampaignzero.org" id="campaign-zero" width="300" height="345" frameborder="0"></iframe>
<iframe src="https://embed.joincampaignzero.org" id="campaign-zero" width="320" height="345" frameborder="0"></iframe>
<iframe src="https://embed.joincampaignzero.org" id="campaign-zero" width="400" height="380" frameborder="0"></iframe>
<iframe src="https://embed.joincampaignzero.org" id="campaign-zero" width="400" height="380" frameborder="0"></iframe>
This Widget gets it's data from our Campaign Zero API.
Both this Widget and its API are open for Developer Contribution.
If you wish to contribute to Campaign Zero development, you will need to request an API Key from Peter Schmalfeldt.