{"id":93509,"date":"2017-08-30T09:55:57","date_gmt":"2017-08-30T09:55:57","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=93509"},"modified":"2023-02-24T11:19:10","modified_gmt":"2023-02-24T11:19:10","slug":"weather-forecaster-lightning-component","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/","title":{"rendered":"Smart Weather Forecaster Lightning Component"},"content":{"rendered":"<p><strong>Smart Weather Forecaster<\/strong> is a lightning component that displays the weather of <strong>Leads, Accounts, Contacts, Communities<\/strong> and it allows to select the City and display weather accordingly on your record page.<\/p>\n<p>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 <strong>City, Country.<\/strong><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Features<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<ul>\n<li>It can easily track the complete weather info based on<strong>&nbsp;City name or Country\/City<\/strong>.<\/li>\n<li>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.<\/li>\n<li>It displays the temperature in Celcius &amp; Fahrenheit<\/li>\n<li>It shows the options to set the date format.<\/li>\n<li>It present a complete weather information details that include <strong>Sunrise Time<\/strong>, <strong>Sunset Time<\/strong>, <strong>wind speed, highest temperature, lowest temperature and pressure<\/strong> as well.<\/li>\n<li>The feature is available on the homepage and on every record page i.e <strong>Leads, Accounts, Contacts, Contracts, Communities etc.<\/strong><\/li>\n<li>It is optimized for the Salesforce1 mobile app as well.<\/li>\n<li>Easily manageable.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Smart Weather Forecaster Configuration Tutorial<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<div class=\"embed-responsive embed-responsive-16by9\">\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video wk-block-yt-classic components-placeholder\">\n<div class=\"wk-block--yt-video-frame\">\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"Hxw_lkRDKu4\">\n<div class=\"components-placeholder__instructions\">Hxw_lkRDKu4<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\">Smart Weather Forecaster Lightning Configuration View<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>To use the application at the Lightning end, it is required to register the domain first. Kindly go through the article:&nbsp;<a href=\"https:\/\/webkul.com\/blog\/register-your-domain-in-salesforce\/\">How to register your Domain in Salesforce<\/a>.<\/p>\n<p>Once you get registered with your Domain, please make sure that custom tabs related to Weather Forecaster should be <strong>Default On<\/strong>.<\/p>\n<p>Follow the steps to verify or update it :<strong>&nbsp;From Setup | Manage Users | Profiles | Select Profile and click Edit<\/strong>&nbsp;to verify as mentioned in the screenshot below.<\/p>\n<p>Once done, Click on <strong>Save<\/strong> and&nbsp;<strong>Switch to<\/strong>&nbsp;<strong>Lightning Experience&nbsp;<\/strong>and proceed with the configuration at Lightning view as shown below.<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Profile-System-Administrator-Salesforce-Developer-Edition.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-93714 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Profile-System-Administrator-Salesforce-Developer-Edition.jpg\" alt=\"Weather forecaster application\" width=\"1366\" height=\"589\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Profile-System-Administrator-Salesforce-Developer-Edition.jpg 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Profile-System-Administrator-Salesforce-Developer-Edition-250x108.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Profile-System-Administrator-Salesforce-Developer-Edition-300x129.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Profile-System-Administrator-Salesforce-Developer-Edition-768x331.jpg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Profile-System-Administrator-Salesforce-Developer-Edition-1200x517.jpg 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<h3>How to Generate API to use our Smart Weather Component?<\/h3>\n<p>In order to generate API, you need to follow this procedure. You need to first visit this website: <a href=\"https:\/\/www.weatherapi.com\/\">https:\/\/www.weatherapi.com\/<\/a><\/p>\n<p>Then, you need to Sign Up on the website and create a free account with the help of your login credentials<\/p>\n<p>Please follow the steps shown in the screenshot below to generate API:<\/p>\n<\/div>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-295991\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-4-3.png\" alt=\"Screenshot-4-3\" width=\"1916\" height=\"905\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-4-3.png 1916w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-4-3-300x142.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-4-3-1200x567.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-4-3-250x118.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-4-3-768x363.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-4-3-1536x726.png 1536w\" sizes=\"(max-width: 1916px) 100vw, 1916px\" loading=\"lazy\" \/><\/p>\n<div class=\"panel-body\">\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-295992\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-6-2.png\" alt=\"Screenshot-6-2\" width=\"1900\" height=\"821\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-6-2.png 1900w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-6-2-300x130.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-6-2-1200x519.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-6-2-250x108.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-6-2-768x332.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-6-2-1536x664.png 1536w\" sizes=\"(max-width: 1900px) 100vw, 1900px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-295994\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-5-2.png\" alt=\"Screenshot-5-2\" width=\"1919\" height=\"915\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-5-2.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-5-2-300x143.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-5-2-1200x572.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-5-2-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-5-2-768x366.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-5-2-1536x732.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><\/p>\n<p>Click on <strong>Home<\/strong> Tab and then Click on &#8216;<strong>Edit Page<\/strong>&#8216;<\/p>\n<p>Add the <strong>Weather Forecaster&nbsp;<\/strong>Lightning Component&nbsp;by drag and drop concept as shown below in the screenshot.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-295972\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Step-1.png\" alt=\"Step-1\" width=\"1919\" height=\"918\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Step-1.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Step-1-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Step-1-1200x574.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Step-1-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Step-1-768x367.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Step-1-1536x735.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><\/p>\n<p>In weather forecaster component configuration, you can Set the <strong>Number of Days up to 3 <\/strong>to see the weather details. If the value exceed then the error would display at configuration section.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-295973\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/No-of-days.png\" alt=\"No-of-days\" width=\"1919\" height=\"930\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/No-of-days.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/No-of-days-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/No-of-days-1200x582.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/No-of-days-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/No-of-days-768x372.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/No-of-days-1536x744.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><\/p>\n<p>user can set the date format according to their requirement<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-201768 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/date-change.png\" alt=\"User Format Data | Smart Weather Forecaster\" width=\"1359\" height=\"575\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/date-change.png 1359w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/date-change.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/date-change.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/date-change.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/date-change.png 1200w\" sizes=\"(max-width: 1359px) 100vw, 1359px\" loading=\"lazy\" \/><\/p>\n<p>You can also, Set the Speed&nbsp;&nbsp;from&nbsp;<b>Km\/h&nbsp;<\/b>&nbsp;to <strong>Mph<\/strong>&nbsp;through&nbsp;the drop down menu.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-159397 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew3-2.png\" alt=\"Home page configuration\" width=\"1342\" height=\"557\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew3-2.png 1342w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew3-2-250x104.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew3-2-300x125.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew3-2-768x319.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew3-2-1200x498.png 1200w\" sizes=\"(max-width: 1342px) 100vw, 1342px\" loading=\"lazy\" \/><\/p>\n<p>You can also, Set the Distance from <strong>Km to mi <\/strong>from the drop down section.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-159403 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew4-2.png\" alt=\"home page configuration\" width=\"1348\" height=\"467\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew4-2.png 1348w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew4-2-250x87.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew4-2-300x104.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew4-2-768x266.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew4-2-1200x416.png 1200w\" sizes=\"(max-width: 1348px) 100vw, 1348px\" loading=\"lazy\" \/><\/p>\n<p>You can also Set the <strong>Pressure<\/strong> from <strong>mb<\/strong> to <strong>in <\/strong>through the drop down menu.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-159405 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew5-3.png\" alt=\"Home page configuration\" width=\"1345\" height=\"578\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew5-3.png 1345w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew5-3-250x107.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew5-3-300x129.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew5-3-768x330.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew5-3-1200x516.png 1200w\" sizes=\"(max-width: 1345px) 100vw, 1345px\" loading=\"lazy\" \/><\/p>\n<p>Set the <strong>location<\/strong> as <strong>State<\/strong> or <strong>City<\/strong> and Set the Color as <strong>color cod<\/strong>e or <strong>color name<\/strong> to set the background.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-296039\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/City-Details.png\" alt=\"City-Details\" width=\"1919\" height=\"914\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/City-Details.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/City-Details-300x143.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/City-Details-1200x572.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/City-Details-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/City-Details-768x366.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/City-Details-1536x732.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><\/p>\n<p>Click on save.<\/p>\n<p>Now, click on \u2018<strong>Next<\/strong>\u2018.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-159410 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew10-3.png\" alt=\"home page configuration\" width=\"1345\" height=\"555\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew10-3.png 1345w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew10-3-250x103.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew10-3-300x124.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew10-3-768x317.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew10-3-1200x495.png 1200w\" sizes=\"(max-width: 1345px) 100vw, 1345px\" loading=\"lazy\" \/><\/p>\n<p>Click on \u2018<strong>Activate<\/strong>\u2018 to activate the component on Homepage.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-159411 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew11-3.png\" alt=\"home page view\" width=\"1336\" height=\"523\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew11-3.png 1336w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew11-3-250x98.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew11-3-300x117.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew11-3-768x301.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew11-3-1200x470.png 1200w\" sizes=\"(max-width: 1336px) 100vw, 1336px\" loading=\"lazy\" \/><\/p>\n<p><strong>Homepage<\/strong> view of <strong>Weather Forecaster<\/strong> with Complete&nbsp;<strong>Weather Information&nbsp;<\/strong>is shown below:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-308919\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-20.png\" alt=\"Screenshot-20\" width=\"1919\" height=\"939\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-20.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-20-300x147.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-20-1200x587.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-20-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-20-768x376.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-20-1536x752.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<p>Now with our side panel menu option, you can easily check Today&#8217;s, Weekly, Hourly, Air Quality Index and Particular Date&#8217;s Weather as per your preference.<\/p>\n<\/div>\n<p>You just need to click on the given options to operate these weather timelines.<\/p>\n<p><strong>For Hourly Data:<\/strong><\/p>\n<p>You need to click on Hourly from the side panel drop down option:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-308922\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-23-1.png\" alt=\"Screenshot-23-1\" width=\"787\" height=\"390\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-23-1.png 787w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-23-1-300x149.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-23-1-250x124.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-23-1-768x381.png 768w\" sizes=\"(max-width: 787px) 100vw, 787px\" loading=\"lazy\" \/><\/p>\n<p>Once you click on Hourly, you will be able to see Hourly Weather Updates for your region:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-308924\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-21.png\" alt=\"Screenshot-21\" width=\"1139\" height=\"816\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-21.png 1139w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-21-300x215.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-21-250x179.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-21-768x550.png 768w\" sizes=\"(max-width: 1139px) 100vw, 1139px\" loading=\"lazy\" \/><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3><strong>Similary, you can update the weather information for Weekly basis:<\/strong><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-308928\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-24-1.png\" alt=\"Screenshot-24-1\" width=\"1911\" height=\"708\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-24-1.png 1911w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-24-1-300x111.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-24-1-1200x445.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-24-1-250x93.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-24-1-768x285.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-24-1-1536x569.png 1536w\" sizes=\"(max-width: 1911px) 100vw, 1911px\" loading=\"lazy\" \/><\/p>\n<h3>You can also check the Air Quality Index of your region similarly:<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-308930\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-25.png\" alt=\"Screenshot-25\" width=\"1919\" height=\"515\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-25.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-25-300x81.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-25-1200x322.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-25-250x67.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-25-768x206.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-25-1536x412.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><\/p>\n<h3>As per temparture constraints, you can check the weather information in both Celsius &amp; Fahrenheit:<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-308931\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-26.png\" alt=\"Screenshot-26\" width=\"1906\" height=\"502\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-26.png 1906w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-26-300x79.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-26-1200x316.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-26-250x66.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-26-768x202.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-26-1536x405.png 1536w\" sizes=\"(max-width: 1906px) 100vw, 1906px\" loading=\"lazy\" \/><\/p>\n<h3><img decoding=\"async\" class=\"aligncenter size-full wp-image-308933\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-27.png\" alt=\"Screenshot-27\" width=\"1911\" height=\"935\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-27.png 1911w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-27-300x147.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-27-1200x587.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-27-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-27-768x376.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-27-1536x752.png 1536w\" sizes=\"(max-width: 1911px) 100vw, 1911px\" loading=\"lazy\" \/><\/h3>\n<\/div>\n<\/div>\n<h3>Similary to this, you can easily update the weather information as per a particular Date as shown below:<\/h3>\n<p>Once you select a particular date, the weather information will get updated for that particular day.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-308940\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-29.png\" alt=\"Screenshot-29\" width=\"1919\" height=\"920\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-29.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-29-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-29-1200x575.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-29-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-29-768x368.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-29-1536x736.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3><img decoding=\"async\" class=\"aligncenter size-full wp-image-308941\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-30.png\" alt=\"Screenshot-30\" width=\"612\" height=\"401\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-30.png 612w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-30-300x197.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-30-250x164.png 250w\" sizes=\"(max-width: 612px) 100vw, 612px\" loading=\"lazy\" \/><\/h3>\n<h3><span style=\"color: revert; font-size: revert; font-weight: revert;\">Accounts Weather Forecast View<\/span><\/h3>\n<\/div>\n<p>To get weather info on <strong>Accounts page, <\/strong>click on the <strong>Accounts&nbsp;<\/strong>tab and open any Account record as shown below:<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Accounts-Salesforce.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-93543 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Accounts-Salesforce.jpg\" alt=\"Weather forecaster application\" width=\"1366\" height=\"589\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Accounts-Salesforce.jpg 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Accounts-Salesforce-250x108.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Accounts-Salesforce-300x129.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Accounts-Salesforce-768x331.jpg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Accounts-Salesforce-1200x517.jpg 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/p>\n<p>Add the <strong>Weather Forecaster Lightning Component<\/strong> by drag and drop concept as shown below in the screenshot.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-296048\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Record-Page-Set-up.png\" alt=\"Record-Page-Set-up\" width=\"1919\" height=\"939\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Record-Page-Set-up.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Record-Page-Set-up-300x147.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Record-Page-Set-up-1200x587.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Record-Page-Set-up-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Record-Page-Set-up-768x376.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Record-Page-Set-up-1536x752.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><\/p>\n<p>Once you click on <strong>Save<\/strong> and then <strong>Activate, <\/strong>please click on <strong>Assign as Default<\/strong> as shown below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-160258 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-14.png\" alt=\"Account page setting view\" width=\"1487\" height=\"674\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-14.png 1487w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-14-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-14-300x136.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-14-768x348.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-14-1200x544.png 1200w\" sizes=\"(max-width: 1487px) 100vw, 1487px\" loading=\"lazy\" \/><\/p>\n<p>Now, please click on <strong>Save<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-160259 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-15.png\" alt=\"Account default setting view\" width=\"1480\" height=\"665\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-15.png 1480w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-15-250x112.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-15-300x135.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-15-768x345.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-15-1200x539.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/renew-15-604x270.png 604w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" loading=\"lazy\" \/>The <strong>Accounts<\/strong> page view of <strong>Weather Forecaster<\/strong> with Complete&nbsp;<strong>Weather Information&nbsp;<\/strong>is shown below:<\/p>\n<p>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.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-308935\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-4-2.png\" alt=\"download-4-2\" width=\"1535\" height=\"748\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-4-2.png 1535w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-4-2-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-4-2-1200x585.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-4-2-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-4-2-768x374.png 768w\" sizes=\"(max-width: 1535px) 100vw, 1535px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<p>Similarly, you can have a lightning view of <strong>Weather Forecaster<\/strong> component on every other record Page like <strong>Contacts, Leads, Contracts<\/strong> etc.<\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Community Weather Forecast View<\/h3>\n<\/div>\n<p><strong>Weather Forecaster<\/strong> Component can also be made visible for Community page as well.<\/p>\n<p>To view the weather info on <strong>Community Page, <\/strong>type <strong>All Sites<\/strong> in the &#8216;<strong>Quick Find Search Box<\/strong>&#8216; and open the &#8216;<strong>Builder Page<\/strong>&#8216; of your community as shown below.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-295983\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-1-2.png\" alt=\"Screenshot-1-2\" width=\"1919\" height=\"937\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-1-2.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-1-2-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-1-2-1200x586.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-1-2-250x122.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-1-2-768x375.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-1-2-1536x750.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><br \/>\nWhen you click on <strong>All Sites<\/strong>, you will be redirected to <strong>Community Page<\/strong> where you need to click on the <strong>Builder<\/strong> to open the <strong>Builder page.<\/strong><\/p>\n<p>After clicking on the buider, you need to Click on <strong>Components<\/strong> and drag and drop the Weather Forecaster component to the required location as shown below:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-295984\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-2-3.png\" alt=\"Screenshot-2-3\" width=\"1919\" height=\"925\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-2-3.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-2-3-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-2-3-1200x578.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-2-3-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-2-3-768x370.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-2-3-1536x740.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-296043\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Community-Set-up.png\" alt=\"Community-Set-up\" width=\"1919\" height=\"922\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Community-Set-up.png 1919w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Community-Set-up-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Community-Set-up-1200x577.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Community-Set-up-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Community-Set-up-768x369.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Community-Set-up-1536x738.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<p>Click on <strong>Publish.&nbsp;<\/strong>The <strong>Weather Forecaster<\/strong> on the Community page will appear as shown below<\/p>\n<p>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.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-308945\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-6-1.png\" alt=\"download-6-1\" width=\"1516\" height=\"688\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-6-1.png 1516w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-6-1-300x136.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-6-1-1200x545.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-6-1-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/download-6-1-768x349.png 768w\" sizes=\"(max-width: 1516px) 100vw, 1516px\" loading=\"lazy\" \/><\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Salesforce<strong>1&nbsp;<\/strong>Mobile App Settings<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Go to <strong>Setup | Mobile Administration | Salesforce1 Navigation<\/strong> . Add&nbsp; <strong>Weather Forecaster<\/strong>&nbsp;<strong>Lightning<\/strong> from the available section to Selected list and click <strong>Save.<a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Mobile-Navigation-Salesforce-Developer-Edition.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-93767 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Mobile-Navigation-Salesforce-Developer-Edition.jpg\" alt=\"Weather forecaster application\" width=\"1366\" height=\"589\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Mobile-Navigation-Salesforce-Developer-Edition.jpg 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Mobile-Navigation-Salesforce-Developer-Edition-250x108.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Mobile-Navigation-Salesforce-Developer-Edition-300x129.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Mobile-Navigation-Salesforce-Developer-Edition-768x331.jpg 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Mobile-Navigation-Salesforce-Developer-Edition-1200x517.jpg 1200w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/a><\/strong><\/p>\n<p>The below Snapshot shows different tabs of&nbsp;<strong>Weather Forecaster Lightning<\/strong>&nbsp;component in mobile <strong>Salesforce1 <\/strong>App.<img decoding=\"async\" class=\"alignnone wp-image-164904 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Weather-forecaster-Mobile-view.png\" alt=\"Weather forecaster Mobile View\" width=\"1349\" height=\"621\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Weather-forecaster-Mobile-view.png 1349w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Weather-forecaster-Mobile-view-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Weather-forecaster-Mobile-view-300x138.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Weather-forecaster-Mobile-view-768x354.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/Weather-forecaster-Mobile-view-1200x552.png 1200w\" sizes=\"(max-width: 1349px) 100vw, 1349px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Smart Weather Forecaster Installation Link<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>You can visit the link below to install this Application from <strong>Appexchange<\/strong><\/p>\n<p><a href=\"https:\/\/appexchange.salesforce.com\/appxListingDetail?listingId=a0N3A00000EJX7eUAH\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/appexchange.salesforce.com\/appxListingDetail?listingId=a0N3A00000EJX7eUAH<\/a><\/p>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<h3 class=\"panel-title\"><i class=\"fa fa-mail-forward\"><\/i>Support<\/h3>\n<\/div>\n<div class=\"panel-body\">\n<p>Still have questions? If yes, feel free to create a ticket and contact us <a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noopener noreferrer\"> https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>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 <a href=\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":156,"featured_media":93838,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1887],"tags":[],"class_list":["post-93509","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-salesforce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Smart Weather Forecaster Lightning Component Salesforce<\/title>\n<meta name=\"description\" content=\"It is available as a lightning component for every object page and one can also use this component on the community page to get weather info.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smart Weather Forecaster Lightning Component Salesforce\" \/>\n<meta property=\"og:description\" content=\"It is available as a lightning component for every object page and one can also use this component on the community page to get weather info.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-30T09:55:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-24T11:19:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/945x356.png\" \/>\n\t<meta property=\"og:image:width\" content=\"945\" \/>\n\t<meta property=\"og:image:height\" content=\"356\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ajit Kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ajit Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/\"},\"author\":{\"name\":\"Ajit Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/9d3e91d71f27f0f4755d9f6271100be5\"},\"headline\":\"Smart Weather Forecaster Lightning Component\",\"datePublished\":\"2017-08-30T09:55:57+00:00\",\"dateModified\":\"2023-02-24T11:19:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/\"},\"wordCount\":1049,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/945x356.png\",\"articleSection\":[\"Salesforce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/\",\"url\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/\",\"name\":\"Smart Weather Forecaster Lightning Component Salesforce\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/945x356.png\",\"datePublished\":\"2017-08-30T09:55:57+00:00\",\"dateModified\":\"2023-02-24T11:19:10+00:00\",\"description\":\"It is available as a lightning component for every object page and one can also use this component on the community page to get weather info.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/945x356.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/945x356.png\",\"width\":945,\"height\":356},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Smart Weather Forecaster Lightning Component\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/9d3e91d71f27f0f4755d9f6271100be5\",\"name\":\"Ajit Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/201162c232009c33cc77ac330b0c00f8c9cd6556a5f6972534c221690bd4b4f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/201162c232009c33cc77ac330b0c00f8c9cd6556a5f6972534c221690bd4b4f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ajit Kumar\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/ajitkumar-salesforce08\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Smart Weather Forecaster Lightning Component Salesforce","description":"It is available as a lightning component for every object page and one can also use this component on the community page to get weather info.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/","og_locale":"en_US","og_type":"article","og_title":"Smart Weather Forecaster Lightning Component Salesforce","og_description":"It is available as a lightning component for every object page and one can also use this component on the community page to get weather info.","og_url":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-08-30T09:55:57+00:00","article_modified_time":"2023-02-24T11:19:10+00:00","og_image":[{"width":945,"height":356,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/945x356.png","type":"image\/png"}],"author":"Ajit Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ajit Kumar","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/"},"author":{"name":"Ajit Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/9d3e91d71f27f0f4755d9f6271100be5"},"headline":"Smart Weather Forecaster Lightning Component","datePublished":"2017-08-30T09:55:57+00:00","dateModified":"2023-02-24T11:19:10+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/"},"wordCount":1049,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/945x356.png","articleSection":["Salesforce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/","url":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/","name":"Smart Weather Forecaster Lightning Component Salesforce","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/945x356.png","datePublished":"2017-08-30T09:55:57+00:00","dateModified":"2023-02-24T11:19:10+00:00","description":"It is available as a lightning component for every object page and one can also use this component on the community page to get weather info.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/945x356.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/08\/945x356.png","width":945,"height":356},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/weather-forecaster-lightning-component\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Smart Weather Forecaster Lightning Component"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/9d3e91d71f27f0f4755d9f6271100be5","name":"Ajit Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/201162c232009c33cc77ac330b0c00f8c9cd6556a5f6972534c221690bd4b4f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/201162c232009c33cc77ac330b0c00f8c9cd6556a5f6972534c221690bd4b4f3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ajit Kumar"},"url":"https:\/\/webkul.com\/blog\/author\/ajitkumar-salesforce08\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/93509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/156"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=93509"}],"version-history":[{"count":105,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/93509\/revisions"}],"predecessor-version":[{"id":370364,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/93509\/revisions\/370364"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/93838"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=93509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=93509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=93509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}