The Display Weather widget enables you to display the weather and temperature in the city where the visitors to your website are currently located.
Accessing the widget
- Open the variation editor on the desired website,
- Click Widgets in the toolbar on the right-hand side,
- Browse to the Special section or filter on the widget’s name,
- Click the widget’s card,
The configuration form is displayed and the widget appears on the page.
Configuring the widget
During this configuration step, changes are displayed in real-time.
Once your changes have been applied:
- Click Save to save your changes,
- If necessary, you can click History in the toolbar to edit and make changes to your configuration.
The first time you access the widget, red dots are displayed on the tabs to indicate that new options are available.
|Horizontal||Display the weather icon, the temperature and the city on a horizontal line|
|Vertical||Display the weather icon, the temperature and the city on a vertical line|
Select the element you want to host the widget
Choose the temperature unit to be displayed (Celsius or Fahrenheit)
|Position||Choose the position of the widget in relation to the element (before or after)|
|Font color||Personalize the color of the font used to show the temperature and the city: use the palette to configure the hexadecimal value and opacity|
|Background color||Select a background color for the widget: use the palette to configure the hexadecimal value and opacity|
|Border color||Add a border and configure its color: use the palette to configure the hexadecimal value and opacity|
|Border thickness||Add a border and configure its thickness in pixels|
|Border radius||Configure the border radius of the modal in pixels|
|Drop shadow||Add a shadow around the widget|
|Drop shadow opacity||Configure the size of the drop shadow|