Code Block – share beautiful code snippets readers can copy vs WP Go Maps – Google Map, OpenStreetMap, Leaflet Map

Turn plain code into beautifully highlighted, copy-ready snippets your readers will love – right inside the Gutenberg editor. Code Snippets Block | Pricing | Support | Live Demos What Is Code Snippets Block? Code Snippets Block is a lightweight WordPress code block plugin for displaying programming code with syntax highlighting, copy-to-clipboard functionality, responsive layouts, and multiple visual themes. Add clean and readable code examples to WordPress posts, pages, documentation, tutorials, developer portfolios, knowledge bases, and technical websites without writing custom code. The plugin works directly with the WordPress Gutenberg Block Editor and supports popular programming languages including PHP, JavaScript, Python, HTML, CSS, JSON, and SQL. Why Use Code Snippets Block? Publishing code in a normal text editor can make technical content difficult to read and copy. Code Snippets Block turns your code into a structured, highlighted, and copy-ready code block. It is useful for developers, technical writers, educators, bloggers, documentation creators, agencies, and anyone publishing programming content with WordPress. Free Features One-Click Copy Button: Readers copy the entire snippet to their clipboard in a single click, with customizable text/icon. Multiple Syntax Themes: Choose from pre-styled themes (like Dark, Midnight, and Light) to match your website design. Syntax Highlighting: Improve readability for all major languages – PHP, JavaScript, Python, HTML, CSS, and more. Responsive Code Views: Snippets wrap and resize smoothly on mobile, tablet, and desktop. Shortcode Support: Embed code snippets anywhere on your site. Dedicated Block Category: All blocks are grouped under a “Code” category in the Gutenberg inserter for easy access. Optimized & Lightweight: Assets load only when a block is on the page, with minimal impact on page speed. Pro Version Upgrade to Pro to unlock a suite of 16 interactive developer blocks: Run Python (WASM): A live Python interpreter powered by Pyodide (WebAssembly) that runs in the reader’s browser – no server-side execution, lazy-loaded for speed. Code Screencast (Self-Typing): Animated, character-by-character typing walkthroughs. JSON Explorer: Interactive, collapsible, searchable JSON tree views with match-highlighting and copy-path tools. Regex Tester: A live regular-expression sandbox with highlighted match output. Spotlight Code: Walk readers through specific lines by dimming or blurring the rest, with captioned steps. Code Snapshot: Turn snippets into mockup graphics with window chrome, gradients, and shadows – download as PNG or copy image. API Try-It Console: A functional HTTP/REST client block for live requests with timing, status, and formatted responses. Annotated Code: Clickable badges on specific lines that reveal detailed explanations. AI Code Explainer: Generate plain-English explanations using OpenAI or Anthropic inside the editor. Diagram as Code: Write Mermaid text and render flowcharts, sequence diagrams, class diagrams, Gantt charts, and pie charts. Live Code Playground: An HTML/CSS/JS sandbox in a secure iframe with instant visual previews. Code Diff / Comparison: Highlight added/removed lines in Unified or Split view. Multi-Tab Code Switcher: Organize snippets under tabs (e.g. npm vs yarn, or JavaScript vs PHP). Terminal / Command Line: A styled shell emulator with typing animations and one-click copy of commands. Remote Code Embed: Fetch code from GitHub Gists, raw files, or CodePen pens, styled in your own theme. Advanced Code Block Styling: Custom colors, font sizes, paddings, borders, shadows, alignment, and line numbering. How to Use Install and activate the Code Snippets Block plugin. In the Gutenberg editor, add the Code Snippets block. Paste your code and pick a syntax theme. Adjust settings from the right-side settings sidebar. Publish – your highlighted, copy-ready snippet is live! Use Cases Programming Tutorials: Make your snippets easy to read and copy. Developer Documentation: Keep code examples clean and consistent. Developer Portfolios: Showcase your clean code with pride. Technical Knowledge Bases: Present reference code in a professional format. Educational Coding Resources: Help students follow along and copy examples. What Can You Do With Code Snippets Block? Code Snippets Block helps you publish programming and developer content directly in WordPress. You can use it to: Add syntax-highlighted code to WordPress posts and pages. Create copyable programming examples. Publish coding tutorials. Build developer documentation. Create technical knowledge bases. Display API examples. Present JSON data. Compare different versions of code. Create interactive HTML, CSS, and JavaScript examples. Explain programming code with AI. Create developer-focused portfolio pages. Who Is Code Snippets Block For? Code Snippets Block is designed for: WordPress developers Web developers Programming bloggers Technical writers Documentation teams Online educators Coding tutorial creators Developer portfolio owners Software agencies Technical knowledge-base websites How to Add Code with Shortcode Code Snippets Block also supports shortcode-based embedding. Create your code snippet. Copy the generated shortcode. Paste the shortcode into a shortcode-supported area. Save or publish the page. This allows you to display code snippets in different areas of your WordPress website. Liked this plugin? Want a new feature? Send us some feedback. ⭐ Check out the Parent Plugin of this plugin- 🔥 b Blocks – Best gutenberg blocks collections for WordPress. ⭐ Check out our other WordPress Plugins- 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress. 🔥 3D Viewer – Display interactive 3D models on the webs.

The easiest to use Google Maps, Leaflet and Open Layers Map Plugin (including a Map Block)! Formerly WP Google Maps. Add a customized Google map, map block or Store Locator to your WordPress posts and/or pages quickly and easily with the supplied shortcode. No fuss. No iFrames and super easy to use! Perfect for contact page maps, routes, maps showing delivery areas and any other use you can think of! While the free version of WP Go Maps allows you to create a Google map with as many markers as you like, the Pro version allows you to do so much more! Create Elementor Maps, map blocks and map widgets easily with our WP Go Maps Elementor map block integration, straight out the box! Do you use the classic editor? We still support map widgets for classic WordPress installations. No need to compromise, the map widget includes the same functionality as our map blocks! The WP Go Maps Pro Version version allows you create custom Google maps with high quality markers containing locations, descriptions, images, categories, links and directions. Lite Version (Free) The most popular WordPress map plugin Choose between Google Maps, Leaflet, Azure Maps, Stadia Maps, Maptiler, LocationIQ, Zero Cost or Open Layers Maps Super easy to use, no coding required! Create as many map markers as you need by simply typing in the address Responsive maps Elementor Map block Edit your map markers with the click of a button 9 popular map themes to choose from Create or add your own map theme Drag map markers to an exact location Add a map block to your page Google Maps Streetview supported UTF-8 character support Map widget functionality Full screen map functionality Support for localization Choose from four Google maps types: roadmap, terrain, satellite and hybrid Define your own width, height and zoom level for your map Add animations to your map markers! Store locator functionality Restrict a store locator search by country Add Polygons to your Map Add Polylines / Routes to your map Create a map in less than a 30 seconds! Right click to add a marker to your map No advertising or links Google Maps Autocomplete Google Maps Transport Layer Set the max zoom level for your map Serve your map marker data via your database or an XML file Compatible with caching plugins Compatible with Cloudfare Latest Google Maps API Latest OpenLayers API Latest Leaflet API Professional Edition Create multiple maps! Allow your visitors to get directions to your markers. Add descriptions, links and images to your map markers. Add categories to your map markers Filter markers by category Mashup multiple maps Advanced map blocks Store locator map block Directions map block Infowindow block Map block (filter) Add different marker icons, or your own icons to make your map really stand out! List your map markers in the four ways; basic list, basic table, carousel, advanced table Allow visitors to use their map location as the starting or ending point for the directions Choose between the Default Google Maps Infowindow and the new Modern Infowindow Export/Import your markers to a CSV file for quick editing. Link Fusion tables to your Google Maps Show your visitor’s location on the Map Import KML/KMZ files to your map More advanced options for the Store Locator Allow users to use their map location for the store locator Store locator search by category Hide all map markers until a store locator search is done Move your marker list inside the map window Multiple map widget functionality Add retina-ready map marker icons WordPress Network friendly Get the WP Go Maps Professional Edition Translations Get a free copy of the WP Go Maps Pro version in exchange for translating our plugin! English – default Russian (Alexandra Bondareva) German French (Arnaud Thomas) Polish (Michal Kotnowski) Finnish (Johanna Joutti) Dutch (Jan Wind) Hebrew (Gal Dotan) Danish (Patrick Jepsen) Italian (Tommaso Mori & Massimo Bregani) Croatian (Sven Kopun) Greek (Konstantinos Koukoulakis) Romanian (Cosmin Stroe) Spanish (Carmelo Villegas Cruz) Portuguese (Jose Antonio Ribeiro) Brazilian Portuguese (Roberto Costa) Turkish (Suha Karalar) Swedish (Martin Sleipner) Bulgarian (Lyubomir Kolev) Indonesian (Neno) Lithuanian Czechoslovakian^ ^Language file needs to be updated Demos WP Go Maps Lite Basic Google Map with Markers Store Locator Polygons & Polyines/Routes Google Maps Transit Layer Google Maps Traffic Layer Google Maps Bicycle Layer WP Go Maps Pro Google map with advanced markers Marker listings – Simple Marker listings – Advanced Google Maps Directions Responsive Map Marker Categories (Filtering) Advanced Store Locator WP Go Maps Editor (Back-end Screenshots) Visitor Generated Markers – (WP Go Maps VGM Add-on) Custom Map Styling (WP Go Maps Gold Add-on) Documentation Installing WP Go Maps Creating your first map Adding a map block to your page or post Google Maps mashup (Pro) Exporting and importing map markers (Pro) Changing the Google Maps language Create a google map and marker using custom fields (Pro) View all documentation Troubleshooting My Google Map is not showing on my website My markers are not showing View all troubleshooting articles