How can we help? 👋

⚡ Which Notion block types are supported?

HelpKit supports most blocks from Notion. Find out which work and which don't

Last updated on May 15, 2022

Supported Blocks

Hello World 👋

This help article is written in Notion and is a part of support.helpkit.so powered by HelpKit.

Let's see what you can do with HelpKit 🚀...

Basic Blocks

Paragraph

You can write paragraphs like you normally would. The text you are currently reading is a paragraph. As you can see, all types of annotations are supported – bold, italic, underline, strikethrough, inline code, different text color, different text background or combinations of these.


Headings

All of the headings (H1, H2, H3) that are in Notion are supported by HelpKit

Here are the examples of how they look:

H1 Section

H2 Sub Section

H3 Sub Sub Section

 

Title


Bulleted List

You can also add lists as bullet points:

  • Item 1
  • Item 2
  • Item 3

Numbered List

Maybe you want them to be numbered. You can do that as well.

  1. Item 1
  1. Item 2
  1. Item 3

Quote

You can even add quotes to your post which looks like this.

"This is a quote".

Divider

You can even separate two blocks of content with a divider 👇


Callout

You can also make something standout by using a callout like this.

💡
A great way to emphasize your content

External Link

You can add external links that will get opened in a separate window.


Code Snippets

You can add your code snippets to your blog post. This might be very useful to you if you are writing technical blog posts.

const x = 2
let y = 1

You can also give your code block a caption and then it will appear automagically attached to the code. Your users also can copy and paste the code to their clipboard.

examples/code-block/with-a-caption-title.js
const object = {
		title: null,
		date: '01-01-2022'
}

object.title = 'Check out the name and copy to clipboard button at the top'

You can emphasize the caption text as well and make it feel like a real coding snippet.

examples/code-block/with-a-caption-title.js
const object = {
		title: null,
		date: '01-01-2022'
}

object.title = 'Check out the name and copy to clipboard button at the top'
 

Bookmarks

Easily add bookmarks to your blog post.


Media

Images

You can upload your own image (or paste any image url) and view that here.

A wonderful caption to this image
A wonderful caption to this image

You can also add captions to your images 👆

 

Complex Layouts

You can even create some complex layouts of images, or any other Notion block really on your HelpKit knowledge base.

 
This is an
This is an image caption
Notion image
Notion image

Nesting works just fine.

It is also responsive.

 
 

Magic Table built with complex layout

 

Title 1

Row 1

Row 2

Title 2

Row 2

Row 2

Title 3

Row 3

Row 2

 

Simple Table

 
Header A
Header B
Header C
Cell 1
Cell 2
Cell 3
Cell 4
Cell 5
Cell 6
 

Videos

Want to show a youtube video on your help center article? You can do that. Most of the other popular video embeds work too.

 
💡
Please note that videos that are uploaded via Notion itself currently do not work. We are working on a solution to make this possible in the near-time future. If you need this feature, please reach out and let us know so we can prfioritize it.
 

Synced Blocks

 

You can also use sync blocks to avoid content duplication. Sync blocks allow you to re-use the same notion blocks throughout all of your documents.

 

🚀 This is the origin sync block.

 
💡
This is a callout block within the origin sync block
 

Sync block from above (imagine it would be pasted into another page):

🚀 This is the origin sync block.

 
💡
This is a callout block within the origin sync block

Conclusion

There is still a lot more you can do with your HelpKit powered knowledge base. If you have any feedback or want HelpKit to support an embed that isn't yet supported, reach out to me at dominik@helpkit.so

 
Did this answer your question?
😞
😐
🤩