How to Add the Code Snippet in WordPress (Step-by-Step Guide)

Install Unlimited Elements Blocks Library

• Go to the Unlimited Elements plugin page on WordPress.org.

• Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

• Click Install Now and then Activate to enable the plugin.

Open the Blocks Library

• From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

• This is where all available blocks are listed and managed.

Search for the Code Snippet Block

• Use the search bar at the top right and type “Code Snippet”.

• The Code Snippet block will appear in the results list.

Install the Code Snippet Block

• Hover over the Code Snippet block and click Install.

• This adds the block to your available options in the editor.

Add Code Snippet to a WordPress Page

• Open any page or post using the WordPress block editor.

• Click the (+) Add Block button, search for “Code Snippet”, and insert it into the page.

Customize the Code Snippet Block

Select the Code Snippet block. Paste your code and choose the Code Language for highlighting. Toggle on Line Numbers and the Copy Button. Use the styling panel to pick a visual Theme for a clean, readable display.