Francesco Canovi

Marco Chiesi

Black Studio

<p>This plugin adds a new <code>Visual Editor</code> widget type that allows you to insert rich text and media objects in your sidebars with no hassle. With Black Studio TinyMCE Widget you will be able to edit your widgets in a WYSIWYG manner using the native WordPress TinyMCE editor, just like you do in posts and pages. And if you are a developer you may still switch back and forth from Visual to HTML mode.</p>
<p>For years the default WordPress text widget has been very basic and it required HTML knowledge to add formatting and images/media to the text. This plugin was born in 2011 to overcome these limitations. After a long time, in June 2017, version 4.8 of WordPress finally introduced a new text widget that included the ability to manage text widgets with the visual editor. The new widget available in WordPress core could now be used as a basic replacement of Black Studio TinyMCE Widget, but the plugin still offers some additional features, so it remains a must-have for advanced users.</p>
<h4>Basic Features</h4>
<ul>
<li>Add rich text widgets to your sidebars and edit them using the TinyMCE visual editor</li>
<li>Switch between Visual mode and HTML mode (including Quicktags toolbar)</li>
<li>Insert images, videos, and other media from WordPress Media Library</li>
<li>Insert links to existing WordPress pages/posts or external resources</li>
<li>Support for shortcodes, smilies and embed in widget text (including preview)</li>
<li>Support for the Block-based Widgets Editor introduced with WordPress 5.8</li>
<li>Support for Customizer with live preview and quick edit</li>
<li>Support for widgets accessibility mode</li>
<li>Compatible with multi-site (WordPress networks)</li>
<li>Compatible with the most common multi-language plugins</li>
<li>Compatible with Page Builder plugin by SiteOrigin</li>
<li>Translations available in 20+ languages</li>
</ul>
<h4>Advanced Features</h4>
<p>These features are what makes this plugin better than the WordPress (4.8+) native widget:</p>
<ul>
<li>Full featured TinyMCE Visual Editor (the same you have for pages and posts)</li>
<li>Wide text area for an enhanced editing experience</li>
<li>Compatible with 3rd party TinyMCE customization plugins (TinyMCE Advanced, WP Edit, …)</li>
<li>Support for distraction-free (fullscreen) editing mode </li>
<li>Option to “Automatically add paragraphs” to widget text</li>
</ul>
<h4>About the plugin</h4>
<p>The story of the plugin was featured in a talk at WordCamp Europe 2018 in Belgrade.<br />
See the video <a href="https://wordpress.tv/2018/07/11/francesco-canovi-marco-chiesi-once-upon-a-time-there-was-a-plugin/" rel="nofollow ugc">Once upon a time, there was a plugin…</a> on WordPress.tv.</p>
<h4>Links</h4>
<ul>
<li><a href="https://www.blackstudio.it/en/" rel="nofollow ugc">Author’s web site</a></li>
<li><a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-tinymce-widget/" rel="nofollow ugc">Plugin’s page</a></li>
<li><a href="https://wordpress.org/plugins/black-studio-tinymce-widget/faq/" rel="ugc">FAQ</a></li>
<li><a href="https://wordpress.org/support/plugin/black-studio-tinymce-widget" rel="ugc">Support forum</a></li>
<li>Follow us on <a href="https://twitter.com/blackstudioita" rel="nofollow ugc">Twitter</a>, <a href="https://www.facebook.com/blackstudiocomunicazione" rel="nofollow ugc">Facebook</a>, <a href="https://www.linkedin.com/company/black-studio" rel="nofollow ugc">LinkedIn</a> and <a href="https://github.com/black-studio" rel="nofollow ugc">GitHub</a></li>
</ul>
<h4>Get involved</h4>
<ul>
<li>Developers can contribute to the source code on our <a href="https://github.com/black-studio/black-studio-tinymce-widget" rel="nofollow ugc">GitHub repository</a>.</li>
<li>Translators can contribute through the <a href="https://translate.wordpress.org/projects/wp-plugins/black-studio-tinymce-widget" rel="nofollow ugc">Official WordPress Translation platform</a>.</li>
<li>Users can contribute by leaving a 5 stars <a href="https://wordpress.org/support/view/plugin-reviews/black-studio-tinymce-widget#postform" rel="ugc">review</a> or making a <a href="https://www.blackstudio.it/en/wordpress-plugins/black-studio-tinymce-widget/" rel="nofollow ugc">donation</a>.</li>
</ul>


Black Studio TinyMCE Widget

A very convenient plugin if you need some edition tools in widget and you don’t know HTML.

Works fine

Hotjar

<p>Hotjar helps you to connect the dots between what your users do and why—so you can confidently create and optimize user experiences that convert. See what your users see, ask how they feel, and connect 1:1, all from one powerful and intuitive platform.</p>
<p><strong>Hotjar Observe:</strong></p>
<ul>
<li><strong>Visualize user behavior</strong> – Heatmaps visually represent where users click, move, and scroll on your site. With this context, you’ll be inspired with simple ways to improve your site.</li>
<li><strong>Put yourself in their shoes</strong> – Watch recordings of real user behavior on your site. See visitors’ clicks, mouse movements, u-turns, and rage clicks. Learn what frustrates users and resolve issues early.</li>
<li><strong>Measure conversions and learn why users drop off</strong> – Visualize your conversion flows with Funnels, and understand where your users are getting stuck by zooming into relevant recordings.</li>
<li><strong>Explore and understand your metrics</strong> – Trends connects the dots between numbers and user behavior insights so you can visualize your most important metrics and find the recordings and heatmaps of the underlying user behavior with a single click.</li>
</ul>
<p><strong>Hotjar Ask:</strong></p>
<ul>
<li><strong>Hear from your users</strong> –  Surveys bring voice-of-customer to your decision-making. Gathering evidence for a landing page or feature? Use a targeted Survey to validate your ideas and better understand your users.</li>
<li><strong>Get feedback with context</strong> – A real-time suggestion box on your site, Feedback lets users express frustration or delight about individual parts of your site, right down to the page, form, or image they’re looking at.</li>
</ul>
<p><strong>Hotjar Engage:</strong></p>
<ul>
<li><strong>Connect with users</strong> – Automate the recruitment, scheduling, and hosting of moderated user interviews, and focus on what matters the most—connecting with users.</li>
</ul>
<p><strong>Hotjar Platform:</strong></p>
<ul>
<li><strong>Stay on top of your user metrics</strong> – Use your Dashboard to get a high-level view of user data and spot issues before they become serious, identify trends, and find deeper insights.</li>
<li><strong>Integrate Hotjar with the tools you love</strong> – Connect Hotjar with thousands of popular apps, so you can automate your work and have more time for what matters most—no code required.</li>
</ul>
<p>This plugin provides a simple installation of Hotjar on your WordPress site. <a href="https://insights.hotjar.com/register?utm_source=wordpress&utm_medium=plugin" rel="nofollow ugc">Sign-up for your free trial today</a>!</p>


The Hotjar plugin works as expected and it took less than a minute to get it up and running! The whole process was super smooth (and by "process" I mean simply copy-pasting my Hotjar site ID into Hotjar settings).

It's a 5 star plugin as is, but I'd love the addition of a user role restriction so I can exclude administrators from user recordings.

Up and running in a minute

It seems the data isn't sent to Hotjar, finally I prefer using the JS integration directly.

Plugin is not working


…Now it won't even correctly verify the installation. The tracking script was in my website yet the HotJar control panel claimed over and over that it wasn't when I tried to verify the installation. I tried FOUR different browsers, since it claimed that ad blocking in my primary browser was preventing it from working. The other 3 browsers have no ad-blocking extensions. Still no dice. I could see the requests reaching the site while trying to verify, and I even tested the requests that were made and, sure enough, the tracking script was installed.



So… I'm done. I'll find another way to tackle the task I needed to complete. My HotJar account is deleted and I will no longer be suggesting it to my customers.


Used to be good

The fast & visual way to understand your users.

Black Studio TinyMCE Widget vs Hotjar