Unser erstes Webflow Clonable: Interaktive Karte für deine Projekte 🗺️
Wir haben etwas Neues für die Webflow-Community gebaut:
Unser erstes Webflow Clonable ist live – eine interaktive Karte mit Filtern, umgesetzt mit Mapbox als Kartentechnologie und natürlich komplett in Webflow pflegbar.
👉 Hier kannst du dir das Clonable direkt ansehen und in dein Projekt übernehmen:
https://webflow.com/made-in-webflow/website/mapbox-shapefruit
Was du mit dem Clonable machen kannst
Die Karte eignet sich überall da, wo du Orte, Projekte oder Standorte übersichtlich darstellen möchtest – zum Beispiel für:
- Filialen, Stores oder Partner
- touristische Hotspots oder POIs
- Referenzen und Projektstandorte
- Events, Locations oder Einsätze von Teams
Über Filter kannst du die Einträge nach Kategorien oder Typen sortieren – komplett gesteuert über das Webflow CMS.
Mapbox + Webflow: Interaktiv, aber trotzdem leicht pflegbar
Technisch basiert das Clonable auf Mapbox als Kartengrundlage. Die Inhalte (Marker, Kategorien, Texte, Links) kommen aber aus dem Webflow CMS – das heißt für dich:
- Inhalte lassen sich ohne Code direkt im Editor pflegen
- neue Orte kannst du einfach als CMS-Item anlegen
- Filter und Kategorien steuerst du ebenfalls über das CMS
- Design und Layout kannst du wie gewohnt in Webflow anpassen
Du bekommst also eine Lösung, die visuell modern, interaktiv und trotzdem alltagstauglich pflegbar ist.
Warum wir Clonables bauen
Wir lieben Webflow – und wir mögen den Spirit dahinter: Teilen, ausprobieren, besser zusammen werden.
Mit unserem ersten Clonable wollen wir genau dazu beitragen:
- dir Arbeit abnehmen, wenn du eine Kartenlösung brauchst
- zeigen, was mit Webflow + Mapbox möglich ist
- Inspiration für eigene Ideen liefern
Und das ist erst der Anfang:
Wir werden in Zukunft regelmäßig neue Clonables veröffentlichen, um der Community etwas zurückzugeben und anderen zu helfen, coole digitale Projekte schneller umzusetzen.
Lust, es auszuprobieren?
Wenn du gerade an einer Website arbeitest, in der eine Karte Sinn macht – probier das Clonable gerne aus, passe es an deine Marke an und baue darauf auf:
➡️ https://webflow.com/made-in-webflow/website/mapbox-shapefruit
Und wenn du eine individuelle, noch komplexere Lösung brauchst – zum Beispiel mit zusätzlichen Datenquellen, GEO-Logik oder speziellen Filterregeln – unterstützen wir dich natürlich gerne dabei, daraus dein ganz eigenes Karten-Projekt zu machen. 🚀
.jpg)
