ELN Help Center

Design

Fahrzeuge auf der eigenen Website einbetten ​

Mit dem Embedding bringst du deinen Bestand direkt auf deine eigene Website. Deine Endkunden sehen dort die Fahrzeuge aus ELN, die du über die Preiskalkulation freigegeben hast, plus deine eigenen Inserate (z.B. von mobile.de) -- alles in einer Anzeige. Ohne eigene Technik, ohne eigene Datenbank, ohne Pflegeaufwand.

Du findest die Einbettung unter Einstellungen > Embedding.

Wofür brauchst du das Embedding? ​

Du willst, dass deine Kunden deine Fahrzeuge auf deiner Website finden -- nicht im ELN Portal. Das Embedding ist die Brücke dazwischen:

  1. Du konfigurierst im Portal, welche ELN-Fahrzeuge mit welchen Preisen in deinem Bestand erscheinen sollen.
  2. Optional: Du verbindest deinen eigenen Bestand (z.B. mobile.de), damit deine Inserate ebenfalls in der Einbettung erscheinen.
  3. Das Portal erzeugt einen fertigen Code-Schnipsel, den du auf deiner Website einbaust.
  4. Ab sofort zeigt deine Website genau diesen Bestand -- und aktualisiert sich automatisch, sobald sich etwas ändert.

Was deine Endkunden sehen und können ​

Über das Embedding bekommen deine Endkunden eine vollständige Fahrzeugsuche direkt auf deiner Website:

  • Suche mit Marke/Modell und erweiterten Optionen
  • Filter-Sidebar mit Marke/Modell, Kraftstoff, Farbe, Kilometerstand, Erstzulassung, Preisspanne und Getriebe
  • Sortierung der Ergebnisse (z.B. nach Preis, Kilometerstand, Erstzulassung)
  • Fahrzeugdetailseite mit Bildergalerie und Lightbox, technischen Daten (Stammdaten, Außen, Innen, Sonstiges), kompletter Ausstattungsliste und einem Preisrechner inkl. optionaler Zusatzausstattungen
  • Druckansicht für ein sauberes PDF des Fahrzeugs
  • Anfrageformular für jedes Fahrzeug, über das deine Endkunden direkt Kontakt zu dir aufnehmen können
  • Social-Share zum Teilen einzelner Fahrzeuge

Alles läuft unter deinem Branding -- vom Such-Layout bis zum Anfrageformular.

Pricing zuerst einrichten
Das Embedding zeigt nur an, was deine Preiskalkulation freigibt. Richte zuerst die [Preiskalkulation](/bestand/pricing) ein, bevor du den Code auf deiner Website einbaust - sonst sieht dein Kunde entweder nichts oder Fahrzeuge zu den falschen Preisen.

Die drei Bestandteile der Einbettungs-Seite ​

Auf der Einbettungs-Seite findest du drei Bereiche: deine Händler-ID, den iFrame-Code und den Widget-Code. Alle drei haben einen Kopier-Button.

Händler-ID ​

Deine Händler-ID ist dein eindeutiger Identifier im ELN Portal. Sie ist im iFrame- und Widget-Code automatisch schon enthalten, du musst sie normalerweise nicht manuell verwenden. Sie ist aber sichtbar, falls dein Webmaster sie für eigene Integrationen braucht.

iFrame-Einbettung ​

Der iFrame ist die einfachste und zuverlässigste Variante. Er bindet deine komplette Fahrzeugübersicht als eingebetteten Bereich auf deiner Website ein - inklusive Suche, Filtern, Detailansichten und allem, was dazugehört.

Du kopierst den fertigen Code und fügst ihn an der Stelle auf deiner Website ein, wo der Bestand erscheinen soll. Das war's. Die Darstellung, die Funktionalität, die Performance - alles kommt vom Portal. Du musst dich um nichts weiter kümmern.

Der iFrame eignet sich besonders für:

  • Eine eigene Fahrzeug-Seite auf deiner Website (zum Beispiel unter /fahrzeuge oder /bestand)
  • Eine vollständige Bestandsanzeige mit Detailseiten
  • Lösungen, bei denen dein Webmaster möglichst wenig eigenen Aufwand haben soll

Widget-Einbettung ​

Der Widget-Code ist eine kompaktere Variante. Statt eines eingebetteten iFrames ist er ein Script, das du vor dem schließenden </body>-Tag deiner Website einfügst. Er eignet sich für schlankere Integrationen, zum Beispiel, wenn du nur einen kleinen Fahrzeug-Teaser auf deiner Startseite einbinden willst oder eine andere Darstellungsform brauchst.

Code einbinden ​

1
Code kopieren
Öffne Einstellungen > Embedding und klicke auf das Kopier-Icon neben dem iFrame- oder Widget-Code.
2
Code in deine Website einfügen
Den iFrame-Code an die Stelle im HTML, wo der Bestand erscheinen soll. Den Widget-Code vor dem schließenden </body>-Tag.
3
Website veröffentlichen
Speichere die Änderungen auf deiner Website und veröffentliche sie. Dein Bestand ist live.
4
Ergebnis prüfen
Öffne deine Website und kontrolliere, ob der Bestand wie gewünscht angezeigt wird.
Gib den Code an deinen Webmaster
Wenn du deine Website nicht selbst pflegst, schicke den kopierten Code einfach an deinen Webmaster. Er muss ihn nur einmal einbauen - alle weiteren Änderungen an deinem Bestand passieren danach automatisch, ohne dass jemand etwas am Code anfassen muss.

Wie sich der eingebettete Bestand aktualisiert ​

Sobald der Code einmal auf deiner Website steht, ist alles Weitere automatisch:

  • Änderst du deine Preiskalkulation, wirkt sich das sofort auf die eingebettete Ansicht aus.
  • Kommen neue ELN-Fahrzeuge dazu, erscheinen sie (falls sie deinen Regeln entsprechen) automatisch in deinem Bestand.
  • Werden Fahrzeuge nicht mehr angeboten, verschwinden sie auch bei dir.
  • Beim nächsten Datenimport werden auch deine eigenen Inserate (z.B. mobile.de) aktualisiert.

Du musst auf deiner Website nichts anpassen. Der eingebettete Code lädt die Daten jedes Mal frisch aus dem Portal.

Typische Anwendungsfälle ​

"Ich will einfach eine Fahrzeug-Seite auf meiner Website" ​

Nutze den iFrame-Code. Kopiere ihn, lass ihn von deinem Webmaster auf der Seite /fahrzeuge einfügen. Fertig.

"Ich habe schon ein eigenes Layout und will nur einen Bereich einbinden" ​

Nutze den iFrame-Code und platziere ihn innerhalb deines bestehenden Layouts. Der iFrame passt sich in den verfügbaren Bereich ein.

"Ich will einen Teaser mit ein paar Fahrzeugen auf der Startseite" ​

Hierfür ist der Widget-Code die passende Variante.

Fehlersuche ​

Keine Fahrzeuge sichtbar?
Wenn dein eingebetteter Bestand leer ist, liegt es fast immer an der Preiskalkulation. Prüfe unter **Einstellungen > Preiskalkulation** den Bestands-Impact oben auf der Seite - wenn die Zahl "Sichtbar" bei 0 liegt, sperren deine Regeln oder Filter zu viele Fahrzeuge aus.
Alte Preise sichtbar?
Dein Browser (oder der deiner Kunden) kann Inhalte cachen. Lade deine Website mit gedrücktem Shift-Key neu, um sicherzugehen, dass du die aktuelle Version siehst.

Weiterführend ​