Foreca-Box weather widget Add free weather for your website

Daily forecast:

Resize widget

<div
              id="foreca-daily-weather-603d9933-ebb1-4783-a4a3-ebf0901f9412"
              data-forecawidget="foreca-daily-weather"
              data-theme="weather"
              data-widgetid="603d9933-ebb1-4783-a4a3-ebf0901f9412"
              data-locationid="105128581"
              data-windunit="ms"
              data-tempunit="C"
              data-rainunit="mm"
              data-language="en"
          >
            <script defer data-cfasync="false" type="text/javascript" src="https://www.forecabox.com/dist/daily.min.js" onload="loadDaily('603d9933-ebb1-4783-a4a3-ebf0901f9412')"></script>
            
        <a
        id="foreca-attribution-603d9933-ebb1-4783-a4a3-ebf0901f9412"
        href="https://www.foreca.com/"
        rel="noopener"
        target="_blank"
        style="position: relative; bottom: 0px; left: 5px;"
        >
        <img
            alt="Weather by Foreca"
            src="https://www.foreca.com/public/images/logo/black.svg"
            width="70"
            height="15"
            style="margin-top: 8px; padding: 2px; border-radius: 2px; background-color: #ffffffaa;"
        />
      </a>
      </div>

By copying the code, you agree to our Terms of service and Privacy policy.

Get your code:

Current conditions:

<div
    id="foreca-current-weather-7dbe2e06-5e91-11ee-8c99-0242ac120002"
    data-forecawidget="foreca-current-weather"
    data-theme="weather"
    data-widgetid="7dbe2e06-5e91-11ee-8c99-0242ac120002"
    data-locationid="102643743"
    data-windunit="ms"
    data-tempunit="C"
    data-rainunit="mm"
    data-language="en"
    >
    <script defer data-cfasync="false" type="text/javascript" src="https://www.forecabox.com/dist/current.min.js" onload="loadCurrentConditions('7dbe2e06-5e91-11ee-8c99-0242ac120002')"></script>
    
      <a
        id="foreca-attribution-7dbe2e06-5e91-11ee-8c99-0242ac120002"
        href="https://www.foreca.com/"
        rel="noopener"
        target="_blank"
        style="position: relative; bottom: 0px; left: 5px;"
      >
        <img
            alt="Weather by Foreca"
            src="https://www.foreca.com/public/images/logo/black.svg"
            width="70"
            height="15"
            style="margin-top: 8px; padding: 2px; border-radius: 2px; background-color: #ffffffaa;"
        />
      </a>
  </div>

By copying the code, you agree to our terms of service and privacy policy.

Get your code:

instructions:

01. Write wanted location to searchbox and select the right one from dropdown menu.

02. Click select widget button.

03. Accept the terms and conditions.

04. Then and click "copy to clipboard" button to copy the code for placing the widget in your website.

The daily forecst widget will respond to the size of its container. current weather widget has the fixed size.

To ensure that the widget functions correctly, each widget should have a unique identifier (ID). Don't dublicate the widget code, instead create a new code for each widget.

If you have any questions, you can always contact our support team.

Available colour themes:

Changing color theme.

Weather by Foreca

Weather by Foreca

Weather by Foreca

Weather by Foreca

Weather by Foreca

Weather by Foreca

Weather by Foreca

Dark theme

Weather by Foreca

Light theme

Weather by Foreca