Back to Top

Smart Weather Forecaster Lightning Component

Updated 24 February 2023

Smart Weather Forecaster is a lightning component that displays the weather of Leads, Accounts, Contacts, Communities and it allows to select the City and display weather accordingly on your record page.

It is available as a lightning component for every object page and one can also use this component on the community page to get the complete weather details by selecting the City, Country.


  • It can easily track the complete weather info based on City name or Country/City.
  • It provides an option to set the number of upcoming days up to which you want to see the weather info.If the days exceeded the 10 then it would show error.
  • It displays the temperature in Celcius & Fahrenheit
  • It shows the options to set the date format.
  • It present a complete weather information details that include Sunrise Time, Sunset Time, wind speed, highest temperature, lowest temperature and pressure as well.
  • The feature is available on the homepage and on every record page i.e Leads, Accounts, Contacts, Contracts, Communities etc.
  • It is optimized for the Salesforce1 mobile app as well.
  • Easily manageable.

Smart Weather Forecaster Configuration Tutorial


Smart Weather Forecaster Lightning Configuration View

To use the application at the Lightning end, it is required to register the domain first. Kindly go through the article: How to register your Domain in Salesforce.

Once you get registered with your Domain, please make sure that custom tabs related to Weather Forecaster should be Default On.

Follow the steps to verify or update it : From Setup | Manage Users | Profiles | Select Profile and click Edit to verify as mentioned in the screenshot below.

Searching for an experienced
Salesforce Company ?
Find out More

Once done, Click on Save and Switch to Lightning Experience and proceed with the configuration at Lightning view as shown below.Weather forecaster application

How to Generate API to use our Smart Weather Component?

In order to generate API, you need to follow this procedure. You need to first visit this website:

Then, you need to Sign Up on the website and create a free account with the help of your login credentials

Please follow the steps shown in the screenshot below to generate API:




Click on Home Tab and then Click on ‘Edit Page

Add the Weather Forecaster Lightning Component by drag and drop concept as shown below in the screenshot.


In weather forecaster component configuration, you can Set the Number of Days up to 3 to see the weather details. If the value exceed then the error would display at configuration section.


user can set the date format according to their requirement

User Format Data | Smart Weather Forecaster

You can also, Set the Speed  from Km/h  to Mph through the drop down menu.

Home page configuration

You can also, Set the Distance from Km to mi from the drop down section.

home page configuration

You can also Set the Pressure from mb to in through the drop down menu.

Home page configuration

Set the location as State or City and Set the Color as color code or color name to set the background.


Click on save.

Now, click on ‘Next‘.

home page configuration

Click on ‘Activate‘ to activate the component on Homepage.

home page view

Homepage view of Weather Forecaster with Complete Weather Information is shown below:


Now with our side panel menu option, you can easily check Today’s, Weekly, Hourly, Air Quality Index and Particular Date’s Weather as per your preference.

You just need to click on the given options to operate these weather timelines.

For Hourly Data:

You need to click on Hourly from the side panel drop down option:


Once you click on Hourly, you will be able to see Hourly Weather Updates for your region:


Similary, you can update the weather information for Weekly basis:


You can also check the Air Quality Index of your region similarly:


As per temparture constraints, you can check the weather information in both Celsius & Fahrenheit:



Similary to this, you can easily update the weather information as per a particular Date as shown below:

Once you select a particular date, the weather information will get updated for that particular day.



Accounts Weather Forecast View

To get weather info on Accounts page, click on the Accounts tab and open any Account record as shown below:Weather forecaster application

Add the Weather Forecaster Lightning Component by drag and drop concept as shown below in the screenshot.


Once you click on Save and then Activate, please click on Assign as Default as shown below:

Account page setting view

Now, please click on Save

Account default setting viewThe Accounts page view of Weather Forecaster with Complete Weather Information is shown below:

Similary, you can update the weather information for your Account Details page as per your preference for Today, Hourly, Weekly, Temperature Wise, Date Wise, and as per AQI.


Similarly, you can have a lightning view of Weather Forecaster component on every other record Page like Contacts, Leads, Contracts etc.

Community Weather Forecast View

Weather Forecaster Component can also be made visible for Community page as well.

To view the weather info on Community Page, type All Sites in the ‘Quick Find Search Box‘ and open the ‘Builder Page‘ of your community as shown below.

When you click on All Sites, you will be redirected to Community Page where you need to click on the Builder to open the Builder page.

After clicking on the buider, you need to Click on Components and drag and drop the Weather Forecaster component to the required location as shown below:



Click on Publish. The Weather Forecaster on the Community page will appear as shown below

Similary, you can customise the weather information as per your prefernce for today, hourly, weekly, AQI and Date as shown in the above steps for HomePage.


SalesforceMobile App Settings

Go to Setup | Mobile Administration | Salesforce1 Navigation . Add  Weather Forecaster Lightning from the available section to Selected list and click Save.Weather forecaster application

The below Snapshot shows different tabs of Weather Forecaster Lightning component in mobile Salesforce1 App.Weather forecaster Mobile View

You can visit the link below to install this Application from Appexchange


Still have questions? If yes, feel free to create a ticket and contact us

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


  • Matthew Amos
    • Webkul Support
  • Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content