Overview
Some clients want to display climate-related data (e.g., flood risk, fire risk, heat exposure) directly on listing details pages. This can enhance the user experience and increase time spent on site.
You can integrate climate data using ClimateCheck by embedding their content into IDX details pages.
Benefits
- Adds valuable property insights
- Increases user engagement
- Enhances listing detail pages with modern data
Setup Instructions
Step 1: Add Script to Details Pages
- In your IDX Broker dashboard, navigate to:
Design → Website → Subheaders → Categories → Details - Add the following script:
<script src="https://gist.github.com/cosmicwomp/74e7faaafa548d0f26bd1e0b145b4afb.js"></script>- Save changes
Step 2: Adjust Display (Optional)
- Modify height and width values within the script as needed
- Use CSS or JavaScript to match your site design
Step 3: Reposition the Widget (Optional)
You can move the climate data to different areas of the page using JavaScript.
Common use cases:
- Place inside tabs
- Move below property details
- Combine with other widgets (e.g., HoodQ, market reports)
Alternative: Use ClimateCheck Widget
Instead of embedding a full iframe/script, you can request a widget version.
Steps:
- Email: widget@climatecheck.com
- Request a free permanent access key
- Use the updated script provided:
<script src="https://gist.github.com/cosmicwomp/1a92fa99bcace833487d55a00791e3e6.js"></script>Alternative Option
If you prefer not to embed climate data directly:
- Add a link to the ClimateCheck report instead
- This keeps the page lighter while still offering access to data
Important Notes
- This is a third-party integration (not native to IDX Broker)
- Requires proper script placement in subheaders
- Styling and positioning may require custom JavaScript
- Availability of data depends on property location
Troubleshooting
Widget not displaying
- Confirm script is added to the correct subheader (Details)
- Check for JavaScript errors in browser console
Layout issues
- Adjust height/width settings
- Use CSS for better responsiveness
Data not appearing
- Verify the property location is supported by ClimateCheck
Support
If you run into issues, contact:
developers@idxbroker.com
🤖 Zendesk AI / Answer Bot Intents
Intent: Add climate data to listings
User might ask:
- “Can I show climate risk on listings?”
- “How do I add ClimateCheck to my site?”
Answer:
You can embed ClimateCheck data on IDX details pages by adding a script to the Details subheader. This displays climate risk data directly on each listing.
Intent: Climate widget vs iframe
User might ask:
- “Is there a widget instead of iframe?”
Answer:
Yes—ClimateCheck offers a widget version. You can request access by emailing widget@climatecheck.com and then use their updated script.
Intent: Climate data not showing
User might ask:
- “Why isn’t climate data showing?”
Answer:
Make sure the script is added to the Details subheader and check for JavaScript errors. Also confirm the property location is supported.
Intent: Move climate widget
User might ask:
- “Can I move the climate section?”
Answer:
Yes, you can reposition the widget using JavaScript or place it inside tabs along with other integrations.