As part of the launch of the Collect service, we launched the smart donation window, which can be embedded directly on the charity's website (Embed) using iframe technology, with all the features of the campaign page: donation packages, recurring donations, Bit donations and more.
What is Embedding?
Embedding is an option that allows you to integrate a portion of our website directly into yours. In this case, you can embed a donation window, enabling you to collect donations directly from your website!
Here is a preview of the window:
Performing Embed:
The embedding process is carried out by the charity's website manager, using a code that you generate in the Jgive charity area. Once you've registered for the service, generate the code and pass it on to the person responsible for the website.
Steps for Code Generation:
1. Go to the charity area: click your profile picture at the top of the site, then click the charity's name. In the side menu, click Fundraising.
2. Find the campaign whose donation window you want to embed. On its row, click the actions button (three dots), and then click Edit.
3. At the top of the edit screen, click the Sharing tab.
4. Click Embed to open it. In the Domain name field, enter the domain (website) where you want to embed the donation window. To add more addresses, click Add new domain. Then click Save.
5. The domain is added right away, and the embed code snippets in Hebrew and English appear at the bottom of the section. All that's left is to copy the code (Copy) and send it to the person managing the charity website – and you're done!
6. To customize the design of the window, scroll to Custom CSS in the same section and upload your CSS file.
*The image is for illustrative purposes only, and the code shown in it is not relevant to your charity.
Optimizing the Design of the Smart Donation Window
For a guide featuring technical tips on properly embedding the smart donation window on your website, click here.