01 · Module
Nonprofit header
Nonprofit header with the organization name and a one-line purpose, Programs, Impact and About links and a marigold Donate button.
Website kit · Nonprofits & charities
Nonprofit website kit
Six Elementor-ready pages for a local nonprofit: header, home with programs and gift amounts, programs with schedules, impact report, donate page and footer.
What is in the kit
02 · Page
Nonprofit home page
Nonprofit home page: mission hero with Donate, Volunteer and pantry hours, program cards, gift amounts, a family story, volunteer shifts and newsletter.
03 · Page
Nonprofit programs page
Programs page for four food programs, each with who it serves, how to get help, schedule and location, and volunteer roles, plus a volunteer sign-up form.
04 · Page
Nonprofit impact report page
Annual-report style impact page with four counters, percentage bars for spending and income, a story with a quote, the board list and transparency cards.
05 · Page
Nonprofit donate page
Donate page with monthly and one-time giving tiers, a donation form, phone and mail options, four other ways to give, a tax note and a six-question FAQ.
06 · Module
Nonprofit footer
Dark nonprofit footer with the name, mission line and Donate button, pantry address and hours, get-involved links, contact details and a small-print row.
About this kit
A community nonprofit’s website serves two groups at once, and both are usually on a phone. People who need help want to know, quickly and without embarrassment, whether they qualify, where to go and when. Donors, volunteers and funders want to see what the organization does, what a gift achieves and whether the money is handled carefully. A good site answers the first group above the fold and earns the trust of the second further down.
This kit is built around a fictional food pantry, but the structure fits any local charity with programs, volunteers and donors. The header keeps a Donate button on every page. The home page pairs the mission with this week’s pantry hours, then shows the programs, what $25, $50 and $100 buy, one family’s story, volunteer shifts, partners and a newsletter signup. The programs page answers the same four questions for each program — who it serves, how to get help, when and where, and how to volunteer — and ends with a volunteer form. The impact page reads like a short annual report with counters, percentage bars, a story and a governance section, and the donate page combines giving tiers, a donation form, other ways to give, a tax note and an FAQ.
Import the header and footer first, then home, programs, impact and donate. The header and footer belong in Elementor Theme Builder, which needs Elementor Pro; without Pro, paste them into each page or keep your theme’s header. The three forms also need Elementor Pro, and the donation form does not take payments by itself — connect a payment add-on or send donors to your donation platform. Replace every sample figure with numbers from your own reviewed accounts before you publish.
Colors and fonts
Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.
Aubergine
#3b2346
Marigold
#f2a93b
Oat
#faf6ee
Blush
#f6e3d6
Leaf green
#4f7a3a
Plum grey
#6b5b70
- Headings: Fraunces
- Body text: Nunito Sans
How to install the kit
- Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
- In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
- Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
- With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
- Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.
