4. Give Blocks

Created by Danny Wong, Modified on Sun, 9 Aug, 2020 at 4:19 PM by Danny Wong

The new WordPress editor uses “blocks” to create dynamic content in your pages and post. Give has several useful and important blocks that can be used in the new WordPress editor.


Overview

What are Blocks?

Blocks are a way to insert content into the new editor and allow for more fluid layout changes on the fly. This enables the user to make changes to their content and content layout and see those changes visually in a way that was not previously possible with shortcodes and the TinyMCE editor.

A comprehensive guide to the new editor is hosted at WordPress.org.

How Do I Find Blocks?

Blocks can be discovered in a couple different ways:

  1. By clicking the “+” symbol next to or below your current block
  2. By clicking the “+” symbol at the top-left of the editor
  3. By typing “/” in the editor as a keyboard shortcut
A short animation showing the different ways to add blocks in the new WordPress editor.

What Blocks does Give Provide?

Give Core currently provides three main blocks for your use. As the animation above indicates, you can find these blocks by clicking on the “+” symbol, or typing forward-slash in a paragraph block to search block on the fly.

Give Form Block
This is a block for inserting any Give Form into your post or page. This works just like the Give Shortcode Builder does, but with visual cues for the final result — which is part of the power of the new editor.

Give Form Grid Block
This is for embedding a visual grid of forms in any post or page using the new editor.

Give Donor Wall
This is for embedding a grid of your most recent donations and donors.

Keep in mind that the new editor also has a dedicated shortcode block, and shortcodes also render inside the standard paragraph blocks as well. This allows you to continue to use any of our Give shortcodes anywhere on your site with the new editor. The downside is that they will not render the visual result — just like the current editor does.

What if I Am Using the Classic Editor or Have not Yet Updated to WordPress 5.0?

The Classic Editor is a plugin that disables the new WordPress editor. While we recommend using the new editor, we understand that some sites need to maintain the functionality provided in the previous editor. All our Give shortcodes are still available and can be used in the Classic Editor. You also will still see the Give Shortcode Builder when using the Classic Editor. Essentially, you can continue using Give just as you always have.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article