Blocks » SyntaxHighlighter Code Block

With the Syntax Highlighter Code block, you can add formatted code for others to view.


If your site is on the Business or eCommerce plan with plugins installed, please install the SyntaxHighlighter Evolved plugin to activate these features.

If you’re using the classic editor, follow the instructions here.

Table of Contents

Syntax Highlighter Code Block
Sidebar Settings
Steps for Classic Editor

For example, you can add this code inside the block in your editor:

And it will appear like this on your live site:

In order to add a SyntaxHighlighter Code block, click on the Block Inserter icon.

You can also type /code and hit enter in a new paragraph block to add one quickly.

Detailed instructions on adding blocks can be found here.

Most blocks have specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon next to the Publish button.

The SyntaxHighlighter Code block has a code language option. This lets you choose what kind of code you want to write so it will be formatted with the correct syntax on the live site.

↑ Table of Contents ↑


The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit. Learn more.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your block.

Pages: 1 2 View All

Still confused?

Contact support.

Not quite what you're looking for?

Get Help