Code Machine

Convert Post Shortcodes into Visual Clickable Elements. Provide a simple web form for modifying Shortcode attributes by just clicking on the visual shortcodes.
Shortcode is one of the very important features introduced in WordPress platform. Shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut
The only problem is dealing with Shortcode via raw text editor. Editing Shortcode with text editor would required a little efforts. Visual Shortcode Plugin rule is to simplify shortcode editing process by allow editing Shortcode attributes through simple web form
Visual Shortcode form is very simple and consist only from Text Fields however more fields might be configured for the Shortcode by installing <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> Extension.
Once Shortcode Visual Element is clicked a Shortcode form will be pop-up allowing editing Shortcode attributes very easy without any manual editing for Shortcode attributes
Shortcode content, those data between the open and close Shortcode tags, is currently not allowed to be edited. Only Shortcode attributes can be edited.
Shortcode still can be edited manually or via Visual Shortcode clickable element, however make sure to don’t change Visual Shortcode HTML wrapped signature to avoid Visual Shortcode plugin from visualizing your element twice as this would lead to unpredicatble behavior that prevent you from editing Shortcode attribute via web form.
Creating Visual Shortcodes must be done manually by clicking on Visualize Shortcode button. Visualizing Shortcode automaticlly is considered as <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> feature to be added later.
<a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> make it even eaiser by allowing of defining Shortcode and its attributes so you don’t need to rememebder Shortcode attributes everytime you want to edit Shortcode Attributes. Its also allow many Creating Different field type for every Shortcode Attribute.
<h4>Features</h4>
<ul>
<li>Turns Shortcode texts into Visual Elements</li>
<li>Modify Shortcode attributes using Web Form</li>
<li>All Shortcode attributes are represted as input text field</li>
<li>Visualize each post Shortcodes manually by single button click</li>
<li>Support Switch between Text and Visual Editors</li>
<li>Shortcode attributes may be updated manually after shortcode visualized</li>
</ul>
<h4>Note</h4>
This Plugin will display empty dialog for Shortcodes those don’t have attributes yet. You must have Shortcode Attributes typed before displaying the form so that The Plugin knows how to create Shortcode Form. If you like to have Your Shortcode Defined and the forms as well you can purchase <a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a>
<h4>Need More Features ?</h4>
<a href="http://www.cbspoint.com/plugins/advanced-visual-shortcode/" rel="nofollow ugc">Advanced Visual Shortcode Extension Plugin</a> comes along with many features, check out he list below:
<ul>
<li>Text Field</li>
<li>Dropdown List</li>
<li>Multiple Selection list</li>
<li>Single Selection List</li>
<li>Checkbox list</li>
<li>Radio Options list</li>
<li>HTML5 Color Picker</li>
<li>WordPress Color Picker</li>
<li>Image field</li>
<li>Yes/No Field</li>
<li>True/False Field</li>
<li>On/Off Field</li>
<li>Zero/One field</li>
<li>Textarea field</li>
<li>Set Field defaut value</li>
<li>Define Shortcode (Tag, Title, Description)</li>
<li>Define Shortcode form (Name, Title)</li>
<li>Herarichal forms</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>PHP >= 5.3</li>
</ul>

CB Visual Shortcode

Turns textual Wordpress Post Shortcodes into Visual Shortcode, provide web form for changing attributes value

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.

CB Visual Shortcode vs Hotjar