Mit KI eine interaktive Karte gebaut – direkt in WordPress. Ohne Entwickler.
Ich wollte für meine Kolumbien-Reise eine interaktive Karte auf der Website – etwas Lebendiges, das die Städte zeigt, mit echtem Charakter und Berg-Relief statt einem Screenshot aus Google Maps.
Also habe ich Claude Cowork gefragt. Claude hat die Karte programmiert und gleich die ganze Struktur mitgedacht: saubere Dateistruktur, Backlog-Files, eine fertige Anleitung zur Integration in WordPress.
Das Ergebnis in vier Schritten:
Bild in die WordPress-Mediathek hochladen, URL kopieren. Neue Seite anlegen, Template auf "Elementor Canvas" setzen – komplett blank, die Seite gehört dir allein. Den generierten HTML-Code per Elementor-Widget einfügen, Bild-URL anpassen, speichern. Fertig.
Die Karte läuft jetzt unter ihrer eigenen URL und ist gleichzeitig per iframe in die bestehende Kolumbien-Seite eingebettet. Zwei Zugangswege, ein Code, alles im Dashboard erledigt.
Was mich daran begeistert: Claude war hier Entwicklungspartner. Die technische Umsetzung, die Struktur, die Einbettungslogik – alles entstand im Dialog. So sieht KI-Coaching in der Praxis aus.
Solche Praxisbeispiele zeigen wir live im AI Connect Call – jeden Montag, Termin im Skool-Kalender.