Add a Weather widget to NexSigns

You can integrate a Weather forecast as part of your digital signage easily by creating a Widget

Topics Covered

Create a Weather widget

  1. Open a Web Browser
  2. Navigate to https://weatherwidget.io
  3. Enter your Zip Code / Postal Code and select your Location



  4. Enter / select your desired settings



  5. Click on Get Code



  6. Click on the COPY TO CLIPBOARD

     

  7. The WebScript has been copied to your Clipboard - leave this tab open as it may be used later

Add the Weather Widget to a WebScript Channel 

  1. Open a New Browser Tab
  2. Login to OnePass(For more information, see How to access OnePass)
  3. Click on Application then select NexSigns



  4. Click on Start Action on your intended Product License
  5. Select Manage Channel located in the left menu
  6. Click on Create New Channel 
  7. Enter a Channel Name, Description, and Select WebScript in the Channel Type drop down menu



  8. Select Continue to finish creating a new WebScript Channel



  9. Paste the WebScript code previously copied on the Weatherwidget.io website into the WebScript / Embed Script Text Box



  10. Select your desired Reload Interval from the drop down box (1 hour is recommended)



  11. Click on Update 

     

  12. You have successfully configured a Weather Widget


Ensure to create Layout, Container, and connect it to the Weather Widget WebScript Channel then Publish it to view it on on your signage.

Example #1 - Split Screen - Top / Bottom

This Layout displays a Media Area on top along with a Weather Widget on the bottom

 

This example assumes a Full HD resolution of 1920 x 1080px (Width x Height)

  1. Select your desired Layout and select Edit Layout
  2. Select New Horizontal Container, name it Media Area, set the Ratio to 87, and select Save Ratio
  3. Select New Horizontal Container, name it Weather Widget, set the Ratio to 13, and select Save Ratio



  4. Connect the Media Area Container to a Channel / Template

    In this example, the Media Area dimensions are 1920 x 940px (Width x Height)


  5. Connect the Weather Widget Container to the previously created Weather Widget WebScript Channel
  6. Publish the Layout to view it on your NexSigns digital signage device
  7. You are done!

Example #2 - Split Screen - Left / Right

This Layout displays a Media Area on the left along with a Weather Widget on the right

 

This example assumes a Full HD resolution of 1920 x 1080px (Width x Height)

  1. Select your desired Layout and select Edit Layout
  2. Select New Vertical Container, name it Media Area, set the Ratio to 90, and select Save Ratio
  3. Select New Vertical Container, name it Weather Widget, set the Ratio to 10, and select Save Ratio



  4. Connect the Media Area Container to a Channel / Template

    In this example, the Media Area dimensions are 1728 x 1080px (Width x Height)


  5. Connect the Weather Widget Container to the previously created Weather Widget WebScript Channel
  6. Publish the Layout to view it on your NexSigns digital signage device
  7. You are done!

Recommended Settings

OrientationContainersPercentageScaling Mode
LandscapeHorizontal12-13%Default

LandscapeHorizontal8-9%Native
LandscapeVertical6-12%Default

PortraitHorizontal7-8%Default

PortraitHorizontal5%Native


Applies to

NexSigns 2.x, NexSigns 3.X. OnePass 3.1.x

Related tickets