Jetpack Blocks

Jetpack blocks offer solutions to help create content, integrate content from third-party services, monetize your site, and make your site more interactive and engaging.

About Jetpack BlocksMD

In 2018, WordPress 5.0 officially introduced the default block-based editor, also referred to as the Gutenberg editor. Blocks are the elements that make up a page or post: paragraphs, headings, quotes, images, videos, buttons, and more. Each item on a page is its own block, you can edit and move each one independently to create custom layouts.

Jetpack extends the default functionality of the WordPress block editor by giving you access to an array of additional blocks to build engaging pages and posts.

Blocks are incompatible with the WordPress Classic Editor, but if you’d like to explore the blocks option and maintain the familiarity of the Classic Editor, please refer to our suggestions in the section Using Blocks and the Classic Editor.

How to activate Jetpack Blocks on your siteMD

Jetpack Blocks are activated by default. To activate or deactivate them, navigate to Jetpack → Settings → Writing in WP Admin, then scroll down to the Composing section and click on the toggle next to “Jetpack Blocks…”

Looking for the Jetpack sidebar panel in the editor? See Jetpack in the Block Editor for help with pinning, preferences, and panel visibility.

How to add Jetpack Blocks to your site’s posts and pagesMD

You can add a block by clicking on the + button, also called the Block Inserter, as explained in this guide. You’ll then recognize all the Jetpack blocks from the Jetpack green color, or you can locate them all under the Jetpack block category,

You can also search for a block by name using the search box or by typing a forward slash followed by the block name, e.g., /payments.

Some Jetpack blocks require certain Jetpack features to be enabled, and some require a Jetpack plan. See the list below for further details.

If Jetpack Blocks or a specific feature is not active, the associated block placeholder will be hidden from users without admin permissions. This includes blocks like Related Posts, Blog Stats, Top Posts, Ad, Contact Form, and VideoPress.

To use these blocks, an admin must first enable the related Jetpack feature. Once enabled, the blocks become available to other user roles like Authors and Editors.

If you don’t see a Jetpack block available in the block inserter, try logging in as an admin to check if the feature needs activation.

If you have trouble using Jetpack Blocks on your site, it may also be that your custom theme or another plugin’s editor is preventing you from doing so. In that case, please contact the respective plugin or theme author for further assistance.

An overview of Jetpack Blocks and their capabilitiesMD

For more information on blocks, you can refer to the WordPress Block Editor guide on WordPress.com.

Below is a list of all Jetpack Blocks.

TextMD

Blocks to help with writing and editing content.

MediaMD

Blocks to add variety in displaying media on your site.

WidgetsMD

Blocks to add original functionalities to the site.

EmbedsMD

Blocks to easily integrate third-party services.

FormsMD

Easily set up forms for various purposes.

When adding the Form block, it offers you the option to add one of these readily available templates:

• Appointment Form – add a form to select a preferred appointment time and date.
• Contact Form – a simple contact form for your post or page.
• Feedback Form is a form for your site to collect visitors’ feedback.
• RSVP Form – a form allowing your visitors to confirm their presence at an upcoming event.
• Registration Form – allow visitors to register for a membership, club, group, etc.
• Salesforce Lead Form – a form that’ll send submissions directly to Salesforce.

You can also customize the form templates or create your own form by using these form field blocks:

MonetizeMD

Blocks to help generate revenue.

GrowMD

Blocks to help expand your site growth.

How to disable individual Jetpack BlocksMD

You may want to have Jetpack Blocks on your site, but not want individual ones active. To disable individual Jetpack Blocks, you will need to do so via custom code, as we do not have a user interface for doing so. You can find guidance for disabling individual Jetpack Blocks in our developer documentation, and here as well.

Per our Scope of Support, we are not able to assist with custom code implementations beyond what is provided in our developer documentation.

Using Blocks and the Classic EditorMD

The WordPress Classic Editor does not support blocks. However, there are workarounds to be able to leverage both the familiarity of the Classic Editor and the power of WordPress blocks:

Use the Classic block. If you have the Classic Editor plugin installed, you will first need to deactivate it, under Plugins → Installed Plugins in your WP Admin. With the Classic Editor disabled, you’ll have access to the default WordPress Block editor which includes the Classic block. The Classic block looks the Classic Editor, with the Custom TinyMCE buttons toolbar in the block.

Enable the Block Editor in the Classic Editor plugin. The Classic Editor plugin gives you the option to enable the Block editor, therefore giving you access to both editors, you can turn it on under Settings → Writing in your WP Admin dashboard. You can select the Block editor as the Default editor for all users, then for the option Allow users to switch editors, select Yes.