Blackbam

Clients tend to get crazy if they have to edit HTML code on their own or if little things are not working as expected. Make your editing experience as simple and good as possible:
Customize TinyMCE / TinyMCE Advanced (or other TinyMCE variants) to fit your needs.
Basically, this Plugin does two things for you:
A. This Plugin installs two files editor-style.css and editor-style-shared.css into your Theme folder (so you can still do updates of the Plugin), which can be edited in the backend of your site
<ul>
<li>editor-style.css is used for styling your TinyMCE Editor</li>
<li>editor-style-shared.css is used for styles to be used in your theme AND in your TinyMCE editor (so you do not have to copy)</li>
</ul>
Note: To use this feature, you have to write your own CSS code into this files, which is the only professional way to do it.
B. The main feature of this Plugin is to offer a GUI to create custom style formats for TinyMCE dynamically
<ul>
<li>Easy and very fast to add/change/delete</li>
<li>You do not have to change one single line of source code</li>
</ul>
Current Languages:
<ul>
<li>en_US</li>
<li>de_DE</li>
<li>es_ES (Andrew Kurtis, webhostinghub.com)</li>
<li>sr_RS (Ognjen Djuraskovic, firstsiteguide.com)</li>
</ul>
Please report any bugs you may encounter and support this Plugin if you like it.
Plugin URL: <a href="http://www.blackbam.at/blackbams-blog/2013/06/03/wordpress-plugin-tinymce-and-tinymce-advanced-professsional-formats-and-styles/" rel="nofollow ugc">http://www.blackbam.at/blackbams-blog/2013/06/03/wordpress-plugin-tinymce-and-tinymce-advanced-professsional-formats-and-styles/</a>

TinyMCE and TinyMCE Advanced Professsional Formats and Styles

Improve, style and customize TinyMCE / TinyMCE Advanced using custom editor stylesheets and a dynamically configurable styles dropdown.

Hotjar

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.
Hotjar Observe:
<ul>
<li>Visualize user behavior – 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>Put yourself in their shoes – 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>Measure conversions and learn why users drop off – Visualize your conversion flows with Funnels, and understand where your users are getting stuck by zooming into relevant recordings.</li>
<li>Explore and understand your metrics – 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>
Hotjar Ask:
<ul>
<li>Hear from your users – 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>Get feedback with context – 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>
Hotjar Engage:
<ul>
<li>Connect with users – Automate the recruitment, scheduling, and hosting of moderated user interviews, and focus on what matters the most—connecting with users.</li>
</ul>
Hotjar Platform:
<ul>
<li>Stay on top of your user metrics – 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>Integrate Hotjar with the tools you love – 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>
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>!

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.

TinyMCE and TinyMCE Advanced Professsional Formats and Styles vs Hotjar