A Github Pages template for nonprofits seeking a starter website. Includes online donations and newsletter signup.

Overview

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

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

Demo

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

Screenshot

Screenshot


Benefits

  1. 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.

  2. Totally Free
    No upfront nor ongoing costs.

  3. 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


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

Detailed Tutorial


Step 1 Create Github accounts

  1. Get started by clicking the green "SignUp" button at the top of this page

  2. Enter your signup information as instructed and click "Create an account"

  3. On the second page ("Choose your Plan"), check the box that says "Help me set up an organization"
    Screenshot

  4. Follow the remaining steps. Don't forget to confirm your email address.


Step 2 Fork the repo

  1. Click the "Fork" button at the top of this page

  2. When prompted, click the Organization you just set up

  3. 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.
    Settings

  4. Your site can now be viewed at <orgname>.github.io


Step 3 Enter your organization's info

  1. Click the _config.yml file
    SignUp

  2. Click the edit button
    Edit

  3. Replace the example text with your organization's information
    Enter Information

  4. 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.
    Commit

  5. Preview your site at <orgname>.github.io.

  6. Continue to adjust _config.yml as needed.


Step 4 Create DonorBox account

  1. Go to DonorBox and create an account.

  2. We suggest using the "Organization Sign Up" option, which will walk you through creating a Stripe account. Stripe handles the actual credit card processing.
    DonorBox SignUp

  3. Follow the prompts to add your first campaign.

  4. Important: Be sure you fully understand the risks of accepting online donations.


Step 5 Create TinyLetter account

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

Step 6 Enter DonorBox and TinyLetter credentials

  1. 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
    DonorBox

  • Find your TinyLetter username
    Your TinyLetter Username can be found on your Profile page.
    TinyLetter


Step 7 Suggested next steps

  1. Ask for help from your supporters or the open source community.
    a. HashtagCharity
    b. Idealist
    c. Reddit (/r/nonprofitprojects)

  2. Continue development on your own
    a. Set up your local machine (follow steps 1 and 2)
    b. Download Github Desktop and Atom (tutorial)

  3. Need Help? Consider attending one of Github's workshops or online trainings


Themes

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

Alternative Themes


Extras

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


TODOs

  • CNAME and custom domain instructions
  • Add cleanup items to tutorial
    • Delete gh-pages branch
    • Swap README for a "post-launch" one
  • Open graph metadata
  • Troubleshooting tips

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)

Copyright (c) 2015 Chad Kruse, SmarterGiving

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.

You might also like...

Write your resume in Markdown online.

Oh, Resume! Word and LaTex are too overkill for a resume. So why not write it in Markdown? Have fun: oh-resume.zxh.io WIP Notice Highly recommend usin

Dec 24, 2022

A simple, one page, Bootstrap HTML website template created by Start Bootstrap

A simple, one page, Bootstrap HTML website template created by Start Bootstrap

Start Bootstrap - One Page Wonder One Page Wonder is a basic one page template for Bootstrap created by Start Bootstrap. Preview View Live Preview Sta

Dec 18, 2022

๐Ÿ“ฑ Free to use static generated website template for your mobile app

๐Ÿ“ฑ Free to use static generated website template for your mobile app

Mobile App Landing Page Template ๐Ÿ“ฑ Free to use static generated landing page template for your mobile app ๐Ÿ’ก Features Mobile App Landing Page Templat

Dec 30, 2022

CSS Boilerplate / Starter Kit: Collection of best-practice CSS selectors

Natural Selection Natural Selection is a CSS framework without any styling at all. It is just a collection of selectors that can be used to define glo

Dec 8, 2022

Landing page starter

Landing page starter

๐Ÿ‘‹ Fresh Fresh is a free landing page starter built by cssninjaStudio. โœŒ๏ธ preview Check out the live demo by clicking here. Fresh is built with Bulma

Dec 23, 2022

A starter CSS framework that actually looks good.

Mustard UI Mustard is a starter CSS framework that actually looks good. Getting Started Mustard UI is currently in release v1.0. Try it out today and

Dec 28, 2022

๐Ÿ–ผ A pure client-side landing page template that you can fork, customize and host freely. Relies on Mailchimp and Google Analytics.

landing-page-boilerplate A pure client-side landing page template that you can freely fork, customize, host and link to your own domain name (e.g. usi

Dec 24, 2022

AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio is a project skeleton for a simple single-page web application (SPA) built with AngularJS, Bootstrap, and ASP.NET (MVC, Web Api, SignalR).

AngularJS SPA Template for Visual Studio This project is a skeleton for a simple single-page web application (SPA) built on top of the: AngularJS 1.2.

Jun 18, 2022

FREE Bootstrap Landing Page Template for Developers and Startups

FREE Bootstrap Landing Page Template for Developers and Startups

Theme Details & Demo Details: https://themes.3rdwavemedia.com/bootstrap-templates/startup/appkit-landing-free-bootstrap-theme-for-developers-and-start

Nov 30, 2022
Comments
  • jekyll 3.9.0 | The <theme> theme could not be found

    jekyll 3.9.0 | The theme could not be found

    I am trying to build and test this locally.

    However, jekyll serve throws an error, then when I add a standard GH-pages Gemfile bundle exec jekyll serve also throws and error

    What should I put in my local Gemfile to get this working locally?

    opened by rajBar 2
  • After cloning I'm getting 404 There isn't a GitHub Pages site here.

    After cloning I'm getting 404 There isn't a GitHub Pages site here.

    I've cloned your repor but it does not work, I'm getting:

    404
    There isn't a GitHub Pages site here.
    

    when I try to reach my site url, i.e. https://sigmafund.github.io/

    opened by farmazon3000 2
  • "theme" variable conflicts with Github-pages new theme offering

    Just did a github-pages build with a fork of the theme and got this warning from Github:

    You are attempting to use a Jekyll theme, "default", which is not supported by GitHub Pages. Please visit https://pages.github.com/themes/ for a list of supported themes. If you are using the "theme" configuration variable for something other than a Jekyll theme, we recommend you rename this variable throughout your site. For more information, see https://help.github.com/articles/adding-a-jekyll-theme-to-your-github-pages-site/.

    I think that when they introduced Jekyll themes recently they reserved the word "theme" in the config file, so it's likely as simple as changing the name of the config variable. I'd be happy to submit a p.r. for this at some point, if that would be helpful. Really appreciate that you've created this.

    opened by budparr 2
Owner
SmarterGiving
Helping promote a more open charitable world through the adoption of modern technologies
SmarterGiving
A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.

Scribbler - a responsive HTML template for coding projects and documentations Scribbler is a responsive HTML/CSS/Javascript template designed for deve

Amie Chen 394 Jan 1, 2023
:page_facing_up::briefcase::tophat: A simple Jekyll + GitHub Pages powered resume template.

Resume template A simple Jekyll + GitHub Pages powered resume template. Docs Running locally To test locally, run the following in your terminal: Clon

Joel Glovier 1.6k Dec 27, 2022
Deploying a React App (created using create-react-app) to GitHub Pages

Deploying a React App* to GitHub Pages * created using create-react-app Introduction In this tutorial, I'll show you how I deployed a React appโ€”which

gitname 4.4k Dec 31, 2022
Tailwind CSS Starter Template - Landing Page

Tailwind Toolbox - Landing Page Template Landing Page is an open source, generic landing page template for Tailwind CSS created by Tailwind Toolbox. G

Tailwind Toolbox 908 Jan 8, 2023
This is a TailwindCSS, Next.js, medusa starter template

This is a TailwindCSS, Next.js, medusa starter template. Feel free to use it, fork it and star it ????

Avneesh Agarwal 13 May 5, 2022
:mountain_bicyclist: Landing Pages of Ant Design System

Ant Design Landing Landing Pages of Ant Design System English | ็ฎ€ไฝ“ไธญๆ–‡ What is Landing? Landing is a template built by Ant Motion's motion components. I

Ant Design Team 5.2k Dec 31, 2022
Chrome extension that creates a button on Lever job application pages which shows you how their api parses your resume.

EDIT I have helped make a website that provides the same functionality. Repo: https://github.com/KnlnKS/resume-parser Site: https://resume-parser.verc

Kunalan Kevin Subagaran 17 May 19, 2022
Online Banking App is developed by me and 3 of my friends inspired by existing models.

Online Banking App is developed by me and 3 of my friends inspired by existing models. The app leverages standard web technologies and was generated with Angular CLI version 9.1.7.

Tuhin Chakrabarty 4 Aug 30, 2022
A website designed as a template for Real Estate Events and Conferences.

A website designed as a template for Real Estate Events and Conferences. Users can showcase live countdown until event, event characteristics, Speakers and Organizational leadership Showcase and design is responsive. Built with HTML/CSS/JavaScript.

Steve 17 Nov 28, 2022
Cyberpunk Store - online supermarket project, using cyberpunk inspired theme.

if you downloaded the project from GITHUB >> TO START THE PROJECT WITHOUT ERRORS - Copy/Cut the "assets" folder into "Client/src/" folder (i threw the

Ariel Cohen 1 Jan 2, 2022