How to embed Smart Donations and your Campaign Pages as a widget on other websites

Smart Donations can be embedded directly onto your nonprofit’s site or blog, or any other site on the web. Here's how to do it:

  • Simply copy the HTML code found in the "Smart Donations" tab on the left-hand side of the Nonprofit Member Portal and paste it into your website's code wherever you would like the widget to appear on the page.
    • We recommend that nonprofits embed the Smart Donations widget in its default size. However, if you need the widget to fit in a specific location on your site, you can change the dimensions by adjusting the numbers next to height and width inside the HTML code. Change the dimensions after you paste the HMTL code onto your page. If you need help changing the dimensions or making Smart Donations fit on your page, contact us at membership@givelively.org or 1-917-877-0533.
    • Your Smart Donations widget will be live on your page once you’ve completed the previous steps.
  • A preview of your widget will appear on the  “Smart Donations” tab page in the Nonprofit Member Portal.

You can also embed your Campaign Pages as a widget a by simply changing the URL link that appears in the widget's HTML code. In the example below, you would swap out the red bolded hyperlink with the link to your desired Campaign Page.

 
___________
 
<!-- Begin Give Lively Smart Donations Widget -->
 
<script>gl=document.createElement('script');gl.src='https://smart-donations-staging.herokuapp.com/widgets/sd_widget.js';document.getElementsByTagName('head')[0].appendChild(gl);</script><div data-widget-height='934' data-widget-src='https://smart-donations-staging.herokuapp.com/donate/helen-keller-international-inc?ref=sd_widget' data-widget-width='375' id='give-lively-widget'></div>
 
<!-- End Give Lively Smart Donations Widget -->
Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.