Donation Forms

From Blackbaud, you likely have code that looks something like this:

<div id="bbox-root"></div>
<script type="text/javascript">/*<![CDATA[*/
       window.bboxInit = function () {
           bbox.showForm('4e9bec70-7508-42e3-b937-8ce0c151aba0');
       };
       (function () {
           var e = document.createElement('script'); e.async = true;
           e.src =
'https://bbox.blackbaudhosting.com/webforms/bbox-min.js';
           document.getElementsByTagName('head')[0].appendChild(e);
       } ());
/*]]>*/</script>

 

To insert this into a LiveWhale, all you need is the form ID (the “439bec70-7508…etc…” from the example above – everything inside the quotes on the line reading bbox.showForm). When editing a page, use the “<>” View Source tool in the toolbar, and paste in:

<widget type="file">
<arg id="path">/_ingredients/includes/bbox.php?id=MY-FORM-ID</arg>
</widget>

Replacing MY-FORM-ID with the ID of the form you want to embed, e.g. 4e9bec70-7508-42e3-b937-8ce0c151aba0

When you save and publish the page, this will load in the proper Blackbaud code and form.