Weather widget for website

In order to integrate our plugin, use all the points from the clear instruction below:

1. Launch Elfsight editor and start creating your custom app.
2. Adjust the widget specifications and click to save the essential corrections.
3. Receive your individual code appearing in the window.
4. Add the plugin code into your homepage and click to save.
5. You’ve properly embedded the widget on your website.

Stumbled upon any troubles with the setup? Don’t hesitate to address our support team and we will be delighted to give you a hand.

Also, you can find detailed installation guides here.

Elfsight Weather displays not only the temperature but also the humidity, the wind velocity, air pressure and the weather elements, such as rain, snow or clouds. However, you may choose to display the current temperature only or other variants.

You can embed the weather widget to your HTML code by following several easy steps. First, form your custom weather widget in our free demo and save your results. You will see a popup window with an installation code - copy this code. Then open your website’s editor and select the location of your Weather widget. Paste this code there and save the changes. In case there are any questions remaining, you can find our detailed video guide here. And keep in mind that you can always address our support team in case anything goes wrong.

To add the Weather widget to iFrame website, you have to open our Configurator or use the free demo and create your perfect widget, applying one of premade templates. After that, copy the code that will be shown in the popup window. Go to your iFrame site and open the editor. Paste the installation code to the HTML code of your website and save the changes. Remember that you can always find a detailed guide on installation here. And don’t hesitate to let us know if anything remains not quite clear.

In order to add the Weather plugin to the WordPress website, follow these easy steps. First, open our free configurator or live demo and create your widget. After you’re done, copy the code that is shown in the pop-up. Embed the code of the Weather plugin to your WordPress site’s editor. Save the changes and check if your live Weather plugin works correctly. In case you need a more detailed guide, it can be found on this page. If there are still any questions remaining, you can always address us!

Our customizable Weather app can be easily integrated to your Wix website, simply follow these easy steps. First, design your Weather widget to make it blend with your Wix site’s design. After that, save the changes and copy the code that will be displayed in the popup window. Embed this code to your Wix website through the use of the site’s editor. If you need a more detailed instruction, you can find it on this page. And remember that there’s also a Help Center that contains tons of detailed guides on how our widgets work and how you can add them to your site.

In order to add the Weather widget to your Shopify site, the first thing you need to do is to open your Shopify site, log in to it and click the “Get” button to embed the tool. Then, configure your weather app in our free Configurator or straight out of live demo, and save your changes. Go to the «Pages» section of your Shopify site and open the page to display the widget. Right there, add the code in HTML and save the changes. If you need a more detailed guide, go to this page where you’ll find a video instruction. Also, don’t hesitate to address our support team in case you’ve got any questions.

To embed the Weather widget to your Drupal website, follow these easy steps. First, use our Configurator or live demo to create your customizable weather plugin for your Drupal site. After you’re done, copy the code from the popup window you’ll see and go to your website to embed it. Add the code to your Drupal site’s editor and save the changes. Also, you can observe our video guide on the widget’s installation here. Keep in mind that if there are any questions you still want to ask, you are always welcome to address us!

You can easily embed the Weather widget to Joomla site by following our simple guide. Open our Configurator or use the live demo to create your custom widget for Joomla. Save all the changes and copy the code that will be revealed in the popup window. After that, paste the widget’s code to your website editor and save the changes. You will see your Joomla Weather widget demonstrate the temperature right away. In case there’s a need for a more detailed guide, go to this page. And remember that you can tailor our Joomla he plugin just the way you need in order to blend it perfectly with your site’s design.

Adding a weather widget to Weebly has never been so easy to perform! First, open our Configurator and create the Weather widget right for your Weebly website. After the customization is over, save the changes. Copy the code that will appear in the popup window and paste it in your Weebly site’s editor. Save the changes and make sure your Weather widget works correctly. The video guide on this process can be observed on this page. If there are any questions left, or maybe you need some help, address our support specialists!