About the Web Doorbell Control Panel
This panel controls a DIY smart doorbell. Test the chime, pick a tune, set the volume, and switch on do-not-disturb during nap time or online classes. The panel also shows when the bell last rang. Build it with an ESP32, a push button and a small DFPlayer MP3 module.
This remote runs fully in your browser, so it works on any phone or computer with no app to install. Try it now in demo mode. When you are ready, connect it to your own ESP32 or ESP8266 by Bluetooth, Wi-Fi hotspot, home Wi-Fi, USB cable or the internet. We write the Arduino code for you for each option.
How to use it
- Play with the remote in demo mode to see how it works.
- Build your device. See "What you need" below.
- Press Connect my device and pick how you want to connect. Bluetooth or Wi-Fi hotspot are the easiest.
- Press Get the code for this, upload it to your board with Arduino IDE, then connect. Now the buttons control your real device.
Why people like this tool
No app needed
Opens in any browser on Android, iPhone, laptop or tablet.
Real demo mode
Animated preview so you can test before you build.
Ready ESP32 code
Arduino sketch for ESP32 or ESP8266, made for this remote.
5 ways to connect
Bluetooth, Wi-Fi hotspot, home Wi-Fi, USB cable or internet (MQTT).
What you need to build it
- An ESP32 board
- A sensor for your job (like DHT22, DS18B20, soil moisture or pressure sensor)
- A relay module for the output device
- A 5V power supply and an enclosure
Not ready to build? You can still use the remote in demo mode to plan your project and test the buttons.
Commands this remote sends
Over Bluetooth or a USB cable, each command is a short text line like id=value. With MQTT, it goes to your-topic/<id>/set and your device reports back on your-topic/<id>/state. On Wi-Fi, the page calls /<id>?value=… on the device.
| id | Control | Values | Direction |
|---|---|---|---|
ring | Ring the bell | PRESS | Remote → device |
tune | Chime tune | Ding dong, Westminster, Bird, Soft | Remote → device |
volume | Volume | 1 to 10 | Remote → device |
mute | Do not disturb | ON / OFF | Remote → device |
last | Last ring | Device sends text | Device → remote |