# WLED Stiftebox

Diese Anleitung beschreibt die Montage einer WLED-Stiftebox. Das Stiftebox Gehäuse wird mit dem Lasercutter erstellt. Die Frontseite könnt ihr selbst designen, die Vorlage steht zum Download bereit. Anschließend verlöten wir den WLED-Stripe mit dem ESP8266. Die Inbetriebnahme erfolgt über install.wled.me.

[![wled_stiftebox.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/7w2MIZjnUloDSXDV-wled-stiftebox.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/7w2MIZjnUloDSXDV-wled-stiftebox.png)

Die WLED-Stiftebox

## Hardware  


### Die Stückliste für die WLED-Stiftebox:

- 1 x Sperrholz 300x600 x 3mm
- 1 x ESP8266
- 1 x WLED-Stripe WS2812B
- 1 x USB-C Kabel mit Ladestecker
- Litze, Holzleim

## Aufbau und Montage  


Der Aufbau und die Montage der WLED-Stiftebox ist in mehrere Schritte unterteilt.

### Schritt 1: Die Frontansicht designen

Verwende die [Inkscape Vorlage](https://wikiold.oberlab.de/en/projekte/makers-monday/Download)

[![wled_vorlage.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/DWke6Kcl0GHOCeue-wled-vorlage.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/DWke6Kcl0GHOCeue-wled-vorlage.png)

### Schritt 2: Die Verbindungen löten  


- Löte die drei Litzen an den WLED-Stripe
- ESP8266 &gt; WLED
- 5V &gt; 5V, (D4) GPIO2 &gt; Din, GND &gt; GND

[![wled00.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/V424OL8WnctP9D77-wled00.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/V424OL8WnctP9D77-wled00.png)

[![wled0a.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/qgyFHq7g9LOyzV0V-wled0a.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/qgyFHq7g9LOyzV0V-wled0a.png)

### Schritt 3: Die WLED Inbetrieb nehmen  


Schließe den ESP8266 an den Laptop an und öffne im Browser die Seite https://install.wled.me/.  
Starte mit "Installieren"

[![wled01.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/h5T2IGXskYUySptM-wled01.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/h5T2IGXskYUySptM-wled01.png)

Stelle die USB-Verbindung her

[![wled02.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/0Buh6y46zFrHGlt3-wled02.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/0Buh6y46zFrHGlt3-wled02.png)

Installiere die WLED

[![wled03.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/CQw9wjVzb1qZ2tk4-wled03.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/CQw9wjVzb1qZ2tk4-wled03.png)

[![wled04.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/2EwETpllVdc23Aem-wled04.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/2EwETpllVdc23Aem-wled04.png)

[![wled05.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/Fn9RIq1Hfh8s9USY-wled05.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/Fn9RIq1Hfh8s9USY-wled05.png)

[![wled06.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/EZLjW51eQVEDNeKv-wled06.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/EZLjW51eQVEDNeKv-wled06.png)

Gib die WLAN Zugangsdaten ein

[![wled07.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/Dg6CFHXAoJSfai9L-wled07.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/Dg6CFHXAoJSfai9L-wled07.png)

[![wled08.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/Jo7iZHRgaDSp54Kh-wled08.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/Jo7iZHRgaDSp54Kh-wled08.png)￼

Öffne die Verbindung zum ESP8266

[![wled09.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/2txC8kIs0inpB7am-wled09.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/2txC8kIs0inpB7am-wled09.png)

Öffne die Konfigurations-Seite

[![wled10.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/7PdwgIwtCMDcYXfB-wled10.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/7PdwgIwtCMDcYXfB-wled10.png)

Öffne die LED-Einstellungen

[![wled11.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/o1zbgELjffwm3Wdl-wled11.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/o1zbgELjffwm3Wdl-wled11.png)

Editiere die WLED-Einstellungen

[![wled12.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/RocUUwPOnawhyURP-wled12.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/RocUUwPOnawhyURP-wled12.png)

Teste die Funktionen

[![wled13.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/oxj1qsdInbuMVGUB-wled13.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/oxj1qsdInbuMVGUB-wled13.png)

### Schritt 4: Die Stiftebox montieren  


- Nach dem Funktionstest und dem designen der Frontansicht wird die Stiftebox ausgelasert und montiert.
- Montiere den ESP8266 in die Stiftebox und führe die Kabel durch die Boden-Öffnung.
- Klebe den WLED-Stripe auf die Unterseite der Stiftebox.

[![wledeinbau.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/teU48IqAaeZpCCey-wledeinbau.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/teU48IqAaeZpCCey-wledeinbau.png)

### Schritt 5: Spannung anschließen  


Nach der Montage und dem Funktionstest wird der ESP8266 über ein USB-C Kabel und einem Steckernetzteil oder einem Akkupack mit Spannung versorgt.

[![wled_stiftebox.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/7w2MIZjnUloDSXDV-wled-stiftebox.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/7w2MIZjnUloDSXDV-wled-stiftebox.png)  
Die WLED-Stiftebox

Nach der Installation ist die WLED-Stiftebox mit dem Handy/Tabled/PC steuerbar.  
Im WiFi setup kann eine feste mDNS Adresse gespeichert werden, z.B. mywled.local.

[![wledsetup.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/Mir1CYp9Bt1q9JUn-wledsetup.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/Mir1CYp9Bt1q9JUn-wledsetup.png)

Aufruf der WLED-Steuerseite mit: mywled.local

[![wledsetup2.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/D4iEyBWjqNZl1xum-wledsetup2.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/D4iEyBWjqNZl1xum-wledsetup2.png)

Alternativ zur WLED-Stiftebox könnt ihr auch eine WLED-Lampe bauen

[![wledlampe.png](https://wiki.oberlab.de/uploads/images/gallery/2025-03/scaled-1680-/cMsjQiOuNsXAWWtA-wledlampe.png)](https://wiki.oberlab.de/uploads/images/gallery/2025-03/cMsjQiOuNsXAWWtA-wledlampe.png)

**Fertig!**