For every widget created in FundraiserOne the following three blocks will be generated. These blocks need to be copied to the page on the website that it's being implemented on.
Note: The widget system will inherit styles from the page/website they are implemented on. This is so widget can blend in using similar colours. Style overrides can be used. A website admin or developer may be required.
Copy and paste this code into the <head> section of your web page.
<link type='text/css' rel='stylesheet' href='https://app.fundraiserone.net/Widgets/DonationWidget/Css?wv=1' />Copy and paste this code into the <body> section of your web page, at the location you want the donation widget to appear.
<div id='FundraiserDonationWidget'></div>Copy and paste this code into the <body> section of your web page, at the bottom.
<script src='https://code.jquery.com/jquery-2.2.4.min.js' type='text/javascript'></script><script src='https://app.fundraiserone.net/Widgets/DonationWidget/js?wv=1&key=96951axxxxxxxxxxxxxxxxxxxxxxe8e93'></script><script> $(document).ready(function () { $.isFunction($('#FundraiserDonationWidget').Donation) && $('#FundraiserDonationWidget').Donation(); });</script>