How to Embed Recurring Donation Forms on Weebly

We recently partnered up with Weebly, a premiere website builder, to make it easier for you to embed your campaign donation forms onto your website or blog. Embedding these forms directly onto your site will make it easier for donors to give donations and easier for you to receive donations.

weebly-donorbox-embed-example

This manual was created to guide you through the simple embedding process. We have included two different embedding methods – one using our embed code and one using our Weebly app – so feel free to choose whichever method you prefer. Please note that our embed code is often more up to date than our app.

Currently, Weebly offers SSL encryption only in the business plan. Because of this, Donorbox users should not embed their recurring donation forms directly onto their Weebly websites except in the case of the business plan. If your site is already SSL secure, you can embed the donation form.

If your Weebly site does not have SSL, you can install our “Donate Button” which will direct donors to your SSL secure donation page.

Method 1 – Use our Weebly App:

 

  1. Go to your Donorbox dashboard and click the “New Campaign” button to create your donation form, if you haven’t already.         Once your campaign has been created, copy the campaign URL found under your campaign name in your dashboard.
  2. Then, go to weebly.com/app-center/donorbox and click “Add” to download the DonorBox app. It’s free!8
  3. When prompted, click “Connect” to add the Donorbox app to your Weebly site.9
  4. Go to your Weebly site editor (http://www.weebly.com/editor/main.php) and scroll down the left-hand “Elements” sidebar to find the DonorBox widget.10
  5. Drag the widget onto your site in the location of your choice.
  6. Enter the URL of the campaign you wish to embed into your website in the “Campaign URL” text box.
  7. Publish your updated website and wait for the donations to come in!

 

Method 2 – Use our Embed Code:

 

  1. Go to your Donorbox dashboard (https://donorbox.org/dashboard) and find the campaign you wish to embed on your site. Click the “Embed Form” button.

1

  1. Copy and paste the embed code for your form.

2

  1. Go to your Weebly site editor (http://www.weebly.com/editor/main.php) and scroll down the left-hand “Basic” sidebar to find the “Embed Code” widget.

  1. Drag the widget onto your site in the location of your choice.

  1. Click “Edit Custom HTML” and paste the campaign form embed code.

  1. Publish your updated website and wait for the donations to come in!

3 thoughts on “How to Embed Recurring Donation Forms on Weebly”

Leave a Reply

Your email address will not be published. Required fields are marked *