Block patterns are helpful templates that give you a starting point for writing and formatting information on your website pages. 

We’ve crafted these block patterns based on the common pages and layouts we’ve seen work well for nonprofits. Simply select a block pattern and plug in your own content, images and more to create a stellar page in less time!

Mission and Vision page before formatting
Mission and Vision page before formatting
Page using the Mission and Vision block pattern
Page using the Mission and Vision block pattern
Mission and Vision page using block patterns
Mission and Vision page with customized block pattern

Jump Ahead To

Helpful Terminology

  • You add content like text and photos to your page using blocks. As the name implies, blocks stack on top of each other to build a page. Blocks can also be used to format text, add columns, create a button, embed a video and more.
  • A block pattern is a saved group of pre-designed blocks to help you achieve a specific layout on a page of your website. Once you add a block pattern to a page, it’s yours to customize.
  • Block patterns are different from reusable blocks. A reusable block can be saved and added anywhere on your site. When you edit a reusable block, the change will happen in all the places where the reusable block is used.

How to Add a Block Pattern

  • Create a new page or edit an existing one.
  • Select the area of the page where you want to add a block pattern. 
  • In the toolbar across the top of the page, click the + icon to open the block inserter. You will see a library of available blocks and patterns.
Page editor with blue + icon in the top toolbar is highlighted
  • Click over to the tab labeled Patterns. You may also see Blocks and Reusable tabs here.
  • Find the block pattern you’d like to insert.
  • Drag and drop the block pattern into the content area or click to add the block pattern where your cursor is.
Adding a block pattern to a page

You can also use the inserter within the content area to add a block pattern. Search for a block pattern by name or click the Browse all option to open the full list.

Using + icon in the editor to open block inserter

Customize a block pattern with your information

Once the block pattern has been added to your page, it’s time to make it your own! You can:

  • Replace existing text with your information. 
  • Swap out placeholder images and icons with ones that align with your content.
  • Edit block settings based on your preferences.
  • Remove blocks you don’t need.
  • Add additional blocks or block patterns.

Available Block Patterns

There are two categories of block patterns currently available. Switch between categories in the Pattern tab.

Toggling between Page and Layout categories in the Pattern inserter

Page block patterns

Page block patterns are a great way to start off a new page. When you add the block pattern, you’ll see the type of information we recommend including based on our years of experience helping nonprofits create content for common pages. You’ll also see a suggested layout to organize your content. 

These patterns are a solid foundation for any page. You can then customize the blocks to fit your needs. Get creative!

Introduce your nonprofit by using different sections to describe who you are and what you do.

Feature your mission and vision statements with a call to action.

Showcase and list staff, Board members or other people at your organization.

Outline basic contact information for your nonprofit (phone, email, location, social media).

List and describe the programs or services that your nonprofit offers.

Describe an individual program or service and encourage visitors to apply, sign up or contact you.

Ask for donations with a compelling call to action and an online donation form.

Thank donors for their support after successfully submitting your donation form.

Layout block pattern

Use these block patterns to jazz up your content and make the most of the formatting options we have available. They can be added to an existing page if you’re looking to lay out a piece of content in a particular way, or you can stack various layouts together to build a new page. Be sure to add your own images, icons and content!

List and describe key actions, resources or options using three sections with icons, headings, a text description and buttons.

Combine heading and paragraph text with a large, round image on the right side.

Combine heading and paragraph text with a large, round image on the left side.

List and answer FAQs with a simple heading and accordion for each question.

Feature three different items or actions in a row with an icon, heading, text description and button.

Feature three different items or actions in row with a photo, heading, text description and button.

Showcase three numbers or statistics in a row using columns with text descriptions.

Still Have Questions?

The quickest way to get support is to reach out to us within your website’s admin dashboard. Log into your website and then fill out the Website Support form. You’ll hear back from us within one business day.