New Template: Charity Organisation
Evangeline Walker • May 27, 2024

The next time a client asks you to build a website for a charity organisation, an NGO or any other non-profit association, this new template is the perfect one to choose for the job. 

A man and a woman are hugging each other on a website.

Using this friendly and upbeat website template, you can raise funds and awareness for your charity or nonprofit organisation. There's lots of space for text to let you describe your projects and goals in detail. Don't forget to add photos to give your projects a human and approachable feeling. Using this template will also help you to recruit volunteers and raise donations.

The colors used in this template create a feeling of warmth throughout and increase empathy for the reader.

A palette of colors with a blue circle in the middle

In this template you’ve got everything you need to launch a professional website quickly: 

  • Homepage - to give the most important information
  • Autism page - to describe the problem the organisation is facing
  • Become a volunteer page - to recruit volunteers
  • About page - to describe the organization
  • Care & therapy pages - for showcasing all projects and programs
  • News & events page - to get updates and learn about upcoming events
  • Contact page - to get in touch

A couple of great things to notice about this template:

It's got an FAQ section

The accordion widget is a great way to answer potential questions in advance, and allowing site visitors to find what they are looking for quickly.

It has a Blog

Blogs are a great way for keeping site content active and up-to-date. For any service-type website, they can also give site visitors a chance for visitors to engage with the business and get a real sense of what they are all about.

How to reproduce the “Care & Therapy” images section

  1. Add a row. Set the top padding to 120px, the bottom to 100px, and the right and left padding to 20px.
  2. Add a column to the row, so it has two columns.

In column 1

  1. Add a background image and set the position to Cover and left middle.
  2. Set rounded corners to 25px.
  3. Add spacer widget.

In column 2

  1. Add an image widget and add choose the image.
  2. Set image width to 520px.
  3. Set rounded corners to 5%.
  4. Set the top margin to 170px and left to 20px.
  5. Align image widget left.

Adjusting for Mobile

Move to the mobile view and adjust as follows.

  1. Set the top padding and bottom padding to 50px and left and right to 15px.

In column 1

  1. Set spacer widget height to 270px

In column 2

  1. Reset column padding on right and left.
  2. Set the image top padding to 15px.

Introducing the Secondary Theme Button

By Evangeline Walker • May 29, 2024
Enjoy the power of site theme for buttons - easily set and change the style of your site’s theme primary and secondary buttons to keep design consistent across your site, and to cut your overall design time.

A Brand New Native Store Template with Custom Fields

By Evangeline Walker • May 28, 2024
Christmas came early this year for native eComm sites: we’ve just released a brand new native store template for a shoes & bags brand that isn’t just gorgeous. It includes a built-in surprise capability: custom fields.

Make Site Photos Pop with the New Image Editor

By Evangeline Walker • May 28, 2024
Following a major UX improvement, we’re happy to release a powerful image editor that’s packed with capabilities and fine tuning options so you can edit each of your site photos to perfection. The new image editor includes numerous options and actions that weren’t available before. Now you can do a lot more than mere cropping: use various adjustments, apply filters, add text on image and a lot more.
Show More
Share by: