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.
Viewing Visually in Heatmap.com
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"
Find Heatmap in the available integrations and toggle to complete setup.
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.
- Log into your Heatmap.com account
- Navigate to your heatmap view
- Click the "Filter" button
- Select "A/B Tests" from the filter options
- Choose "Visually" from the platform dropdown
- Select your Visually experiment from the list
- Choose the specific variant you want to analyze
- Click "Apply" to view the filtered heatmap data
● 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)
Want to see how user behavior differs between your control and variant? Use the compare feature:
- Select your first variant (following steps above)
- Instead of clicking "Apply", click "Compare"
- Select your second variant
- View side-by-side behavioral differences
Troubleshooting Common Issues
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.
"My variant preview doesn't look right"
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
- Collection begins immediately when experiment starts
- Variant data appears in filters within 1-2 hours
- Meaningful patterns emerge after 500+ visitors per variant
Historical data before integration cannot be filtered by variant
- Run experiments for adequate duration
- Heatmap recommends at least 1,000 visitors per variant for meaningful
heatmaps - Allow tests to run for complete business cycles (include weekends)
- Heatmap recommends at least 1,000 visitors per variant for meaningful
- Use descriptive variant names in Visually
- Instead of "Variant A", use "Blue CTA Button"
- This makes analysis much easier in Heatmap.com
- Focus on one major change per test
- This makes it easier to identify what drives behavioral changes
- Multiple changes can muddy your heatmap insights
- Document your hypotheses
- Know what behavior changes you expect to see
- 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!