Skip to content
  • There are no suggestions because the search field is empty.

Getting Started with Visually + Heatmap.com

The Visually + Heatmap.com integration represents a powerful combination for understanding not just what works, but why it works

We're excited to announce that Heatmap.com now fully connects with Visually, allowing you to analyze heatmap data for each of your A/B test variants. This powerful combination helps you understand not just which variant performs better, but why it performs better through visual behavior analysis.

What does this connection do?

Getting set up

Viewing Visually in Heatmap.com

Troubleshooting Common Issues

What data does Heatmap track for each Visually variant?

What does this connection do?

When you run A/B tests using Visually, Heatmap.com automatically detects and tracks which variant each visitor sees. This enables you to:

  • View separate heatmaps for each variant
  • See exactly how users interact with different designs
  • Make data-driven decisions based on actual user behavior
  • Understand the "why" behind your test results

Getting set up

To set this up, go to your Dashboard>Click on your Profile and select, "Integrations"

b9a9269b-9221-4cc4-8184-01e371754bc8

Find Heatmap in the available integrations and toggle to complete setup.

bf3f5362-9001-4e59-9ad0-ab381865b463

Do I need to add any code?

No additional code required! If you already have both Heatmap.com and Visually
installed on your website, the integration works automatically. Heatmap will detect your Visually
experiments and start tracking variant data immediately.

How to View Your Visually Data in Heatmap

Step-by-Step Guide:
  1. Log into your Heatmap.com account
  2. Navigate to your heatmap view
  3. Click the "Filter" button
  4. Select "A/B Tests" from the filter options
  5. Choose "Visually" from the platform dropdown
  6. Select your Visually experiment from the list
  7. Choose the specific variant you want to analyze
  8. Click "Apply" to view the filtered heatmap data
What you'll see:
● A screenshot of your selected variant
● A heatmap of the click data from visitors who saw that variant
● Scroll and movement data specific to that variant
● The variant name as configured in Visually
● Total visitor count for that variant(by device type)
 
Comparing Your Visually Variants:
Want to see how user behavior differs between your control and variant? Use the compare feature:
  1. Select your first variant (following steps above)
  2. Instead of clicking "Apply", click "Compare"
  3. Select your second variant
  4. View side-by-side behavioral differences
This is perfect for understanding which design elements drive engagement and why certain variants outperform others.
 

Troubleshooting Common Issues

"I don't see Visually in my filter options"
First, verify your Visually experiment is actively running, you have traffic flowing to your variants and both Heatmap.com and Visually scripts are properly installed. 
Then: wait 1-2 hours after starting your experiment, ensure you have sufficient traffic (at least 50+ visitors per variant) and check that your Visually experiment status is "Active"

"My variant preview doesn't look right"
 This can happen with dynamic content or personalized elements. Verify the variant displays correctly on your live site, clear your browser cache and refresh, check if you're using any dynamic elements that might not render in previews and contact Heatmap support team with your experiment details.
 
"I see variant IDs instead of friendly names"
Heatmap will pull variant names directly from Visually. To fix this ensure your variants have descriptive names in Visually, allow 1-2 hours for name updates to sync and refresh your Heatmap.com dashboard.

"No data available for my variant"
This typically means insufficient traffic to that variant. Check your traffic split in Visually (e.g., 50/50, 80/20), that the variant is actively receiving visitors, that your experiment has been running long enough to collect data and the date range in Heatmap.com matches your experiment timeline.
 

What data does Heatmap track for each Visually variant?

  • All standard heatmap interactions (clicks, moves, scrolls)
  • Time spent on page
  • Rage clicks and dead clicks
  • Scroll depth
  • Hover patterns
Data timing:
  • Collection begins immediately when experiment starts
  • Variant data appears in filters within 1-2 hours
  • Meaningful patterns emerge after 500+ visitors per variant
Important note:
Historical data before integration cannot be filtered by variant
Best Practices for Visually Users from Heatmap experts:
  1. Run experiments for adequate duration
    1.  Heatmap recommends at least 1,000 visitors per variant for meaningful
      heatmaps
    2. Allow tests to run for complete business cycles (include weekends)
  2. Use descriptive variant names in Visually
    1. Instead of "Variant A", use "Blue CTA Button"
    2. This makes analysis much easier in Heatmap.com
  3. Focus on one major change per test
    1. This makes it easier to identify what drives behavioral changes
    2. Multiple changes can muddy your heatmap insights
  4. Document your hypotheses
    1. Know what behavior changes you expect to see
    2. Use heatmaps to validate or challenge these assumptions
 

Need assistance?

We're here to help! Reach out to us on Chat or contact Heatmap on support@heatmap.com Subject: "Visually Integration Support". Please include your website URL and Visually experiment name and ID.

The Visually + Heatmap.com integration represents a powerful combination for understanding not just what works, but why it works. We're excited to be part of your optimization journey!