BCodeCraft

<p><strong>bcodecraft Blocks</strong> helps you manage reusable content on your WordPress site efficiently. Create content snippets once and use them anywhere with our modern, intuitive interface.</p>
<h4>Key Features</h4>
<ul>
<li><strong>🎯 Modern Modal Interface</strong> – Beautiful, searchable snippet selection with live preview</li>
<li><strong>📝 Block Editor Integration</strong> – Seamless workflow with smooth animations and transitions  </li>
<li><strong>⚙️ Classic Editor Support</strong> – TinyMCE button for one-click shortcode insertion</li>
<li><strong>🌟 Smart Placeholder State</strong> – Guided onboarding for new users</li>
<li><strong>📱 Responsive Design</strong> – Optimized for all devices and screen sizes</li>
<li><strong>🚀 Performance Optimized</strong> – Server-side pagination and efficient loading for large collections</li>
<li><strong>🔍 Advanced Search</strong> – Real-time search with debouncing and server-side filtering</li>
<li><strong>🔒 Secure & Reliable</strong> – Built with security best practices and input validation</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li><strong>Contact Information</strong> – Address, phone, email that appears on multiple pages</li>
<li><strong>Call-to-Action Blocks</strong> – Reusable promotional content and banners</li>
<li><strong>Legal Text</strong> – Terms, privacy policies, disclaimers</li>
<li><strong>Product Features</strong> – Standard descriptions for products and services</li>
<li><strong>Social Media Links</strong> – Consistent social media widgets</li>
</ul>
<h4>How It Works</h4>
<ol>
<li><strong>Create Snippets</strong> – Use the familiar WordPress Block Editor to create your content snippets</li>
<li><strong>Insert Anywhere</strong> – Add snippets via the beautiful modal interface in Block Editor or Classic Editor  </li>
<li><strong>Live Preview</strong> – See exactly how your content will look before publishing</li>
<li><strong>Automatic Updates</strong> – Change a snippet once, and it updates everywhere it’s used</li>
</ol>
<h4>User Experience</h4>
<ul>
<li><strong>Intuitive Modal Interface</strong> – No more dropdown menus, search and select from a beautiful grid</li>
<li><strong>Real-time Search</strong> – Find snippets instantly with live filtering</li>
<li><strong>Visual Feedback</strong> – Smooth animations and hover effects throughout</li>
<li><strong>Cross-Editor Consistency</strong> – Same experience in Block Editor and Classic Editor</li>
</ul>
<h4>Developer Friendly</h4>
<ul>
<li><strong>REST API Endpoints</strong> – <code>wp-json/bccb-blocks/v1/snippets</code> for custom integrations</li>
<li><strong>WordPress Hooks</strong> – Filters and actions for customization  </li>
<li><strong>Clean Code</strong> – Following WordPress coding standards and best practices</li>
<li><strong>Modern Architecture</strong> – Built with React and modern JavaScript</li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress 6.0+</li>
<li>PHP 7.4+</li>
</ul>
<h3>Support</h3>
<p>For support and bug reports, please use the WordPress.org support forum for this plugin.</p>
<h3>Privacy</h3>
<p>bcodecraft Blocks does not collect any personal data. All content is stored locally in your WordPress database and no external connections are made.</p>


bcodecraft Blocks

A modern WordPress plugin for managing and reusing content snippets with seamless Block Editor integration and advanced search functionality.

nitinvp

<p>As a content author, you constantly try to keep the content on your site up-to-date. The challenge increases as many a times the same content is repeated at various places on your site. Add to that the content keeps changing over time making it more difficult to keep your site up-to-date. Here are some examples.</p>
<ul>
<li>Features of a product or service you offer (you may end up repeating these on the product page as well as blog posts)</li>
<li>Links with promotion codes that change from time-to-time (again the links may spread across your site)</li>
<li>Content promotion (such as, promoting content from development site to production site where you may need to update links to point to the production site)</li>
</ul>
<p><strong>C9 Variables</strong> helps in all these areas and many more. It facilitates authoring reusable content as variables. Then, you can refer to these variables from other content (such as, blog post or page) instead of repeating the content. <strong>C9 Variables</strong> will automatically show the latest content of variables when the post or page is loaded. If you need to make updates, simply update the variable in one place and the changes will be available automatically when the referring page or post is reloaded.</p>
<p>Here are some examples.</p>
<h4>Example#1: Variable for Product Features</h4>
<p>Lets say you want to create reusable content for managing your product features that you would like to show at multiple places on your site, such as, the product page, blog posts, etc.</p>
<ul>
<li>Create a variable using <strong>C9 Variables</strong>, say <code>ProductFeatures</code>, with the following content.<br />
<code>html<br />
<ul><br />
<li>Create new content.</li><br />
<li>Modify content.</li><br />
<li>Search content.</li><br />
<li>Delete content.</li><br />
</ul></code></li>
<li>Now you can refer to this variable from another post or page using the <code>c9-vars-insert</code> shortcode. For example, here is a blog post snippet referring to the above <code>ProductFeatures</code> variable.<br />
<code>html<br />
Welcome to the release of our latest product that offers the following key features.<br />
[c9-vars-insert name="ProductFeatures"]<br />
We are quite optimistic that this will help you tremendously in managing your site.</code><br />
Notice how you did not have to repeat the entire list of features. Next time you add more to the feature list, you can simply update the <code>ProductFeatures</code> variable and all the content using this variable will get the latest feature list when reloaded. </li>
</ul>
<p><a href="https://cloudnineapps.com/products/wordpress-plugins/c9-variables/c9-variables-demo/#product_features" rel="nofollow ugc">See Demo</a>.</p>
<h4>Example#2: Variable for Managing Promotion Code</h4>
<p>Lets say you constantly run promotion on your site and you have links from various pages and posts on your site that should provide the latest promotion code. You want to ensure there are no obsolete promotion links. Here, you will create a variable to store the promotion code and use it from other content on your site. For the purpose of demonstration, lets use the promotion code value as <code>CLOUDNINE</code>.</p>
<ul>
<li>Create a variable, say <code>Promo Code</code>, with content as <code>CLOUDNINE</code>.</li>
<li>Refer to this variable wherever you would like to access the promotion code. Example<br />
<code>html<br />
<a href='http://example.com/product?coupon=[c9-vars-insert name="Promo Code"]'>Click here</a> to claim your promotion code.</code><br />
Next time your promotion code changes, simply update the <code>Promo Code</code> variable and all references will be updated dynamically.</li>
</ul>
<p><a href="https://cloudnineapps.com/products/wordpress-plugins/c9-variables/c9-variables-demo/#promo_code" rel="nofollow ugc">See Demo</a>.</p>
<h4>Example#3: Variable for Site</h4>
<p>Lets say you run a development site where you author your content first and then promote to production. This site contains links to other pages on your site. When you promote this content to the production site, you want to make sure the links now refer to the production site without having to do a search and replace or other manual and error prone tasks. <strong>C9 Variables</strong> makes this task simple.</p>
<ul>
<li>Create a variable for site, say <code>site</code>, with value as <code>example-dev.local</code> in your development site.</li>
<li>Create the same variable <code>site</code> with value as <code>example.com</code> in your production site.</li>
<li>Now, you can author links in your content hassle free using the <code>site</code> variable. Example<br />
<code>html<br />
<a href='http://[c9-vars-insert name="site"]/products/MyCoolProduct'>Click here</a> to visit the MyCoolProduct.<br />
<a href='http://[c9-vars-insert name="site"]'>/blogs</a></code><br />
When this content is promoted to production, the links will be dynamically updated to use the production <code>site</code> value.</li>
</ul>
<p><a href="https://cloudnineapps.com/products/wordpress-plugins/c9-variables/c9-variables-demo/#site" rel="nofollow ugc">See Demo</a>.</p>
<h4>Example#4: Nested Variables</h4>
<p>Yes, variables can be nested! That is, one variable can refer to another variable. In fact, a variable’s content can use shortcodes from other plugins as well. Here’s an example.</p>
<ul>
<li>Create a variable, say <code>Nested Content</code>, that refers to the above <code>ProductFeatures</code> variable with the following content.<br />
<code>html<br />
The following content is from the <strong>ProductFeatures</strong> variable.<br />
[c9-vars-insert name=’productfeatures’]</code></li>
<li>Now, wherever <code>Nested Content</code> variable is used, it will automatically substitute the content with the latest value for <code>ProductFeatures</code> as well.</li>
</ul>
<p><a href="https://cloudnineapps.com/products/wordpress-plugins/c9-variables/c9-variables-demo/#nested" rel="nofollow ugc">See Demo</a>.</p>
<h4>Example#5: Variable for Magic Button!</h4>
<p>This is a common case of content management wherein the content is being actively developed in the development site for a particular release. The content is also published to production, but not made visible until the release date. This is accomplished by using a variable to act as a magic button!</p>
<ul>
<li>Create a variable for magic button, say <code>Magic Button</code>, that uses the HTML <code>div</code> tag and <code>display</code> attribute. You can also use a version based name, such as, <code>Magic Button V1.0</code>. To keep the content visible on the development site, set <code>Magic Button</code> variable value to the following.<br />
<code>html<br />
<div style="display: block;"></code></li>
<li>To keep the content hidden on the production site, set <code>Magic Button</code> variable value to the following.<br />
<code>html<br />
<div style="display: none;"></code></li>
<li>Author the content. Following is a sample content for demonstration purpose.<br />
<code>html<br />
[c9-vars-insert name=’magic-button’]<br />
This content shows the features of the latest release.<br />
</div></code></li>
<li>Push content to production without a worry that it’ll be available to the users before the release date.</li>
<li>On the release date, simply switch the <code>Magic Button</code> variable value in production to make the content visible.</li>
</ul>
<p><a href="https://cloudnineapps.com/products/wordpress-plugins/c9-variables/c9-variables-demo/#magic_button" rel="nofollow ugc">See Demo</a>.</p>
<h4>Example#6: Variable for Content Promotion</h4>
<p>This is another common case in the documentation world and hence worth calling out. Lets say you are preparing documentation for the next release of your product and you are working in a <strong>draft space</strong> that’s only accessible to select customers and employees. You want the links to point to the <code>draft</code> space. Once the product is released, you want to the links to dynamically point to the <code>published</code> space.</p>
<ul>
<li>Create a variable for space, say <code>space</code>, with value as <code>draft</code>.</li>
<li>Have your referring pages use the above variable when referring to the links. For example<br />
<code>html<br />
Restricted page<br />
<a href='http://example.com/documentation?space=[c9-vars-insert name="space"]'>Documentation</a><br />
<a href='http://example.com/documentation/myproduct/space=[c9-vars-insert name="space"]'>My Product Documentation</a></code></li>
<li>Now, the select people with access to the above page will see the links that are pointing to the <code>draft</code> space.</li>
<li>When you are ready for the release, you can simply update the <code>space</code> to <code>published</code> and make the above restricted page publicly accessible. And, all the content will be publicly available. Simple!</li>
</ul>
<p>Keep building awesome reusable content!</p>
<h3>Features</h3>
<h4>Basic Plugin Features</h4>
<p><strong>C9 Variables</strong> is fully functional and it adds capabilities to both the WordPress Admin as well as the public interface.</p>
<ul>
<li>WordPress Admin
<ul>
<li>Add/modify/delete up to 10 Variables</li>
<li>Support for WordPress built-in roles: Super Admin, Administrator, Editor, Author, Contributor, Subscriber (<a href="https://cloudnineapps.com/products/wordpress-plugins/c9-variables/documentation/#roles_and_capabilities" rel="nofollow ugc">see details</a>)</li>
<li>Page/Post Editor Enhancements
<ul>
<li>Integrated Editor button to lookup and insert a Variable</li>
<li>Organize Variable list by title</li>
<li>Use selected Variable in the post/page via a convenient shortcode</li>
</ul>
</li>
<li>Settings
<ul>
<li>Debug Mode: On/Off (default: Off)</li>
<li>Anonymous Usage Tracking: On/Off (default: Off)</li>
</ul>
</li>
</ul>
</li>
<li>WordPress Public
<ul>
<li>Replace Variable value when showing the post/page</li>
</ul>
</li>
</ul>
<h4>Pro Plugin Features</h4>
<p><strong>C9 Variables Pro</strong> provides following features on top of the basic plugin features.</p>
<ul>
<li>WordPress Admin
<ul>
<li>Unlimited Variables</li>
<li>Mark favorite Variables</li>
<li>Page/Post Editor Enhancements
<ul>
<li>Variable lookup supports searching by favorites</li>
<li>Variable lookup supports sorting results by Last Used or Title</li>
<li>Variable lookup supports pagination and configurable page size</li>
</ul>
</li>
<li>Settings
<ul>
<li>Default Variable Sort Order: Title, Last Used (default: Title)</li>
<li>Number of Results per Page: 10, 25, 50 (default: 10)</li>
</ul>
</li>
</ul>
</li>
</ul>


C9 Variables

Use variables to make smart reusable content. The basic plugin is fully functional and supports up to 10 variables. The Pro plugin supports unlimited  …

bcodecraft Blocks vs C9 Variables