smartergiving/free-nonprofit-starter-website

A Free Website Template for Nonprofits

We want to help introduce the nonprofit community to the powerful world of open source development. Just follow the step-by-step instructions below, and in less than an hour your grassroots nonprofit will have a live, no-cost website complete with online donation capabilities.

But most importantly, by hosting your site and its code on Github you'll allow volunteers to easily contribute to ongoing development of your site.

No Coding Skills Required

If you're the type of person that can set up email on your smartphone, you likely have all the skills needed to take advantage of this template. This isn't that hard...you can do it! 😄

Help Others Help You

Github makes it crazy simple for people to help with your site. Whether it's volunteers or paid contractors, you're always just a few clicks away from accepting improvements.

Features

Accept online donations
Capture email addresses to begin building your supporter database

Demo

https://smartergiving.github.io/free-nonprofit-starter-website/

Screenshot

Benefits

Open Source
Your site and its code will be hosted on Github. This makes it easy for any developer, designer, or copywriter to help customize your site.
Totally Free
No upfront nor ongoing costs.
Payments by Stripe
Stripe is used by many tools for nonprofits. When you require a more robust fundraising solution than DonorBox offers, switching is easy.

Getting Started

Note: This project does require rolling up your sleeves a bit. If you're looking for a more user-friendly service (albeit paid), we're big fans of Squarespace and Wix.

Overview

Create Github accounts
Fork the repo
Enter your organization's info in _config.yml
Create DonorBox and Stripe accounts (for online donations)
Create TinyLetter account (for email capture)
Enter DonorBox and TinyLetter credentials in _config.yml
Suggested next steps

Detailed Tutorial

Step 1 Create Github accounts

Get started by clicking the green "SignUp" button at the top of this page
Enter your signup information as instructed and click "Create an account"
On the second page ("Choose your Plan"), check the box that says "Help me set up an organization"
Follow the remaining steps. Don't forget to confirm your email address.

Step 2 Fork the repo

Click the "Fork" button at the top of this page
When prompted, click the Organization you just set up
Change the name of the repo by clicking "Settings" in the right-hand menu. Name the repo <orgname>.github.io (where <orgname> is the Organization name you chose for Github) and click "Rename". For example, for us here at Smartergiving, we would name the repo smartergiving.github.io.
Your site can now be viewed at <orgname>.github.io

Step 3 Enter your organization's info

Click the _config.yml file
Click the edit button
Replace the example text with your organization's information
When finished, "commit" the changes by entering a commit message (e.g. "Update config") in the "Commit changes" box at the bottom of the page. Leave the other options as they are, and click the "Commit changes" button.
Preview your site at <orgname>.github.io.
Continue to adjust _config.yml as needed.

Step 4 Create DonorBox account

Go to DonorBox and create an account.
We suggest using the "Organization Sign Up" option, which will walk you through creating a Stripe account. Stripe handles the actual credit card processing.
Follow the prompts to add your first campaign.
Important: Be sure you fully understand the risks of accepting online donations.

Step 5 Create TinyLetter account

Go to TinyLetter and create an account by clicking the "Sign Up Free" button

Step 6 Enter DonorBox and TinyLetter credentials

Edit the _config.yml file and enter your credentials in the appropriate spots

Find your DonorBox campaign name
After you've created a campaign, on your dashboard click "edit" for the campaign you'd like to include on your site. 2/3rds of the way down the page you'll see a "Form URL" box. This is where you'll find your Donorbox Username for _config.yml
Find your TinyLetter username
Your TinyLetter Username can be found on your Profile page.

Step 7 Suggested next steps

Ask for help from your supporters or the open source community.
a. HashtagCharity
b. Idealist
c. Reddit (/r/nonprofitprojects)
Continue development on your own
a. Set up your local machine (follow steps 1 and 2)
b. Download Github Desktop and Atom (tutorial)
Need Help? Consider attending one of Github's workshops or online trainings

Color Schemes

Select an alternative color scheme by changing the color_scheme: option in _config.yml.

Extras

If you know a little HTML/CSS, the project is built on Bootstrap and offers the full suite of Bootstrap components

TODOs

Future

Google Analytics
Mailchimp
Paypal

Credits

Many thanks to Xiaoying Riley of 3rd Wave Media for the wonderful open source template from which this project is based. License: Creative Commons Attribution 3.0 License (CC BY 3.0).

License

The MIT License (MIT)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

smartergiving / free-nonprofit-starter-website