Webflow is an easy to use website canvas creation tool anyone can get the hang of quick. The canvas tool can create interesting and powerful websites with useful interactions, integrations, visuals and more.
Webflow is popular among all types of people, from business owners and marketers to designers and music artists. The platform has a fully functional CMS (content management system) that allows you to manage and also publish content like blogs, products, videos and more.
Webflow also has a vast array of templates to choose from as well as the full power of HTML, CSS, and Javascript in a visual canvas.
Webflow has added integration with Microsoft Clarity to make your experience building and operating a website more successful with user behavior analytics. Here’s how to get started with Clarity.
The first thing you need to do is locate your Clarity Project ID and copy it by following the below instructions:
Step 1
From the Clarity dashboard, go to Settings -> Overview.
Copy the Clarity tracking code from your specific Clarity project.
Step 2
Go to Webflow dashboard. Select the Webflow icon in the top left of the dashboard.
Step 3
Select Project Settings.
Step 4
Select Custom Code.
Step 5
Paste your Clarity Tracking Code into the Head Code box. Select Save Changes.
Step 6
On your project settings page, choose Publish. From the drop-down, select a Domain for the site listed in Clarity. Select Publish to Selected Domains.
Once setup you’ll be able to see Sessions Recordings, Heat Maps, traffic sources, visited pages, and more. With these insights, developing an intuitive website for your customers is much easier. By being able to directly see their user journey making swift changes to your website, and a/b testing in in the early stage is a breeze.
One of the benefits of Clarity is being able to dial in the interface to fit your needs when it comes to analytics, reporting and visualizations. We are excited to announce a new update to Clarity that will add further functionality for custom IDs.
If you aren’t familiar with the user ID feature here’s how it works. A generic user ID is assigned to each visitor when they come to your site, the ID will be assigned to features like Screen Recordings. At the same time, you can also assign other custom identifiers for users, sessions, and pages if you want to track custom features on your site. As seen below, it was previously possible only to filter by the randomly assigned Clarity user ID.
After receiving your valuable feedback on expanding the custom ID feature, we categorized them into these top requests:
Making user ID clickable
A customized way to identify site attributes
Ability to filter by custom IDs
We took your feedback to heart and added new functionality for custom IDs. Take a look below to see how some of these new features will look. Both the details of custom IDs in session info and the ability to filter by custom IDs were added with this new release.
Above you can see the newly added filter fields which will allow you to filter by custom IDs.
Above are how the recordings session info will look when utilizing the custom ID filters:
Custom user ID, session ID and page ID are included as part of the session info.
You can directly click on Clarity user ID or any of the custom IDs to quickly apply them as a filter and watch additional recordings for that user, session or page.
Custom ID is also added to the Filter by this list in each recording card.
We hope that these newly added features will allow you to better track and interpret customer data. As always if you have any feedback for us please reach out. You can also learn more about filters here, and to learn more about custom identifies and our API visit here.
Our team is super excited to announce the native integration of Microsoft Clarity in Softr.io!
Softr.io is a powerful software that can create apps, websites, client portals, and much more with just a few clicks.
It is the world’s largest ecosystem for building no-code apps. At Softr, they believe that everyone should have the ability to create the tools they need, without engineers or designers.
Through Softr.io you can now link data directly to Clarity! With heatmaps and session recordings, you’ll be able to visualize vital data feedback on the projects you created with Softr. Learn how to link your Soft.io data to Clarity here.
Mario Araujo, Growth Lead at Softr.io said:
“Softr.io makes app building as easy as Lego. With Microsoft Clarity integrated, they are now able to understand how their users interact with their web and mobile applications. It’s like having users sitting right next to you.”
Just another reason to join Clarity! A free-forever feature-rich user behavior tool! Get started today!
Google Analytics Integration: Find Out How Connecting GA & Clarity Benefits You!
You utilize Google Analytics for many reasons: to see how people (and who) find your website, track what they do once they arrive there, and to learn more about conversions to define strategy. However, did you know that by pairing it with Microsoft Clarity you can maximize your insights?
Google Analytics collects and displays to you raw data about your website such as sessions, users, page views, goal completions and more. This data comes as preliminary information to help you understand how people interact with your website. However, what’s missing is the ability to represent that raw data visually in recordings that come alive, showing the insights behind the data. Clarity makes it easier to interpret that data!
a. Go to Setup and select Get Started under Google Analytics integration.
b. You’ll be redirected to Google to sign in. Choose an account or enter an email by selecting ‘Use another account’ and follow the steps.
c. On the dialog box, select the web property you would like Clarity to send data.
If you see the site in the ‘Site to connect’ menu
Select the site from the menu and select Save. You’ll be redirected to the Clarity Setup page.
If you don’t see the site in the ‘Site to connect’ menu
Select the option to enter your site manually (see steps in link).
2. After you’re done with setup, you’ll now see a Google Analytics tab appear under your projects. You’ll also be able to explore a Clarity dimension within Google Analytics, which will add a URL to each page session that allows you to directly view Session Recordings and Heatmaps.
Benefits of adding Clarity
You can combine the visual learning behavior data of Clarity with the metric behavior data of Google Analytics to produce a very strong data set for your website or business.
1. Visualize Data:
Have you ever sifted through your websites Google Analytics data wishing there was an easier way to visualize, filter, and understand the data in a meaningful way? Clarity does just that, allowing you to watch session recordings for Google Analytics segments to better understand the data, so you to make more educated decisions for your business.
Integrating your Clarity project with Google Analytics is easy, and allows Clarity to link session playbacks with your Google Analytics dashboard (see above). Once you identify the sessions you need more information on, just jump to the GA Dashboard to debug and understand user pain points.
2. Understand Customer Behavior:
The whole reason we use software like Google Analytics is to understand what our customers want, and how we can improve their experience with us. Raw data is great, but with Clarity your understanding is taken a step further with Session Recordings (a feature that allows you to see how people are actually using your site through recorded sessions), Heatmaps (which allows you to determine the ideal page length for maximum conversions and show how far your users scroll on pages), and report visualizations. These features allow you to not only see the numbers but put yourself directly in the shoes of the customers.
3. Improve GA Goals:
Being able to measure the success of your businesses efforts is key to understanding what’s working and what’s not. Goals in Google Analytics are trackable user interactions within your website that you deem to be the most valuable to your business. Without Goals, you might still get some valuable insights from Google Analytics about the use of your website. However, those insights will probably just lead to questions about if and how those results positively or negatively impact your business’s success. The use of Google Analytics goals is improved greatly with Clarity. Clarity allows you to explore sessions where users complete a goal and get insights into why some users drop off. You can also view related recordings and heatmaps for every step in the funnel. Goals are automatically imported into Clarity, so there is no need to re-create them.
To learn more about integrating Clarity with Google Analytics visit here.
Looking for the latest and greatest behavioral analytics tool but trying to stay within a budget?
How does FREE sound?
Just make sure you get everything you need from a tool to conduct that behavioral analysis. Don’t worry we went ahead and broke down exactly what you’re getting from these free plans.
First, you need to ask yourself a few questions:
Do you foresee your business growing?
Do you require advanced filtering for segmentation?
Are you looking for a Dashboard packed with data?
Now let’s look at Clarity, and Hotjar’s Free Forever plans have to offer!
Improve the buying experience with Clarity!
Use our insights to wow your visitors and turn them into customers! Free forever!
Clarity comes packed with a ton of heatmap features. You have a choice to look at your website through a click, scroll, and area heatmaps. Clarity also offers an extension for your browser to see the heatmaps on your website directly.
Click Heatmaps – A visual thermodynamic map that illustrates where the users are clicking on your website.
Scroll Heatmaps – shows the percentage of users that scrolled to a certain distance on your website. This is often used to prioritize where the call-to-action buttons or other important elements should be placed.
Area Heatmaps – Show the total number of clicks within your chosen area. This provides a clear aggregated look into the engagement with given website elements.
Advanced Filtering – Need to nail down a specific group of users? Microsoft Clarity offers many filtering options to get exactly what you need from your data.
Session Recordings
Sometimes we need to go further than the numbers when it comes to solving a problem or coming up with an idea. With session recordings, you can see exactly what your users are doing on your website. Watch them as they navigate through your website, and easily share the high-def recording with your team or outside investors.
Insights
With Clarity, you’ll be able to get insights into some stuff you probably wouldn’t even think of, but don’t worry we’ve got your back and have the solution for you!
You’ll be able to see when users run into issues such as rage clicks, dead clicks, quick backs, and more. All which can be filtered in session recording to see exactly what problem your user encountered. Say hello to website optimization!
Unlimited Users
We are all about collaborative work at Microsoft, so invite as many people as you want onto any Clarity project you own.
Google Analytics Integration
The dream team is here! That’s right, Microsoft Clarity working side-by-side with Google Analytics to bring you the best of both worlds! Explore your segmented audiences, view Google Analytics data in Clarity and visa-a-versa, and improve your conversion goals and marketing funnel.
Segmented Audiences – the key to unlocking the full potential of any digital strategy is being able to segment your user base into audiences. Clarity and Google Analytics together make this a much easier process.
Google Analytics in Clarity – Enjoy your Google Analytics right inside your Clarity platform. No more switching back and forth between platforms.
Clarity in Google Analytics – Need to get some work done inside of Google Analytics? No worries, we thought of that too! Enjoy Microsoft Clarity right inside your GA dashboard.
Improve Conversion Goals – with the Google Analytics integration; you can improve your conversion goals by seeing video recordings of each step of the funnel, which allows seeing where any friction points may appear.
Customer Support
There are 2 types of customer support that Clarity offers. One is the feedback tool on the projects page, and another is our support alias (msclarity@microsoft.com), where customers can directly reach out to our support team. It’s on our product roadmap to improve the customer support experience, stay tuned!
What Features Come with Hotjar’s Free Forever Plan
Heatmaps
Similar to Clarity, Hotjar has a robust inventory of heatmaps available to its users. You’ll even find an extra one called move maps that Microsoft Clarity no longer offers. Unlike Clarity, the heatmaps don’t allow for filtering on the free forever plan. This will make it difficult to find specific data points you’re looking for with ease.
Sessions Recording
Hotjar comes with high-def screen replays that offer custom highlights you can share with your colleagues. They also have an out-of-the-box integration with Slack to make sharing seamless.
Unfortunately, if you already have a decent amount of website traffic or plan to have more, you’ll hit a 35-a-day sessions recording limit needing to be upgraded to the paid plan.
Unlimited Users
Hotjar is big on collaboration, and they make sure this is possible with unlimited users. This is even true for their Free Forever Plan as well.
Customer Support
At Hotjar, they have a friendly bunch of customer support specialists, always available to offer you personalized support. They respond to every email ticket within 48 hours (sometimes less!), giving you peace of mind when using their tool.
At the start, we asked three questions about your needs. Now that we took a look into what both of these tools offer, let’s focus on you!
Do you foresee your business Growing?
How often have you run into monthly thresholds and mandatory upgrades as your business grows?
If you’re tired of dealing with this issue, then Clarity is just what you’re looking for. No limits. No fees. No restrictions. You get everything you need for your behavioral analytics completely free. At Clarity, we encourage you to grow and be successful. We would take it a step further and say we would be honored to do a case study on how Clarity helped your business grow.
Do you require advanced filtering for segmentation?
Data has become an essential aspect of every business model. Advanced filtering allows you to create segments and explore them deeply and efficiently within Microsoft Clarity. For example, if you wanted to segment the past 30 days of PC users, using chrome, and that encountered a dead click you can. Save it and run that query whenever.
Are you looking for a Dashboard packed with data?
Everything is starting to come together on your website, and we know where to view it, the Clarity Dashboard. The team created a place where key events are neatly organized and easily downloadable to share with team members.
Is Hotjar’s Free Forever Plan Right for you?
If you like that slack integration to collaborate with your team, Hotjar might be the right pick for you (maybe we will be supporting this soon too…hint hint 🙂). The downside is the daily recording limits and the inability to filter your heatmaps.
Is Clarity right for you?
For free behavioral analytic tools, it doesn’t get better than Microsoft Clarity. Clarity offers everything that most top-tier paid plans that competitors offer, for absolutely no cost.
Ask yourself one last question, do you want to get approval to implement your fancy new behavioral analytics tool on your website, then come back a few weeks later asking your boss for money to upgrade your plan?
We don’t think so either!
Sleep with ease knowing you have everything you need from a behavioral analytics tool such as heatmaps, session recordings, advanced filtering, and much more at no cost. Get clarity—with Clarity.