Skip to main content
Table of Contents

Understanding Block Types

Explore the Block editor's toolbox of building blocks for articles—from text and media to tables and buttons. Use slash commands (type /) to access all available blocks.

Rebecca Thompson
Updated by Rebecca Thompson
Table of Contents

The block editor gives you a toolbox full of building blocks for your articles. Each one does something a little different, from plain text to interactive callouts. Let's break down every block type so you know exactly which one to reach for.

🧱 This article refers to our new Block editor. Older articles may use our Classic text editor.
You can upgrade an older article to the new Block editor at any time in the article's ⋯ More menu, or contact support to upgrade all articles at once.
Type / anywhere in an article to bring up the slash command menu and see all the blocks available to you.

Text Blocks

Icon

Block Name

What It's For

Slash Command(s)

Paragraph

The default text block for regular body copy

/text or /paragraph

Large heading block icon

Large Heading

For major section breaks

/heading or /h1

Medium heading block icon

Medium Heading

For subsections

/h2

Small heading block icon

Small Heading

For smaller subsections within your content

/h3

Bullet list block icon

Bullet List

Unordered items

/list, /bullet, or /ul

Numbered list block icon

Numbered List

Ordered items, perfect for step by step instructions

/numbered or /ol

Callout block icon

Callout

Helps important information stand out from the rest of your copy. Choose from Note, Tip, or Warning

/callout, /tip, /note, or /warning

Quote block icon

Quote

Visually sets apart something someone else said from your own writing. Press Shift + Enter inside it to add extra paragraphs

/quote

Code block icon

Code Block

Adds syntax highlighted code snippets. Highlighting shows up when the article is viewed, not while you're editing

/code

Markdown block icon

Markdown Block

Write whole sections using GitHub-flavored Markdown. It transforms into HTML when previewed

/markdown

Media & Embeds

Icon

Block Name

What It's For

Slash Command(s)

Image block icon

Image

Upload or embed an image

/image

Embed block icon

Embed / Video

Drop in external content like YouTube, Arcade, Vimeo, or Spotify.

You can also just paste in your link and it'll expand! ✨

/embed or /video

File block icon

File

Attach files under 5MB directly to your article using the File button

File button

Layout & Advanced Blocks

Icon

Block Name

What It's For

Slash Command(s)

Table block icon

Table

Organize data into neat rows and columns. Click the border of a table to reveal plus icons for adding rows or columns, and hover over a row or column to reveal a red X for deleting it

/table

Divider block icon

Divider

Add a horizontal rule to visually separate sections

/divider or /hr

Button block icon

Button

Insert a clickable button, handy for linking to another page or resource

/button

HTML block icon

HTML Block

For when you need full control, paste raw HTML

/html

Clip block icon

Clip

Insert reusable content you've saved as a Clip. Update the Clip once and it updates everywhere it's used

/clip

Want to become a slash command pro? Check out Shortcuts in the Block Editor for the full list of keyboard shortcuts and markdown patterns.

What did you think of this doc?

Shortcuts in the Block Editor

Get in touch