Motorradparkplatz auf deiner Website 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.

👉 Sieh dir die Live-Demo an: https://www.chopper-motorrad.de/parkplatz-widget/

📄 Widget-Code zum Kopieren:
<!-- 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>



🎨 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:

data-main-color="#deinHex" 
data-text-color="#deinHex" 
data-bg-color="#deinHex"

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:

/* Beispiel: Schrift im Widget auf 18px vergrößern */
#chopper-parking-widget .biker-widget-item {
    font-size: 18px !important;
}



📋 Variante 2: Dropdown zur Parkplatz-Liste

Was passiert? Der Besucher wählt ein Land aus und wird auf unsere Listen-Seite weitergeleitet. Dort sieht er alle Parkplätze in diesem Land als übersichtliche Liste – ideal für schnelle Übersichten und Tourenplanung.

📄 Code zum Downloaden:
<!-- Motorrad-Parkplatzsuche (Listenansicht) -->
<div style="max-width:300px; padding:12px; border:1px solid #ddd; border-radius:6px; background:#f5f2e8; text-align: left;">
  <label for="land-dropdown-liste" style="font-weight:bold; display:block; margin-bottom:6px;">🅿️ Motorrad Parkplatzsuche Europaweit (Liste)</label>
  <select id="land-dropdown-liste" style="width:100%; padding:6px; border:1px solid #ccc; border-radius:4px;">
    <option value="">-- Land auswählen --</option>
    <option value="albanien">Albanien</option>
    <option value="andorra">Andorra</option>
    <option value="belgien">Belgien</option>
    <option value="bosnien-und-herzegowina">Bosnien und Herzegowina</option>
    <option value="bulgarien">Bulgarien</option>
    <option value="danemark">Dänemark</option>
    <option value="deutschland">Deutschland</option>
    <option value="estland">Estland</option>
    <option value="finnland">Finnland</option>
    <option value="frankreich">Frankreich</option>
    <option value="griechenland">Griechenland</option>
    <option value="irland">Irland</option>
    <option value="island">Island</option>
    <option value="italien">Italien</option>
    <option value="kroatien">Kroatien</option>
    <option value="lettland">Lettland</option>
    <option value="liechtenstein">Liechtenstein</option>
    <option value="litauen">Litauen</option>
    <option value="luxemburg">Luxemburg</option>
    <option value="malta">Malta</option>
    <option value="montenegro">Montenegro</option>
    <option value="niederlande">Niederlande</option>
    <option value="nordmazedonien">Nordmazedonien</option>
    <option value="norwegen">Norwegen</option>
    <option value="osterreich">Österreich</option>
    <option value="polen">Polen</option>
    <option value="portugal">Portugal</option>
    <option value="rumaenien">Rumänien</option>
    <option value="schweden">Schweden</option>
    <option value="schweiz">Schweiz</option>
    <option value="serbien">Serbien</option>
    <option value="slowakei">Slowakei</option>
    <option value="slowenien">Slowenien</option>
    <option value="spanien">Spanien</option>
    <option value="tschechien">Tschechien</option>
    <option value="tuerkei">Türkei</option>
    <option value="ukraine">Ukraine</option>
    <option value="ungarn">Ungarn</option>
    <option value="vereinigtes-konigreich">Vereinigtes Königreich</option>
    <option value="zypern">Zypern</option>
  </select>
  <div style="margin-top:8px; font-size:0.8em; text-align:left; color:#888;">
    Bereitgestellt von <a href="https://www.chopper-motorrad.de" target="_blank" rel="noopener">chopper-motorrad.de</a>
  </div>
</div>
<script>
document.getElementById('land-dropdown-liste').addEventListener('change', function() {
  var land = this.value;
  if (land) {
    var referrer = encodeURIComponent(window.location.href);
    window.open('https://www.chopper-motorrad.de/go.php?land=' + land + '&ziel=liste&referrer=' + referrer, '_blank');
  }
});
</script>

📌 So sieht die eingebaute Liste bei dir aus

Das Dropdown kannst du nach dem Einbau beliebig in deine Seite platzieren – zum Beispiel in die Sidebar oder in einen Beitrag.


Bereitgestellt von chopper-motorrad.de



🗺️ Variante 3: Dropdown zur Parkplatz-Karte

Was passiert? Der Besucher wählt ein Land aus und wird auf unsere Karten-Seite weitergeleitet. Dort sieht er alle Parkplätze in diesem Land auf einer interaktiven Karte – perfekt für visuelle Tourenplanung und Reiseberichte.

📄 Code zum Downloaden:
<!-- Motorrad-Parkplatzsuche (Kartenansicht) -->
<div style="max-width:300px; padding:12px; border:1px solid #ddd; border-radius:6px; background:#f5f2e8; text-align: left;">
  <label for="land-dropdown-karte" style="font-weight:bold; display:block; margin-bottom:6px;">🅿️ Motorrad Parkplatzsuche Europaweit (Karte)</label>
  <select id="land-dropdown-karte" style="width:100%; padding:6px; border:1px solid #ccc; border-radius:4px;">
    <option value="">-- Land auswählen --</option>
    <option value="albanien">Albanien</option>
    <option value="andorra">Andorra</option>
    <option value="belgien">Belgien</option>
    <option value="bosnien-und-herzegowina">Bosnien und Herzegowina</option>
    <option value="bulgarien">Bulgarien</option>
    <option value="danemark">Dänemark</option>
    <option value="deutschland">Deutschland</option>
    <option value="estland">Estland</option>
    <option value="finnland">Finnland</option>
    <option value="frankreich">Frankreich</option>
    <option value="griechenland">Griechenland</option>
    <option value="irland">Irland</option>
    <option value="island">Island</option>
    <option value="italien">Italien</option>
    <option value="kroatien">Kroatien</option>
    <option value="lettland">Lettland</option>
    <option value="liechtenstein">Liechtenstein</option>
    <option value="litauen">Litauen</option>
    <option value="luxemburg">Luxemburg</option>
    <option value="malta">Malta</option>
    <option value="montenegro">Montenegro</option>
    <option value="niederlande">Niederlande</option>
    <option value="nordmazedonien">Nordmazedonien</option>
    <option value="norwegen">Norwegen</option>
    <option value="osterreich">Österreich</option>
    <option value="polen">Polen</option>
    <option value="portugal">Portugal</option>
    <option value="rumaenien">Rumänien</option>
    <option value="schweden">Schweden</option>
    <option value="schweiz">Schweiz</option>
    <option value="serbien">Serbien</option>
    <option value="slowakei">Slowakei</option>
    <option value="slowenien">Slowenien</option>
    <option value="spanien">Spanien</option>
    <option value="tschechien">Tschechien</option>
    <option value="tuerkei">Türkei</option>
    <option value="ukraine">Ukraine</option>
    <option value="ungarn">Ungarn</option>
    <option value="vereinigtes-konigreich">Vereinigtes Königreich</option>
    <option value="zypern">Zypern</option>
  </select>
  <div style="margin-top:8px; font-size:0.8em; text-align:left; color:#888;">
    Bereitgestellt von <a href="https://www.chopper-motorrad.de" target="_blank" rel="noopener">chopper-motorrad.de</a>
  </div>
</div>
<script>
document.getElementById('land-dropdown-karte').addEventListener('change', function() {
  var land = this.value;
  if (land) {
    var referrer = encodeURIComponent(window.location.href);
    window.open('https://www.chopper-motorrad.de/go.php?land=' + land + '&ziel=karte&referrer=' + referrer, '_blank');
  }
});
</script>

📍 So sieht die eingebaute Karte bei dir aus

Auch die Karten-Variante kannst du flexibel in deine Seite einbinden – perfekt für eine Übersicht auf deiner Touren-Seite.


Bereitgestellt von chopper-motorrad.de



📌 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.

💬 Fragen oder Probleme?

Wenn du Hilfe beim Einbau benötigst oder eine andere Variante möchtest, melde dich einfach im Forum oder per E-Mail über unser Impressum. Wir helfen gerne!