Skip to main content

How to Show Climate Data on IDX Details Pages Using ClimateCheck

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

  1. In your IDX Broker dashboard, navigate to:
    Design → Website → Subheaders → Categories → Details
  2. Add the following script:
<script src="https://gist.github.com/cosmicwomp/74e7faaafa548d0f26bd1e0b145b4afb.js"></script>
  1. 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:

  1. Email: widget@climatecheck.com
  2. Request a free permanent access key
  3. 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.

Powered by Zendesk