Adding Rewards to your DoJiggy Charity website

Adding rewards to your DoJiggy website
Adding rewards to your DoJiggy website

Are you creating your website using DoJiggy? Would you like to add reward capabilities, and campaigns to your website? This tutorial will show you how you can quickly add a fully white labeled fundraising campaign to your new or existing DoJiggy charity website.

This article is part of a blog series for adding rewards to your charity fundraising website. You can also add rewards to other charity platforms such as Ning, NationBuilder, Doodlekit, MyEventand Wild Apricot.

The solution described in this blog article can be used for any fundraising, charity, or non-profit organization website. It is great for adding a single reward, or multiple rewards on a single page for any new or existing DoJiggy site using white label technology such as Atlas. To gain the capabilities to add multiple rewards on your DoJiggy site, you need to subscribe to an Atlas subscription plan. The Micro subscription plan is great to use for this purpose. Included in the subscription plans is the Sedra widget. You can use the Sedra widget to host a campaign on any web page.

Please note that it is recommended to read the following article to quickly set up the widget for this tutorial.

Adding rewards on your DoJiggy Charity Website

Step 1: Subscribe to the Atlas subscription plan.

New Atlas Subscription plans Thrinacia UI
Atlas subscription plan options

Step 2: Create the fundraising campaign, and add the rewards. You can then copy the widget code.

Campaign creation steps preview widget code
Campaign creation steps preview widget code

Depending on the configuration of your site, you may need to approve the campaign to view it live. To do this, you can log in as an administrator, and go to the administrator dashboard, click on campaigns, and choose approved/running from the dropdown menu located in the status column for the campaign that you have created.

You can also add more functionality such as, removing the contribute button (if you only want users to purchase rewards), enable attributes (for example: if you are offering a t-shirt for a reward, you can add sizes as an attribute for the t-shirt, and colours as an attribute), HTML editor, and more.

Step 3: Host the widget on a separate page.

Once you have created the campaign and copied the widget code, you will have to host the widget on a separate page. You will have to reference this page in order to host it on the DoJiggy website. If you would like to host the campaign on a separate page using the Atlas platform, you can log into the site using SFTP, create a new .html file with the widget code included for this example we have saved it to be called widget.html:

Widget code pasted into editor
Widget code pasted into editor

Import the .html file that you created as a new page via SFTP. Place the file in the following location using SFTP: webui/angapp/widget.html

Go to the page that is hosting the widget, and copy the URL.

Step 4: Create a new page, paste the iframe, and view the campaign.

Log into the DoJiggy website, go to the admin dashboard, and create a new page. To do this, click on the website item in the left menu, then on the pages option.

DoJiggy dashboard menu
DoJiggy dashboard menu

Next, create a new page by choosing the blank page in the dropdown menu, then click on the blue add button.

Add new page dropdown
Add new page dropdown

Fill in the necessary fields.

Add your content
Add your content

 

Now, click on the source button, and paste the following iframe:

<iframe width=”100%” height=”500px” src=”YOUR-URL-HERE” frameborder=”0″></iframe>

Paste iframe into source code
Paste iframe into source code

You can now view, and donate to the campaign.

View and purchase rewards
View and purchase rewards

That is how you can add rewards onto your DoJiggy charity website. For a full and more detailed tutorial, you can watch the following video: