Standard WeatherPlanner widgetinFrame WeatherPlanner widgettoday WeatherPlanner widget

inFrame widgets are iframes that you may place on your website. These widgets are large and the weather results are returned within the iframe.

How to place an inFrame WeatherPlanner widget on your site.

  1. Obtain your unique key. Click here.
     
    • Fill out the new account form.
    • A Registration confirmation email will be sent to the email address you used for your account.
      Please follow instructions within the email to activate your account.
      If the email does not arrive in your inbox within the next few minutes, please check your junk email folder.
    • After clicking the link in the email you should be on your profile page
    • Clicks the PRODUCTS link in the black menu
    • Click on the blue word "WeatherPlanner"
    • Click the blue "Subscribe" button.
    • Click the blue "Confirm" button.
    • You should be back on your profile page
    • Click blue "Show" link to expose your API key (or click Regenerate key, and then Show key)
    • Save this key for later. (You can alwsys come back)
    • You are now ready to use the WeatherPlanner Widgets, proceed with the steps below.
       
  2. Choose the widget you would like to display.
     
  3. Configure your widget.
    • Create a json file that will be passed as the data parameter to the iframe. This is how your unique key is supplied to the widget.
      {"key":"Your Unique Key"}
      The key is the API key you received from Azure.
       
    • Now place the following iframe on your html page where you want the widget to appear. Note: the data.json file is the json key file you created above, the iframe needs the full url to the json file.
      • Holiday Photo Book
        <iframe src="//weatherplanner.com/wp_InframeResults/HolidayPhotoBook/index.php?data=//example.com/data.json" width="938" height="531" frameborder="0" scrolling="no" style="overflow: hidden;"></iframe>
        										
      • Standard
        <iframe src="//weatherplanner.com/wp_InframeResults/Standard/index.php?data=http://example.com/data.json" width="655" height="658" frameborder="0" scrolling="no" style="overflow: hidden;"></iframe>
        										
      • Get Ready for Game Day
        <iframe src="//weatherplanner.com/wp_InframeResults/GetReadyforGameDay/index.php?data=http://example.com/data.json" width="660" height="595" frameborder="0" scrolling="no" style="overflow: hidden;"></iframe>
        										
  4. That's all that is required for these widgets to work.