Integrate Forms Into your Existing Website

Before starting

All of the event/donation/membership campaigns you create can be integrated into your website.

The Communication tab on your campaigns gives you access to the iFrame code which allows you to integrate the campaign. 

Here we will cover:

• How to integrate your campaigns
• Useful tips

How to integrate your campaigns

• Go to the campaign of your preference and click on the Manage button.
• Now, head over to the Share tab.
• Locate the section Display the campaign form on an external website and copy the code under Embed the iframe form.

This code allows you to integrate the campaign directly into your website. You just need to copy & paste it into the HTML code of your website to integrate.

Useful tips

The Springly iframe has a default width set to 800px. In addition, the iframe automatically resizes in height according to the size of your content (as far as your system allows it). 

To change the width of the iframe, you can set the width parameter directly in the iframe code we generated for you. Let's take this iframe:

<iframe id="iframe_asso" src="https://keaton-demo.asso.com/collect/description/149339-y-game-night?iframe=1" width="100%" style="overflow: hidden; border: 0; max-height: none;" scrolling="no" onload="window.location.href='#iframe_asso'"></iframe><script>window.addEventListener("message", function(event) {if(event.data.action === "iframe.height" && event.origin === "https://keaton-demo.asso.com"){document.getElementById("iframe_asso").height = event.data.height;}});</script><style>#iframe_asso{border: 0}</style>

You can change the width by setting your own width. 

Note: Springly pages are not optimized for displays smaller than pixels.