Code Syntax Highlighter for Elementor

Name: Code Syntax Highlighter for Elementor
SKU: 6573
Price: 4.25 USD
Availability: InStock

SKU: 6573

$4.25$59.00Save 93%

One-time payment · lifetime access to this file

Instant download after purchase
100% original, unmodified GPL file
Free lifetime updates on request
Secure Razorpay / PayPal checkout

Want the whole library?Get a membership and download any theme or plugin on the site.

Product details

Marketplace: Codecanyon
Type: Plugin
Released: May 14, 2020
License: GPL
Live demo: View the developer's demo

About Code Syntax Highlighter for Elementor

Code Syntax Highlighter for Elementor is a WordPress plugin for the Elementor page builder. From its name, it lets you show code snippets with syntax highlighting inside Elementor pages. It was originally sold on CodeCanyon, and in the store it is filed under Elementor and WordPress plugins.

The listing gives no feature list, supported languages or themes. Read the documentation in the package for those. The file on record dates from May 2020, so test it on a staging site with your current WordPress, PHP and Elementor versions before using it live.

Requirements

Elementor

Key features

Code display in Elementor: Intended for showing code snippets with highlighting on pages built with Elementor.
Works in the page builder: You add and style the element in Elementor's visual editor.
Plugin, not a theme: Adds one element to your existing site without changing its design.
Aimed at tutorials and docs: Suited to developer blogs and documentation pages.

Is it right for you?

A good fit for

Developer blogs and tutorials built with Elementor
Documentation pages that include code samples

Look elsewhere if

Sites that don't use Elementor
Sites that never show code

How to install Code Syntax Highlighter for Elementor

1
Download the file
Open My Account → Downloads and download the product. If the archive contains several zips (documentation, child theme, licensing files), you need the one named after the product.
2
Upload it to WordPress
In your dashboard go to Plugins → Add New Plugin → Upload Plugin and choose the zip.
3
Install and activate
Click Install Now, then Activate. If an older or free copy is already installed, WordPress offers to replace it with the uploaded version.

Notes for this product

The listing doesn't say whether it needs Elementor Pro. Check the documentation in the package.

Setup: using Code Syntax Highlighter for Elementor

Make sure Elementor is active. Activate Elementor, then the plugin.
Edit a page in Elementor. Search the widget panel for the plugin's code element.
Add the element. Drag it onto the page and paste your code.
Choose the language and style. Set the language and color options the plugin offers.
Check the front end. View the live page to confirm the code displays correctly.

Common problems and fixes

The code element doesn't appear in the Elementor panel

Why it happens: Elementor isn't active, or an older add-on doesn't load with your Elementor version.
How to fix it: Activate Elementor, update it, and test on staging. If it still fails, try an earlier Elementor release.

“The link you followed has expired.” when uploading

Why it happens: The zip is larger than your server's PHP upload limit (upload_max_filesize / post_max_size).
How to fix it: Raise the upload limit in your hosting control panel, or unzip the file and upload the folder to wp-content/plugins with your host's file manager or SFTP.

“The package could not be installed. No valid plugins were found.”

Why it happens: The uploaded zip is a bundle (or a theme), not the plugin itself.
How to fix it: Unzip the download once and upload the inner zip named after the plugin.

“Plugin could not be activated because it triggered a fatal error.”

Why it happens: Usually a PHP version older than the plugin needs, or a second copy of the same plugin (for example the free version) still active.
How to fix it: Check your PHP version under Tools → Site Health → Info, deactivate any other copy of the plugin, and enable WP_DEBUG_LOG to see the exact error.

Licence or “updates unavailable” notices

Why it happens: The developer's licence key isn't included. Features that call the developer's servers (template libraries, cloud APIs, automatic updates) need it.
How to fix it: Everything that runs locally works without it. For a newer file, use Request an update from your account.