If you have a standalone donation or standalone ticketing pages with Rallybound, you can embed these pages on your organization's website.  The embed code can be found in your organization's Admin interface.

  1. Log in to the Admin at admin.rallybound.com
  2. Double-click on the standalone donation or ticket page you would like to embed
  3. Click on the Embed Code button at the bottom of the page
  4. Click the Copy button located underneath the embed code
  5. Paste the code into your site's HTML editor.

Version 2 (beta)

Rallybound's embed Version 2 reduces the complexity of our embed by removing support for discontinued features and leverages modern browser features to reduce load time on your site by as much as 40% over Version 1, which closely matches the load time for the regular donation page on your Rallybound site.

To use Version 2, follow these steps:

  1. Log in to the Admin at admin.rallybound.com
  2. Double-click on the standalone donation or ticket page you would like to upgrade
  3. Click on the Embed Code button at the bottom of the page
  4. Click the "V2 (beta)" button
  5. Click the Copy button located underneath the embed code
  6. Paste the code into your site's HTML editor (replace the Version 1 code)

For best performance we recommend loading our plugin before any heavy javascript assets so the iframe can begin loading in the background.

Tips and Tricks

In the embed code there's a section that begins "_rbConf.otherParams". This section can be used to set various defaults on the embedded donation page. When adding to this list, ensure that all but the last one have a comma after them.

For sites that have a 'sticky' navigation or other sticky elements that can cover the embedded form add: "_rbConf.additionalOffsetTopForScroll = {pixel amount - ex. 200};" above "_rbConf.otherParams" for the page to scroll a bit more to ensure that the form scrolls enough on success or error.

Other Embed Options — For advanced users only!

In addition to embedding the entire donation form into a webpage, the donation form can also be embedded in a widget style. There are two styles for this. Follow these instructions to add them:

  1. Retrieve the URL of the donation page you'd like to embed.
  2. You will need to add parameters at the end of the URL, as follows: 
  3. Wrap your URL in an iframe tag as follows:
  4. Paste your code as HTML in the desired location of your website.

The same tips and tricks mentioned above can also be used on the widget (and more!), but in this case they should be added as parameters directly to the end of the URL:

Capturing rbref Tracking Code

If you'd like to utilize the rbref tracking code on an embedded donation form the following must be added to the embed code just above "//_rbConf.defaultAmount = 100; // optional"

var qsParm = {};
if (window.location.search.length > 1) {
	var query = window.location.search.substring(1);
	var parms = query.split('&');
	for (var i = 0; i < parms.length; i++) {
		var pos = parms[i].indexOf('=');
		if (pos > 0) {
			var key = parms[i].substring(0, pos);
			var val = parms[i].substring(pos + 1);
			qsParm[key] = val;
		}
	}
}
if(qsParm.rbref){
_rbConf.otherParams.rbref = qsParm.rbref; 
}