Springly lets you embed any of your forms (membership, donation, event, or online shop) directly on your own website.
- What are the benefits?
- How does the integration work?
- Tips & tricks
- Why embed Springly on your website?
What are the benefits?
- Your community members never leave your nonprofit's website;
- Your community gets a modern, secure experience with online payment;
- Setup is fast and requires no technical expertise;
- You drive stronger member engagement in your nonprofit!
How does the integration work?
Springly provides an HTML snippet (also called an "iframe"). This line of code includes everything needed for online registration and payment, so all you have to do is copy and paste it into your website.
1- Copy the code from Springly
You'll find this code in the "Distribution" tab of your membership, donation, event, or online shop form. The steps are the same for all form types:
- Go to Forms, then select the tab for your form type (Memberships, Donations, Events, Online Shop);
- If the form is still a draft, click the pencil icon in the top-right corner; if it's already published, click the three vertical dots, then Edit;
The form must have a "Published" status before you can share the iframe code. If it's still a draft, open the Configuration tab, then expand the Status dropdown. The options are Published, Draft, Sales Suspended, and Archived. Select Published, then click Save.
- Then go to the Distribution tab: in the section "Display the campaign form on an external website" you'll find the iframe code. Click Copy code.
2- Paste the code into your external website
The process for adding the HTML code to your website is the same regardless of the CMS you use (WordPress, Wix, Joomla!, ...): you will need to paste this HTML code onto the page of your nonprofit's website where you want to embed your form.
If you need help pasting the code, we recommend reaching out to your service provider, contacting your webmaster, or getting in touch with our support team.
Tips & tricks
1- A form fully customized to match your nonprofit's branding
To change the text colors of the form so it blends seamlessly into your nonprofit's website, you can choose to customize the site theme.
The color settings for your iframe are configured from the Website section, even if you are not publishing a website through Springly.
2- Adjust the form size
The Springly iframe has a default width of 100%. It automatically resizes in height based on your content (as long as your system supports it).
To change the width of the iframe, you can set the width parameter directly in the iframe code that Springly generated for you.
The recommended size is 100%. Feel free to test different values and see which size works best for your website.
3- Check out our white paper
We offer guidance on building a website. Check out our white paper on digital communication:
Guide to Creating or Redesigning Your Nonprofit's Website | Springly
Why embed Springly on your website?
In practice, this strategic choice lets you offer your members a membership form, donation form, event sign-up, or product purchase without ever leaving your nonprofit's website.
As a nonprofit administrator, you share a single sign-up link, your website, while continuing to manage your members' data, their payments, and your accounting in Springly.
Your forms get more visibility, your website gets more traffic, and you can grow your member community, increase donations, boost event attendance, and drive product sales.
Please note: only forms can be embedded via iframe on an external website. Other elements of your Springly platform (such as full website pages or member profile pages) cannot be embedded on any site other than the one created through Springly.
Learn more:
Comments
0 comments
Article is closed for comments.