Moonfruit is a subscription-based web hosting service, which currently offers versions in both English and French. It has a simple, user-friendly point-and-click interface as well as drag-and-drop templates, to make it easier than ever for you to build your own custom website. For those of you with Moonfruit websites, we have put together a guide on how to embed your Donorbox donation forms on a webpage.
Step-by-step Tutorial on Accepting Recurring Donations
Head over to your Donorbox campaigns page. Click the form integrations icon </> for your fundraising campaign. Then, select the “Embed Form” option.
Customize your embed options and copy the auto-generated code.
Now, head over to your Moonfruit dashboard. First, find or create the page onto which you want to embed your form by clicking the “Pages” tab at the top of the page.
Then, click the “+ Add New Page” button at the top right of the Pages editor.
Once you have selected the type of page you want to add, given it a name, and set its visibility and position, click the “Finish” button.
You can now access your new, blank page. Click the “Insert” tab at the top of the Moonfruit editor.
On the left-hand sidebar, under “Basic Objects”, click “HTML Snippet”.
In the editor that comes up, click the “Setup” tab and paste your Donorbox donation form embed code in the text box. Then, click “Apply”.
After clicking the “Save” tab at the top of the page, your new page and donation form will be ready to go! Here’s an example of what your new page should look like:
Hope this guide was helpful in setting up a recurring donation form for your MoonFruit website.