Advance Custom HTML Pro lets you present code in WordPress posts, pages, and widgets, with the code beside its rendered result where live preview is supported. Write or paste snippets with autocomplete suggestions and syntax highlighting. HTML, CSS, and JavaScript can show live output in a draggable preview panel; PHP and Python snippets can be displayed with syntax highlighting.

Choose themes and set the snippet layout

Pro includes more than 40 editor themes, including dark, light, and minimal styles. Choose a syntax mode for each snippet, then adjust tab size and editor height or width. Align the editor left, center, or right. You can personalize the Copy to Clipboard button's text, icon, style, and position, and show or conceal the fold gutter, active-line highlighting, headings, and labels. Responsive code blocks and preview panels are designed for different device sizes.

The 2.1.0 changelog says Word Wrap, Line Numbers, Title Bar, and the Copy Button became available to free visitors, along with HTML, CSS, and JavaScript syntax and basic editor color themes. Pro includes a broader theme selection and further presentation controls.

Add a code example to WordPress

1. Install and activate Advance Custom HTML.
2. Open a post or page, choose Add Block, and choose Advance Custom HTML under Widgets.
3. Write or paste your code, then configure the theme, preview, copy button, and other display options.
4. Publish or update the content.

You can also insert a snippet with a shortcode. Use the block or shortcode for HTML and CSS lessons, JavaScript demonstrations, PHP examples in courses and articles, Python snippets in data science blogs, and developer documentation such as API guides and reference pages.