Dieses Widget ermöglicht es das jeweils beste Angebot für mehrere SeriesIds einer bestimmten Finanzierungsform auszugeben.
Demo des Widgets
Hinweise zum Widget. Es wird nativ als JS Widget eingebunden. Damit wird die Farbe der Links und Schriftart von der Seite geerbt wo es eingebunden ist. Das Widget
Das Widget wird mit folgendem Code eingebunden:
<div class="mvd_offer_makes_models" data-offer-type="vehicle-leasing-offers" data-customer-groups="gewerbe" data-makes-models="dacia-spring,volvo-xc40,cupra-born" data-fuel-types="electric" data-search-url="https://widgets-doc.mivodo.com/such-widget/" data-partner-id="1" data-brand-color="27a209"></div>
<script src="https://widgets.mivodo.com/widgets/offer-for-make-models/widget.js"></script>Dabei wird das Widget in alle Divs mit der class mvd_offer_makes_models gesetzt. Es werden jeweils die data-attributes des divs ausgelesen, um das Widget zu rendern. Wenn dieses div nicht vorhanden ist, wird das Widget nicht ausgegeben.
Das Widget passt sich an das HTML der aktuellen Seite an, womit es Schriftart, Farben usw. übernimmt. Sollte es hier zu Problemen führen, können wir weitere Styles zum überschreiben des Aussehens definieren.
Sollte es zu Darstellungsproblemen kommen, weil bestimmte Styles von uns vor definiert werden sollen im widget, kontaktiere uns.
Konfiguration der Data-Attributes
Jedes data-attribute spielt eine spezifische Rolle in der Funktionsweise des Widgets:
data-offer-type: Gibt die Art des Angebots an (z.B.vehicle-leasing-offers, vehicle-subscription-offers, vehicle-buy-offers)data-makes-models: Die Fahrzeugmarken und -modelle, für die Angebote angezeigt werden sollen, durch Kommas getrennt (z.B.mercedes-benz,audi).data-search-url: URL der Suche wohin das Widget verweisen solldata-partner-id: Eine eindeutige ID, die den Partner identifiziert, der das Widget verwendet.data-customer-groups: Optional: Kundengruppen, für die das Angebot gelten soll (privat oder gewerbe).- data-vehicle-conditions: Optional: Fahrzeugzustand new oder used
data-brand-color:Optional: Hexcode der Akzentfarbe eurer Marke !ohne! # zB 27a209 ohne bleibt das Widget in den Text Grautönen und ist weniger auffällig
Die Slugs für die Makes Modells können aus dem Such Widget gezogen werden: https://widgets.mivodo.com/widget-suche/
