ingenidev by Bright Vortex LLC &amp; MetaNetSkills Lda

<p>ingenidev, Code Widget for Elementor adds a Widget to your Elementor menu providing a drag and drop, easy to use code snippet that automatically formats the contents as code and allows the page viewer to easily copy the code contents to his clipboard for ease of use.</p>
<h3>Effortlessly Display and Share Code Snippets with Code Widget for Elementor</h3>
<p>Enhance your Elementor pages with the Code Widget for Elementor, the perfect solution for displaying code snippets with clarity and ease. This plugin allows you to embed code blocks with a convenient copy-to-clipboard button, making it ideal for tutorials, documentation, and development showcases.</p>
<h3>Why Use the Code Widget for Elementor?</h3>
<p>Displaying code snippets in a visually appealing and user-friendly way is crucial for:<br />
Improved Readability: Syntax highlighting makes code easier to understand.<br />
Enhanced User Experience: The copy-to-clipboard button simplifies code sharing.<br />
Professional Presentation: Clean and organized code displays add credibility to your content.<br />
Educational Content: Perfect for tutorials, guides, and developer documentation.</p>
<h3>Features of the Code Widget for Elementor Plugin:</h3>
<p>✅ Copy-to-Clipboard Button: Enables users to easily copy code with a single click.<br />
✅ Easy Elementor Integration: Seamlessly integrates with the Elementor page builder.<br />
✅ Lightweight and Fast: Optimized for minimal impact on page load times.</p>
<h3>How to Use This Plugin?</h3>
<p>1.Install and activate the Code Widget for Elementor plugin.<br />
2.Open your page in the Elementor editor.<br />
3.Drag and drop the “Code Widget” onto your page.<br />
4.Paste your code snippet into the widget<br />
5.Customize the appearance and save your changes.</p>
<h3>Who Should Use This Plugin?</h3>
<p>Website owners who display code snippets on their Elementor pages.<br />
Developers and programmers who want to showcase their code.<br />
Bloggers and content creators who provide programming tutorials.<br />
Educators and trainers who share code examples.</p>
<h3>Elevate Your Code Presentation Today!</h3>
<p>Make your code snippets stand out with the Code Widget for Elementor. Provide a user-friendly experience with easy code copying.</p>
<h4>Privacy notices</h4>
<p>This plugin, in itself, does not:</p>
<ul>
<li>track users</li>
<li>write any user personal data to the database</li>
<li>send any data to external servers</li>
<li>make use of cookies</li>
</ul>
<h4>Our plugins</h4>
<p>The following plugins are recommended by ingenidev :</p>
<ul>
<li><a href="https://ingenidev.com/uae-aed-currency-symbol-changer-wordpress-plugin/" rel="nofollow ugc">AED Symbol Changer for Woocommerce</a> By default, WooCommerce uses the currency symbol for the United Arab Emirates Dirham (AED) as “د.إ”. This plugin changes it to “AED “.</li>
<li><a href="https://ingenidev.com/cod-shield-wordpress-plugin/" rel="nofollow ugc">Cash on Delivery Shield</a> a plugin that allows you to disable Cash on Delivery payment method for orders made by users who are not logged in.</li>
</ul>


ingenidev Code Widget for Elementor

This Elementor plugin allows you to display and format a code container that includes for the viewer an easy to use copy to clipboard functionality.

lubus

Ajit Bohra

Punit Verma

Nagesh Pai

<p>BlaBlaBlocks Formats lets you enhance your Gutenberg editor with <strong>interactive rich text formats</strong> like tooltips, markers, inline typography controls, and formatting utilities directly inside WordPress.<br />
No coding needed. Just select your text, choose a format, and instantly make your content more engaging.</p>
<p>With BlaBlaBlocks Formats, you can add animated markers, interactive tooltips, inline typography styling, and quick formatting controls to improve readability and emphasize key information.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Interactive text formats</strong> – Add <strong>InfoTips</strong>, <strong>markers</strong>, <strong>typography controls</strong>, and <strong>clear formatting</strong> directly from the block toolbar.</li>
<li><strong>Live customization</strong> – Change color, animation, and behavior in real time.</li>
<li><strong>Lightweight & optimized</strong> – Assets load only when formats are used.</li>
<li><strong>Native Gutenberg integration</strong> – Seamlessly fits the WordPress Block Editor.</li>
</ul>
<h3>Why Choose BlaBlaBlocks Formats?</h3>
<p>Because plain text doesn’t always tell the full story!<br />
Highlight key phrases, provide helpful InfoTips, adjust inline typography, or quickly remove formatting, all within the familiar block editor UI.</p>
<ul>
<li>No shortcodes or custom HTML needed.  </li>
<li>100% visual control inside the editor.  </li>
<li>Works with all themes and blocks.</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Select any text in the Gutenberg editor.</li>
<li>Choose a format such as Marker, InfoTip, Typography, or Clear formatting.</li>
<li>Adjust style and behavior using the sidebar options.</li>
<li>See the preview instantly.</li>
</ol>
<p>Formats are rendered on both editor and frontend views with minimal code overhead.</p>
<h3>Use Cases</h3>
<ul>
<li>Add <strong>InfoTips</strong> to glossary terms or product details.  </li>
<li>Highlight <strong>important phrases</strong> in tutorials or documentation.  </li>
<li>Apply <strong>inline typography styles</strong> to emphasize selected text.  </li>
<li>Clear unwanted formatting from copied or edited content.</li>
</ul>
<h3>Available Formats</h3>
<h4>1. Marker</h4>
<p>Underline or highlight text segments with customizable color and animation.</p>
<h4>2. InfoTip</h4>
<p>Attach informative tooltips to any text selection perfect for definitions, links, or extra context.</p>
<h4>3. Typography</h4>
<p>Apply inline typography styles such as font family, font size, appearance, letter spacing, and letter case.</p>
<h4>4. Clear formatting</h4>
<p>Remove applied inline formatting from selected text with a single toolbar action.</p>
<h3>Customization Options</h3>
<ul>
<li>Marker color & animation style  </li>
<li>Tooltip position, size, and behavior  </li>
<li>Typography presets and inline text styling  </li>
<li>Backend-only or frontend-visible options  </li>
<li>Per-format settings saved automatically</li>
</ul>
<h3>Performance & Optimization</h3>
<ul>
<li>BlaBlaBlocks Formats loads assets only when necessary, reducing frontend bloat.  </li>
<li>No React, Redux, or large JS libraries </li>
<li>Powered by the web component, not loaded on the public site unless formats are active.</li>
</ul>
<h3>Open Source and Free</h3>
<p>The BlaBlaBlocks Formats is open source. Not only is it free to use, but you are also welcome to collaborate and contribute to its development.</p>
<ul>
<li>
<p><strong>Source Code:</strong><br />
<a href="https://github.com/lubusIN/blablablocks-formats" rel="nofollow ugc">https://github.com/lubusIN/blablablocks-formats</a></p>
</li>
<li>
<p><strong>Report Issues:</strong><br />
<a href="https://github.com/lubusIN/blablablocks-formats/issues" rel="nofollow ugc">https://github.com/lubusIN/blablablocks-formats/issues</a></p>
</li>
<li>
<p><strong>Documentation:</strong><br />
<a href="https://github.com/lubusIN/blablablocks-formats/wiki" rel="nofollow ugc">https://github.com/lubusIN/blablablocks-formats/wiki</a></p>
</li>
</ul>


Rich Text Formats


BlaBlaBlocks Formats is like a party for your text! This nifty plugin lets you jazz up your WordPress content with interactive tooltips and eye-catching animated highlights—no coding skills required. Just highlight, click, and boom—instant personality for your words.



What's really cool is how effortlessly it adds that extra zing to your content. Want to make readers hover for a surprise? Add a tooltip. Need to draw attention to something important? Throw in an animated highlight. It's as easy as making text bold, but way more fun.


Add Some Pizzazz to Your WordPress Content

Rich text enhancements for the WordPress block editor.

ingenidev Code Widget for Elementor vs Rich Text Formats