Skip to main content
Skip table of contents

Shelly Plus i4 web interface guide

Overview

The web interface serves as an agile web server, providing you with a seamless gateway to access and oversee your devices through a standard web browser on either your computer or mobile device. Its functionality encompasses an array of adjustment and control features, including the ability to power your device on or off, track energy consumption, set schedules, and execute scripts as needed.

Accessing the web interface

For devices with an access point:

  1. Connect your device to a Wi-Fi network with a name (SSID) that follows this format: "DeviceName-XXXXXXXXXX", where ‘DeviceName’ is the name of the device you’d like to connect to, while 'XXXXXXXXXX' represents a unique combination of letters and numbers, constituting the device ID. For instance, the SSID might appear as "ShellyPlus1PM - 84CCA87D7CDC”.

  2. After establishing a connection to the device’s Access Point / AP (the Wi-Fi network mentioned in step 1), accessing the web interface is done by entering the universal IP address for all Shelly devices 192.168.33.1 in your browser.

For Wi-Fi devices without an access point:

  1. Connect the device to your Wi-Fi network.

  2. While you’re connected to that network, go to the IP address shown on your device.

You are now in the web interface of your device.

Connecting your device to a Wi-Fi network

Some of the settings you’ll see in the web interface are only available if the device is connected to the internet. To do that, follow these steps:

  1. From the Web interface, navigate to Settings>Wi-Fi.

  2. Either input or select your preferred Wi-Fi network and then enter its password. Alternatively, connecting to an open network is also an option, facilitated by selecting the checkbox for connecting to open Wi-Fi networks. Additionally, it is recommended to set a static IP address.

  3. Allow your device a few seconds, so it can try to connect to the Wi-Fi network you provided. If the password you typed in is incorrect, or the Wi-Fi network lacks sufficient strength or stability, a message will be displayed in the web interface, notifying you that a connection couldn’t be established. Upon successful connection to the Wi-Fi, a link, containing the new IP address will appear as text above the Wi-Fi settings. Simply copy and paste this link into your browser.

You are now in the web interface of your internet-connected device. The next time you need to access the web UI, simply connect to the same Wi-Fi network as your device and type in the new IP address, obtained in step 3. Setting a static IP address is recommended because it guarantees consistent accessibility at that specific address.

Understanding the layout

The web interface can be divided into four main sections - the header, footer, main menu, and main content.

Header

The header consists of two components - the name of your device on the left and a few icons, which display your device’s main network and connectivity features on the right. These icons can encompass functionalities such as Wi-Fi, Bluetooth, MQTT, and more, as well as an icon that shows if there are any new firmware updates for your device. Hovering with your mouse on an icon will provide you with further information. You’ll find a legend with the meaning of each icon in the web interface guide of each device. Please note that the individual guides explain only the connectivity features available for that specific device.

At the bottom of the screen from left to right in order are the device model name, its ID, the version of the web interface, the firmware version of the device and finally, the current time. Some previous versions of the web interface do not include all of these components.

Main menu

The main menu in the desktop version of the web interface is on the left, whereas on mobile, it looks like a hamburger menu with an icon of three horizontal lines, stacked on top of each other. The menu contains different things, depending on the device, but clicking an item from it takes you to a different page. You can also use it to get back to the Home page by clicking Home.

Main content

By clicking on an item from the main menu, you’ll be able to navigate through the web interface. Everything that you see on the screen, excluding the header, footer, and main menu is considered main content.

*Please note that not all of the web interface screenshots displayed at the top of each web interface guide page (where there is a screenshot present) are of the latest version. Therefore, they may look a bit different than the latest version and may not represent the look of every device's web interface.

Main Menu

Below are explanations of each setting in the main menu, including what is visualised as main content upon clicking on the different settings. A brief introduction of the icons in the header, specific to this device, is also present in the Home page explanation. Note that the header is present in all of the screens, not just the Home page.

Home page

In the web interface, you will see five icons in the header, including one for AP, Wi-Fi, Bluetooth, Cloud, and MQTT connection. Here is what the different status colors mean:

  • AP icon :

    • Gray: AP mode is disabled.

    • Blue: AP mode is enabled.

  • Wi-Fi icon :

    • Gray: Wi-Fi connection is disabled.

    • White: Wi-Fi connection is enabled, but not established.

    • Blue: The device is connected to Wi-Fi.

  • Bluetooth icon :

    • Gray: Connection is disabled.

    • Blue: Connection is enabled.

  • Cloud icon :

    • Gray: Connection to Shelly Cloud is disabled.

    • White: Connection to Shelly Cloud is enabled, but not established.

    • Blue: The device is connected to Shelly Cloud.

  • MQTT icon :

    • Gray: MQTT is disabled.

    • Blue: MQTT is enabled.

package.png
  • Firmware update icon:

    • Blue: There is a new stable version of the firmware for your device.

    • Doesn’t appear: The device’s firmware is up to date.

You will see the four inputs and their state(ON or OFF). By clicking one of them you can easily access more settings associated with each of the inputs.

Settings - input settings

Name

Name/rename the input.

Input mode

Choose one of the following:

  • Button - every button press toggles the state of the device output.

  • Switch - the position of the switch corresponds to the state of the device output.

This setting can also be titled “Switch mode” for some devices.

Invert

This setting allows you to invert the logic of the input signal, effectively reversing the behavior of the device. By default, when the input signal is ON, the device responds by turning ON. When the input signal is OFF, the device turns OFF.

However, if you enable the "Invert Input" setting, the opposite will occur. When the input signal is ON, the device will turn OFF, and when the input signal is OFF, the device will turn ON. This setting can be useful in situations where the device's behavior needs to be reversed.

Factory reset from input

Enable the device to be factory reset through the input.

Actions

Configure the actions for your device - create new actions, edit existing actions, or delete actions. When creating actions for your device you will need to specify the condition on which the action occurs. You can also set a duration for your actions, as well as a URL to be hit when the condition for the action is met.

Add-on

Once you enable and add the Add-on and its sensors you can see all of the information in this setting. To see exactly how to set it up through the web interface and learn how to navigate its settings, read the Shelly Plus Add-on web interface guide.

Settings

Network settings

  • Access Point - Configure the device's AP, including switching it on or off, and setting a password. The access point of the device is an open network by default. The SSID is unique and cannot be changed.

  • Wi-Fi - Register the Shelly device to connect to up to 2 different Wi-Fi networks.

    Either input or select the Wi-Fi network. Can select an open network, and also set a static IP address.

    Enable Wi-Fi 1, or Wi-Fi 2, or both at the same time. If both Wi-Fi 1 and Wi-Fi 2 are enabled, and the Shelly device disconnects from one of the networks, it will connect to the other.

  • Bluetooth - Disable/enable Bluetooth by toggling the switch. The device's default Bluetooth setting is enabled.

Connectivity

  • Cloud -Connecting your Shelly to its cloud allows you to control it remotely, and receive notifications and updates about your devices. The default for this setting is for the cloud to be enabled. If you disable the device cloud support, you will lose connection to your device from outside its local network!

  • MQTT - Configure the Shelly device to execute actions via MQTT. By default, MQTT is disabled, but you can enable it by toggling the switch. Changing these settings will cause the device to reboot. There are some other settings, such as RPC status notifications over MQTT (which enables you to communicate with your device through RPC notifications) and Generic status update over MQTT (to get an overall status update), which you can enable/disable by toggling the switches on their right. You can also enable SSL and type in your server, username, and password, but be aware that enabling SSL will hurt the battery life and most likely shorten it by half.

  • Outbound Websocket - Specifies whether the HTTP channel creates an I/O exception when an inbound connection is closed while still in use by the servlet. By default, this setting is disabled. To enable it, click the toggle switch next to Enable. Enter your service address in the text box and from the drop-down menu under SSL Connectivity choose *, ca.pem or user_ca.pem.

  • Range extender - Turning on the Range extender feature creates a hotspot that you can connect Wi-Fi devices to. If a Shelly device with the range extender enabled is connected to a Wi-Fi router and the Internet, all devices connected to it are also connected to the router and the Internet.
    Even if the Shelly device is not connected to a Wi-Fi router, all devices connected to it can still communicate with it and with each other.

Device settings

  • Device name (info) - See your device’s ID, the Wi-Fi it’s connected to, and the Wi-Fi RSSI.

  • Reboot - After clicking on the Reboot button, you will be asked if you’re sure you want to reboot your device. Click OK for device reboot and Cancel if you don’t want the device to reboot.

  • Factory reset - By clicking on the Reset button, your device’s settings will all be reset to the default. Any changes you’ve made will be reverted. You can confirm that you want the device to factory reset by clicking OK on the pop-up, or Cancel to cancel the factory reset.

  • Location and timezone - Your timezone and location will be autodetected, but you can manually change them from this setting by choosing a timezone from the drop-down menu and typing in your latitude and longitude. There is also a button Auto detect location, which will make the device automatically detect the location once again if it failed the previous time.

  • Authentication - If you enable authentication, you will be asked to type in a password, which you will then use to access the Web UI of the device. Once enabled, to disable it, click the toggle and enter your authentication pass once prompted.

  • Firmware - In this setting, you can see your device's ID, Firmware version, and build ID, as well as the Web build ID. You can also see the available new versions, check for updates and easily update your device. There is also an option to upload your own firmware, however flashing devices with custom firmware irreversibly voids the device warranty.

  • User certificate (TLS Configuration) - Upload custom certificate authority, client certificate, and client key by dragging and dropping the file(s), or by browsing your files, which you can do by clicking the designated button. Click Upload to upload the files, and Clear to remove files you don’t want to upload.

  • Eco mode - Reduce energy consumption on the device by lowering CPU frequency and modem activity while in Eco Mode. To enable this setting click the toggle switch next to Enable eco mode and then click the Apply button to save the changes.

  • Debug - This setting includes Mqtt, Websocket, and Udp debug. To enable any of these, click the toggle switch next to the specific setting. For Udp debug you will also be asked to type in a Udp address.

  • Units - Choose the units the measured data will be displayed in.

Scripts

This device features scripting capabilities. You can use them to customize and enhance device functionality based on a user’s specific needs. These scripts can take into consideration device state, communicate with other devices, or pull data from external services like weather forecasts. A script is a program, written in a subset of JavaScript.

Advanced Settings

Upon clicking on the arrow next to this setting, you will reveal the advanced settings. They are explained below.

KVS

KVS stands for Key-Value Storage and is a type of non-relational database, which works by using a simple key-value method to store data. In one device, you can store up to 50 key-value pairs. Upon clicking on the Add value button, you will be taken to the value creation screen, which prompts you to enter a key (up to 42 characters), and value (up to 253 characters). You’ll notice under the text box for the value is the current value type. By default, the value type is Number, but by entering text, the type will change to String. To save the key, simply click the Save button. To edit an existing value, simply click on it. To delete a key-value pair, click the Delete button that appears below it when you go to edit the key. Clicking on the question mark next to the setting name will take you to the API documentation, which will provide you with further information on how the KVS works for Shelly devices.

Diagnostics

From this setting, you can download the debug logs. Enabling the debug log without a reason isn’t recommended, since your device will be slowed down and this setting will cause aging of the flash memory. If you do decide to enable it, you can also download the previous and current logs. Be aware that leaving this page will reset the logger and log data.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.