Automation Technology

WP Code Box Display Plugin (Pro Version)

a green and black cyber - suit is illuminated, solo, looking at viewer, green eyes, male focus, glowing, helmet, black background, glowing eyes, cyborg, power armor, neon trim

WordPress Code Box Preview Plugin with Shortcode

Code Box Preview Plugin – Stylish & Fully Customizable Code Box Display for WordPress

The WordPress WP Code Box Preview Plugin (Pro Version) is a much more powerful and customizable than the free version.

Designed for developers, bloggers, educators, and anyone who could make use of it, it allows users to showcase code with syntax-friendly formatting, shortcode handling for various settings options, copy-to-clipboard functionality, and customizable styling of  box borders, background colors, buttons and fonts with Live Previews, User Roles Restrictions, custom scrolling, height and width restrictions, syntax highlighting on or off, Font size and custom copied to clipboard text and many other Pro Features.

Admins can personalize font styles, colors, background themes, and borders to match their site’s aesthetics. With built-in security measures and WordPress integration, this plugin ensures safe and efficient code sharing.

Pro Version of WP Code Box Preview Plugin Example

Current Capabilities
1. Code Formatting & Display
Displays code snippets in a customizable code box.

Scrollable Horizontal Lines of code box for long lines of code, 
Scrollable Vertical scroll, if restricted height and width values have been set.
Auto Scroll detect on code box size values.

2. Copy to Clipboard Functionality
Provides a "Copy Code" button for easy copying of code snippets. Uses the Clipboard API for modern browser support.

Visual feedback when the code is successfully copied.

3. Admin Customization Options
Font Customization: Change font family and font color for code.

Background Customization: Modify the background color of the code box.

Button Customization: Change button text font, font size, and button background color and hover affect.

Border Customization: Set border color, style, width, and radius.

Module Customization Sizes: Module Width Minimum + Maximum values to allow horizontal scroll of long lines of code.
Module Height Minimum + Maximum Values reduce page size requirements for many lines of code.

Live Preview: Instant preview of changes in the settings panel.

4. WordPress Integration
Available as a shortcode [code_box] for easy embedding in posts/pages.
No data tables created simplifying plugin installation and removal without harming existing system files.
No APi calls or outside resource usage such as fonts, js, css and images.

5. Security Features

Settings saved via WordPress options for persistence.

Admin settings page for global plugin configuration.

Pro Version

Key Features and Their Uses

Customizable Code Display

Allows users to personalize font family, font color, background color, and border styles to match their website’s design.

Copy-to-Clipboard Button

Enables visitors to quickly copy code snippets with a single click, improving accessibility and usability.

Scrollable Code Box

Supports long lines of code with an automatic horizontal scrollbar, ensuring proper formatting and readability.

WordPress Admin Panel Integration

Provides an intuitive settings page in the WordPress dashboard for easy customization and management of code box styles.

Border Customization Options

Includes settings for border color, width, radius, and style, giving complete control over the appearance of the code box.

Responsive & Mobile-Friendly Design

Ensures that the code box adapts seamlessly to different screen sizes and devices for a consistent experience.

Secure Implementation

Safe display and copying of code snippets.

Lightweight and Fast

Optimized for performance, ensuring minimal impact on website speed while maintaining rich customization features.

Future-Proof Development

Planned updates include syntax highlighting, dark mode, and multi-language support to enhance the plugin’s functionality.

Customizable Code Display

Allows users to personalize font family, font color, background color, and border styles to match their website’s design.

Copy-to-Clipboard Button

Enables visitors to quickly copy code snippets with a single click, improving accessibility and usability.

Scrollable Code Box

Supports long lines of code with an automatic horizontal scrollbar, ensuring proper formatting and readability.

WordPress Admin Panel Integration

Provides an intuitive settings page in the WordPress dashboard for easy customization and management of code box styles.

Border Customization Options

Includes settings for border color, width, radius, and style, giving complete control over the appearance of the code box.

Responsive & Mobile-Friendly Design

Ensures that the code box adapts seamlessly to different screen sizes and devices for a consistent experience.

Secure Implementation

Escapes all output to prevent XSS attacks, ensuring safe display and copying of code snippets.

Lightweight and Fast

Optimized for performance, ensuring minimal impact on website speed while maintaining rich customization features.

Future-Proof Development

Planned updates include syntax highlighting, dark mode, and multi-language support to enhance the plugin’s functionality.

Purchase WP Code Frame Viewer Plugin Pro Version

Video Demo

Welcome to this video demo of the Code Box Display Plugin Pro Version Tool, your all-in-one code box shortcode tool.

Get Started

Let’s Build Something Together

Set Up a Free Online Consultation