How to code in notion

George Apostolov
Updated 05 Oct 2026
- ▣ Notion

This guide is an interactive LiveDemo. Create interactive demos of your own product: Interactive demo software · Interactive help center guides · Start free

How to code in notion: step-by-step guide

Hover over the position you wish to enter code and click on the Add (+) icon that appears.
Scroll down to Code.
You have now inserted a code block! Click on the top left menu to select the appropriate language syntax highlighting.
Search or select the language from the list.
Use the top right dotted menu for more options.
One such useful option is Wrap code to avoid scrolling sideways when lines get too long.
Enter your code to be seen, shared, copied and appreciated.

Quick answer: To code in Notion, hover over your desired position and click the Add icon. Scroll down to Code to insert a block, then select your language syntax highlighting from the top left menu. Use the top right dotted menu to wrap code and enter your code to share and copy.

About this Notion tutorial

Insert and format code blocks in Notion easily. Select language syntax highlighting and use wrap code options to avoid sideways scrolling. This guide shows how to code in notion in 7 steps, starting with "Hover over the position you wish to enter code and click on the Add (+) icon that appears" and finishing with "Enter your code to be seen, shared, copied and appreciated". The interactive demo above is a click-through copy of the real Notion interface, so you can rehearse each step before doing it in your own account.