Allon Sacks

<p>Not only for developers.<br />
Create content blocks for reusable global content. Supports revisions. With input fields for raw HTML, JS, and CSS without worrying about auto formatting, with an option to also use the usual formatted WordPress tinyMCE editor.</p>
<p>This plugin let’s you create modular content blocks the right way:</p>
<ol>
<li>Content blocks are a post type.</li>
<li>Allows you to add HTML, CSS, and JS in separate blocks using ACE editor with code completion and error notifications.</li>
<li>WordPress WYSIWYG editor optional.</li>
<li>Revisions(!) You can change your WordPress content, HTML, CSS, and JS and then go back to a previous state the same as you can with the out of the box wordpress post revisions.</li>
<li>Use a shortcode to add the blocks in posts, pages, CPT’s, widgets, and in your theme files.</li>
<li>Preview your content.</li>
<li>Easily import & export using the default WordPress XML import/export tool.</li>
</ol>
<p>Using content blocks you can create blocks of content to display globally. Change the block and any page the content block is embedded on will reflect the changes.</p>
<p><strong>Use Cases:</strong></p>
<ul>
<li>
<p><strong>The WordPress WYSIWYG editor and even the text editor is often unpredictable not adding line breaks when wanted, or losing formatting after editing a post:</strong><br />
Just create a content block calling it “br” using only the HTML box and put <br> in the box. The shortcode “[dcb name=br]” can then be used whenever you want to make sure that you have a line break.</p>
</li>
<li>
<p><strong>You may have multiple “thank you” pages for different LP’s. When you start new campaigns or want to add new conversion code (or delete an old conversion code), you need to go to each ty page and add/delete the conversion code:</strong><br />
With modular content you can maintain all your conversion codes in one block and then just put the same shortcode in all ty pages. Also, with the regular WordPress editor you cannot always safely embed conversion code in the post itself and rely on using a separate template. This plugin solves all these issues.</p>
</li>
<li>
<p><strong>Ads:</strong><br />
Use the content blocks to manage your ads in one place. Create a content block per ad, then use a shortcode in your post content/theme files/widgets where you want to display each ad.</p>
</li>
<li>
<p>There are many more use cases, these were just a few examples. Really you can use content blocks for so many cases and the power it gives you to manage and maintain modular content is necessary on almost any kind of website.</p>
</li>
</ul>
<p>Content Blocks are an easy way for you to create your own shortcodes within the admin and can be used as a minimal shortcode builder.</p>
<p>Dev Content Blocks is created with developers in mind, so while it is simple enough for any WordPress user to use, developers will have added benefit of being able to use raw HTML without it being formatted by wptexturize and wpautop. Think arbitrary HTML in the old text widget (new “Custom HTML” widget). Here paragraphs are NOT added automatically.<br />
Also, as CSS and JS can easily be added here without fear of it losing it’s formatting, this plugin let’s you create and manage your own shortcodes. You can easily create shortcodes (the type that do not accept arguments) and manage them in one place in the admin instead of creating them in the theme or as a separate plugin per shortcode.</p>
<p>You can actually add CSS and JS in the HTML box but, for convenience this plugin has separate optional CSS and JS boxes to allow you to separate your content and code.<br />
The output of the shortcode is:<br />
1. Content from the WordPress editor if it is enabled. (Note, here wptexturize and wpautop are used).<br />
2. Content from the HTML box.<br />
3. The CSS code wrapped in a style tag.<br />
4. The JS code wrapped in a script tag.<br />
(“if(typeof(jQuery) !== ‘undefined’) {$ = jQuery.noConflict();}” is prepended to the script.)</p>
<p>Please Note. Dev Content Blocks lets you use raw HTML, JS, and CSS therefore be careful if copying and pasting from random web pages as in order to allow you maximum control with the content blocks, you will be able to paste JS that is not entirely validated.</p>
<h3>Future Versions</h3>
<ol>
<li>Enable/disable each box in the “Content Block Code” section.</li>
<li>More Page builder support</li>
<li>Variables to be passed in the shortcode</li>
<li>Option to enqueue other CSS & JS files when a block is used</li>
<li>Preview in a light box on the admin screen</li>
<li>Options for incorporating and using the featured image</li>
<li>Add an option to change the order of the HTML box vs. the WP editor</li>
<li>Add an option to turn off formatting in the WP editor</li>
<li>Add an option to enqueue the CSS and JS instead of outputting it in the HTML</li>
<li>Widget</li>
<li>Button in tinyMCE to add shortcodes</li>
<li>Show shortcodes in main Dev Content Blocks screen</li>
<li>Localization and language support</li>
<li>When leaving or refreshing the admin page users should receive a prommpt if they have unsaved changes in the code boxes</li>
<li>All above are under consideration and may or may not be added. Please feel free to email me or write a comment here in the reviews or support section with bugs and/or suggestions.</li>
</ol>


Dev Content Blocks

This plugin is really useful when I want to add scripts into specific post/page. Also this makes possible to create some html components with scripts and css easily. I love this!

Really useful!

Content blocks for global content, with revisions. Use HTML without formatting being broken. Not only for devs.

Marin Matosevic

Devnet

<p><strong>Snap Blocks</strong> is a lightweight plugin that lets you create reusable content blocks in WordPress.</p>
<p>Each block is its own post and can be edited with the free version of <strong>Elementor</strong>, or now also with <strong>WPBakery Page Builder</strong>. You can group them, duplicate them, and insert them anywhere using a shortcode or a built-in widget.</p>
<p>If you’re familiar with reusable blocks in the Gutenberg editor, this works in a similar way — but built for popular page builders.</p>
<p>🛠️ Built for developers, designers, and content editors who want a smarter way to manage repeatable content across their WordPress sites.</p>
<h3><a href="https://devnet.hr/docs/snap-blocks/" rel="nofollow ugc">DOCUMENTATION</a> | <a href="https://devnet.hr/plugins/snap-blocks/" rel="nofollow ugc">SNAP BLOCKS PRO</a></h3>
<h3>Features</h3>
<ul>
<li>Custom post type: <code>snap_block</code> for managing standalone content blocks</li>
<li>Edit blocks with <strong>Elementor</strong> or <strong>WPBakery</strong></li>
<li>Insert blocks via <strong>shortcode</strong>, Elementor widget, or WPBakery element</li>
<li>Widgets include a dropdown selector for easy block selection</li>
<li>Group taxonomy for better organization</li>
<li>Duplicate blocks with one click</li>
<li>Lightweight and clean admin UI</li>
<li>No performance overhead</li>
</ul>
<h3>PRO Features</h3>
<p>With <a href="https://devnet.hr/plugins/snap-blocks/" rel="nofollow ugc">Snap Blocks PRO</a>, you unlock automatic block insertion, advanced display conditions, precise hook placement control, and full compatibility with WooCommerce and core WordPress contexts.</p>
<ul>
<li>Automatic block insertion (no shortcode needed)</li>
<li>Hook position selector (WooCommerce & WordPress hooks)</li>
<li>Display blocks based on context:
<ul>
<li>WooCommerce</li>
<li>Single Product</li>
<li>Product Archive</li>
<li>Cart</li>
<li>Checkout</li>
<li>Thank You page</li>
<li>My Account</li>
<li>WordPress</li>
<li>Single Post</li>
<li>Page</li>
<li>Post Archive</li>
</ul>
</li>
<li>Advanced conditions:
<ul>
<li>Specific products</li>
<li>Categories</li>
<li>Tags</li>
<li>Pages</li>
<li>Posts</li>
</ul>
</li>
<li>Multiple conditions support</li>
<li>Custom hook name option</li>
<li>Priority control for precise placement</li>
<li>Developer-friendly architecture</li>
</ul>
<h3>Getting Started with Snap Blocks</h3>
<h3>✅ 1. Enable Page Builder for Snap Blocks</h3>
<h4>Elementor</h4>
<ul>
<li>Go to <strong>Elementor <span aria-hidden="true" class="wp-exclude-emoji">→</span> Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> General</strong></li>
<li>Check <strong>Snap Blocks</strong> under “Post Types”</li>
</ul>
<h4>WPBakery</h4>
<ul>
<li>Go to <strong>WPBakery Page Builder <span aria-hidden="true" class="wp-exclude-emoji">→</span> Role Manager</strong></li>
<li>From the <strong>Post Types</strong> dropdown, select <strong>Custom</strong></li>
<li>Enable the <strong>Snap Blocks</strong> post type for relevant user roles</li>
<li>Click <strong>Save Changes</strong></li>
</ul>
<h3>➕ 2. Create a Snap Block</h3>
<ul>
<li>Go to <strong>Snap Blocks <span aria-hidden="true" class="wp-exclude-emoji">→</span> Add New</strong></li>
<li>Use <strong>Elementor</strong> or <strong>WPBakery</strong> to build the block content</li>
<li>Assign a <strong>Group</strong> if needed for better organization</li>
</ul>
<h3>🧩 3. Insert via Elementor or WPBakery Widget</h3>
<ul>
<li>Edit any page or template with <strong>Elementor</strong> or <strong>WPBakery</strong></li>
<li>Look for the <strong>Snap Block</strong> widget/element</li>
<li>Select a block from the dropdown menu</li>
</ul>
<h3>🔤 4. (Alternatively) Insert via Shortcode</h3>
<p>Paste the following shortcode anywhere: <code>[snap_block id="123"]</code></p>
<p>Replace <code>123</code> with the block’s ID.</p>
<h3>Early Development Notice</h3>
<p><strong>Snap Blocks</strong> is in the early stages of development, and we’re actively working to expand its features. Future updates will include support for additional features and deeper integrations.</p>
<p>Your feedback is invaluable! If you have specific needs or suggestions, please share them in the support forum. We appreciate your support and look forward to improving Snap Blocks with your input.</p>
<h3>Other Plugins by Devnet</h3>
<p>Here are some other plugins we have developed that you might find useful:</p>
<ul>
<li><a href="https://wordpress.org/plugins/snap-blocks/" rel="ugc">Free Shipping Label</a> – Increase order revenue by showing your customers just how close they are to your free shipping threshold.
<ul>
<li><a href="https://devnet.hr/plugins/snap-blocks/#fsl-discount" rel="nofollow ugc">FSL Discount Add-On</a> – By setting customizable thresholds for single, double, or triple-step discounts, you’ll motivate shoppers to add more to their carts.</li>
</ul>
</li>
<li><a href="https://wordpress.org/plugins/product-price-history/" rel="ugc">Product Price History</a> – Track product price history with customizable charts and graphs on your WooCommerce store. Show lowest price and increase customer trust.</li>
<li><a href="https://wordpress.org/plugins/easy-subscribe/" rel="ugc">Easy Subscribe</a> – Effortlessly integrate customizable subscription forms on your WordPress site with a simple shortcode.
<ul>
<li><a href="https://devnet.hr/plugins/easy-subscribe/#woocommerce-add-on" rel="nofollow ugc">Easy Subscribe – WooCommerce Add-On</a> lets you place a subscription form directly on product pages to capture leads at the moment of interest and grow targeted subscriber lists based on customer preferences.</li>
</ul>
</li>
<li><a href="https://wordpress.org/plugins/easy-booking-calendar/" rel="ugc">Easy Booking Calendar</a> – Turn any product into a reservation-ready item. This plugin adds a customizable calendar to product pages, allowing customers to select date ranges for bookings.</li>
<li><a href="https://wordpress.org/plugins/biznotes/" rel="ugc">BizNotes</a> – Exclusive admin notes for seamless order management among multiple admins. Effortless collaboration, powered up.</li>
<li><a href="https://wordpress.org/plugins/snap-blocks/" rel="ugc">Snap Blocks</a> – A lightweight plugin that lets you create reusable content blocks in WordPress.</li>
<li><a href="https://wordpress.org/plugins/pingvid/" rel="ugc">PingVid</a> – A lightweight WordPress plugin that adds a floating video widget to your site.</li>
</ul>


Snap Blocks

Create and manage repeatable content blocks with Elementor or WPBakery. Insert them via shortcode or widget. Flexible and easy to use.

Dev Content Blocks vs Snap Blocks