#1 Plugin to Display Any Code Snippet Beautifully in WordPress' at the top of the description.
Advance Custom HTML |
Pricing |
Support |
Demo
Advance Custom HTML lets users display HTML, CSS, JavaScript, PHP, Python, or other code snippets within WordPress posts, pages, or widgets. With built-in live preview support, syntax highlighting, and code editor features, it’s designed for sharing code in a clean, readable, and responsive format.
This plugin includes a front-end code editor with a draggable preview panel, multiple syntax themes, and customizable settings for formatting and appearance. Ideal for tutorials, technical articles, and documentation, it provides a flexible way to embed and present code with real-time results.
Free Features – Everything You Need to Start
- Edit code and preview output together on the editor/backend.
- Live Output Preview: See the results of your code instantly
- Autocomplete suggestions while writing code
- Draggable Preview Panel to move output anywhere on screen
- Set editor Font Size
- Fully responsive, mobile-friendly interface
- Lightweight and fast for better performance
Pro Features – Unlock Advanced Controls
The
Pro version offers extended customization and control over code presentation and layout.
What’s Included in Pro:
- Choose from 40+ editor themes (dark, light, minimal, etc.)
- Adjust Tab size, line wrapping, editor height/width
- Change syntax mode per snippet: HTML, CSS, JS, PHP, Python, and more
- Toggle features: Copy button, Fold gutter, Highlight active line, etc.
- Customize the Copy to Clipboard button text, icon, style, and position
- Hide Headings or Labels for a clean, minimalist look
- Hide or Show Line numbers to simplify code presentation
- Enable or Disable Wrap to control line flow in your editor
- Edit Code Editor/Snippet Height and Width, and align left, center, or right
- Fold Gutter support for collapsing code blocks
- Highlight Active Line Toggle for easier focus during tutorials
How to Use – Step-by-Step Guide
Quick setup in just a few steps:
- Install the Advance Custom HTML
- Open the editor for any post or page
- Click Add Block and select Advance Custom HTML under Widgets
- Write or paste your code
- Customize the settings (theme, preview, copy button)
- Publish or update the content
Use Cases:
- Write and preview front-end HTML/CSS tutorials
- Embed JavaScript snippets with instant results
- Display PHP code in educational content
- Show Python syntax in data science blogs
- Publish developer documentation or API guides
- Create interactive code articles with live editing
Perfect For:
- Bloggers and Tech Writers
- Coaches, Instructors, and Course Creators
- Web Developers and Designers
- Software Product Sites
- Niche Tutorials & SaaS Startups
- Business Sites with Technical Content
- Anyone publishing HTML, JS, CSS, PHP, or Python code
Live Demo |
Buy The Pro
Check out our other WordPress Plugins-
Html5 Video Player – Display videos as single and playlist in multiple skins.
PDF Poster – Display/Embed PDF files with different styles.
Html5 Audio Player – Listen audios with awesome visuals.
StreamCast – Customizable radio player with different skins.
3D Viewer – Embed 3D models and 3D products with interaction.
Advanced Post Block – Show posts and custom posts in different layouts.
2.0.0, 15 September, 2025
- Update Modern Dashboard and Fixed Issues
1.0.9
1.0.8
1.0.7
- Solve preview issue in Editor
1.0.6
1.0.5
1.0.4
1.0.3
- Fixed Issue
- Upload version 1.0.3
1.0.2
1.0.1
- Embed the code to frontend
- Edit Tab Size
- Add Theme Option where have 45 themes collection
- Change Different Language For Different Syntax
- Display Heading
- Hide/Show Copy Button
- Change Position of Copy Button When Heading is Disable
- Change Copy Button Type Like You Can Keep Icon or Text(You can change text with your needed)
- Styles Copy Button
- Hide/Show Highlight Active Line
- Hide/Show Fold Gutter
- Autocompletion Enable/Disable
- Wrap Enable/Disable
- Edit Code Editor Height and Width
1.0.0