PARKPLATZ WIDGET Code einbinden
🛠️ Kostenloses Motorrad-Widget & HTML-Tool für Biker-Webmaster
Motorrad-Parkplatzsuche in deine Website einbinden – in 2 Minuten
Du betreibst eine Motorrad-Website, einen Biker-Blog oder ein Motorrad-Forum? Dann biete deinen Besuchern jetzt einen echten Mehrwert: Unsere interaktive Parkplatz-Suche für Motorräder lässt sich in wenigen Minuten in deine Seite einbinden – komplett kostenlos und ohne technische Kenntnisse.
Deine Community findet damit auf einen Blick Motorradparkplätze in ganz Europa – ob in Deutschland, Frankreich, Italien oder einem anderen Land. Das Tool ist ideal für Reiseplanung, Tourenberichte oder Biker-Treffen und macht deine Seite zu einer noch besseren Anlaufstelle für Motorradfahrer.
🔍 Was macht dieses Tool?
Deine Besucher wählen einfach ein Land aus einem Dropdown-Menü aus. Sie werden dann automatisch auf unsere Übersichtsseite für dieses Land weitergeleitet – entweder als übersichtliche Liste aller Parkplätze oder als interaktive Karte mit allen Standorten.
Die Daten werden von einer aktiven Motorrad-Community gepflegt und regelmäßig aktualisiert. Deine Besucher profitieren von aktuellen, verlässlichen Informationen – und du musst dich um nichts kümmern.
⚙️ So bindest du es ein (3 Varianten)
🛞 Variante 1: Das vollständige Parkplatz-Widget (Karte + Liste)
Was passiert? Der Besucher erhält eine vollständige, interaktive Ansicht. Er kann durch eine scrollbare Liste von Ländern, Städten und Parkplätzen navigieren und sieht die Karte automatisch, sobald er auf einen Parkplatz klickt. Das Widget enthält zudem eine Live-Suche und Links zu Google Maps und Waze.
🎨 Design anpassen (Farben, Schrift, Breite)
Das Widget verwendet standardmäßig die Farben #666666 (Rahmen), #333333 (Schrift) und #fdfdfd (Hintergrund). Du kannst diese Werte im <script>-Tag einfach durch eigene Hex-Codes ersetzen:
Um das Widget schmaler oder breiter zu machen, änderst du den Wert max-width: 97% im umschließenden <div>. Für einen schmalen Sidebar-Block würdest du z.B. max-width: 300px; schreiben.
💡 Zusätzlich per CSS (für Fortgeschrittene):
Du kannst das Widget auch nachträglich mit eigenem CSS anpassen, indem du die ID #chopper-parking-widget oder die Klasse .biker-widget-item verwendest. Zum Beispiel, um die Schrift größer zu machen:
📌 Nutzungsbedingungen
✅ Die Nutzung ist für private, nicht-kommerzielle Websites, Blogs und Foren kostenlos.
✅ Der Link “Bereitgestellt von chopper-motorrad.de” muss sichtbar bleiben.
✅ Die Weiterleitung darf nicht verändert werden.
✅ Bei kommerzieller Nutzung bitte vorher anfragen.
Motorrad-Parkplatzsuche in deine Website einbinden – in 2 Minuten
Du betreibst eine Motorrad-Website, einen Biker-Blog oder ein Motorrad-Forum? Dann biete deinen Besuchern jetzt einen echten Mehrwert: Unsere interaktive Parkplatz-Suche für Motorräder lässt sich in wenigen Minuten in deine Seite einbinden – komplett kostenlos und ohne technische Kenntnisse.
Deine Community findet damit auf einen Blick Motorradparkplätze in ganz Europa – ob in Deutschland, Frankreich, Italien oder einem anderen Land. Das Tool ist ideal für Reiseplanung, Tourenberichte oder Biker-Treffen und macht deine Seite zu einer noch besseren Anlaufstelle für Motorradfahrer.
🔍 Was macht dieses Tool?
Deine Besucher wählen einfach ein Land aus einem Dropdown-Menü aus. Sie werden dann automatisch auf unsere Übersichtsseite für dieses Land weitergeleitet – entweder als übersichtliche Liste aller Parkplätze oder als interaktive Karte mit allen Standorten.
Die Daten werden von einer aktiven Motorrad-Community gepflegt und regelmäßig aktualisiert. Deine Besucher profitieren von aktuellen, verlässlichen Informationen – und du musst dich um nichts kümmern.
⚙️ So bindest du es ein (3 Varianten)
🛞 Variante 1: Das vollständige Parkplatz-Widget (Karte + Liste)
Was passiert? Der Besucher erhält eine vollständige, interaktive Ansicht. Er kann durch eine scrollbare Liste von Ländern, Städten und Parkplätzen navigieren und sieht die Karte automatisch, sobald er auf einen Parkplatz klickt. Das Widget enthält zudem eine Live-Suche und Links zu Google Maps und Waze.
Code: Alles auswählen
<!-- Motorrad-Parkplatz-Widget (Interaktiv) -->
<div style="max-width: 97%; margin: 0 auto;">
<div id="chopper-parking-widget"></div>
<script
src="https://www.chopper-motorrad.de/biker-widget/parkplatz/widget.js"
data-main-color="#666666"
data-text-color="#333333"
data-bg-color="#fdfdfd">
</script>
</div>
Das Widget verwendet standardmäßig die Farben #666666 (Rahmen), #333333 (Schrift) und #fdfdfd (Hintergrund). Du kannst diese Werte im <script>-Tag einfach durch eigene Hex-Codes ersetzen:
Code: Alles auswählen
data-main-color="#deinHex"
data-text-color="#deinHex"
data-bg-color="#deinHex"💡 Zusätzlich per CSS (für Fortgeschrittene):
Du kannst das Widget auch nachträglich mit eigenem CSS anpassen, indem du die ID #chopper-parking-widget oder die Klasse .biker-widget-item verwendest. Zum Beispiel, um die Schrift größer zu machen:
Code: Alles auswählen
/* Beispiel: Schrift im Widget auf 18px vergrößern */
#chopper-parking-widget .biker-widget-item {
font-size: 18px !important;
}✅ Die Nutzung ist für private, nicht-kommerzielle Websites, Blogs und Foren kostenlos.
✅ Der Link “Bereitgestellt von chopper-motorrad.de” muss sichtbar bleiben.
✅ Die Weiterleitung darf nicht verändert werden.
✅ Bei kommerzieller Nutzung bitte vorher anfragen.