Zum Inhalt springen

VHP Embed Platform · API v1

Sechs Konfiguratoren. Eine geprüfte Datenquelle.

Betten Sie den VHP-Leistungskonfigurator mit einem registrierten Partnerzugang ein. Das kurzlebige Browser-Ticket wird ausschließlich von Ihrem Backend per HMAC angefordert und niemals als API-Geheimnis im Browser behandelt.

POST https://vhphense-performance.de/api/v1/configurator/server-sessions · GET https://vhphense-performance.de/api/v1/configurator/bootstrap mit Bearer-Ticket

Precision Grid

Geführter Vier-Schritt-Workflow mit technischem Ergebnis-Dashboard.

Groß öffnen
Server-POST + iframe
<!-- TOKEN serverseitig per HMAC minten, nie in eine URL schreiben. -->\n<form action="https://vhphense-performance.de/embed/configurator/precision" method="post" target="vhp-configurator-precision"><input type="hidden" name="embed_token" value="{{ SHORT_LIVED_TOKEN }}"></form>\n<iframe name="vhp-configurator-precision" title="VHP Leistungskonfigurator - Precision Grid" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" style="width:100%;height:760px;border:0"></iframe>
Script-Loader
<script src="https://vhphense-performance.de/configurator/embed.js" data-vhp-configurator data-theme="precision" data-vhp-session="{{ SHORT_LIVED_TOKEN }}" async></script>

Motorsport Pitwall

Cockpitartige Auswahl mit Pit-Lane, Telemetrie und Performance-Fokus.

Groß öffnen
Server-POST + iframe
<!-- TOKEN serverseitig per HMAC minten, nie in eine URL schreiben. -->\n<form action="https://vhphense-performance.de/embed/configurator/motorsport" method="post" target="vhp-configurator-motorsport"><input type="hidden" name="embed_token" value="{{ SHORT_LIVED_TOKEN }}"></form>\n<iframe name="vhp-configurator-motorsport" title="VHP Leistungskonfigurator - Motorsport Pitwall" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" style="width:100%;height:820px;border:0"></iframe>
Script-Loader
<script src="https://vhphense-performance.de/configurator/embed.js" data-vhp-configurator data-theme="motorsport" data-vhp-session="{{ SHORT_LIVED_TOKEN }}" async></script>

Performance Atelier

Editorialer Aufbau mit ruhiger Typografie und gestapelten Fahrzeugkarten.

Groß öffnen
Server-POST + iframe
<!-- TOKEN serverseitig per HMAC minten, nie in eine URL schreiben. -->\n<form action="https://vhphense-performance.de/embed/configurator/atelier" method="post" target="vhp-configurator-atelier"><input type="hidden" name="embed_token" value="{{ SHORT_LIVED_TOKEN }}"></form>\n<iframe name="vhp-configurator-atelier" title="VHP Leistungskonfigurator - Performance Atelier" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" style="width:100%;height:860px;border:0"></iframe>
Script-Loader
<script src="https://vhphense-performance.de/configurator/embed.js" data-vhp-configurator data-theme="atelier" data-vhp-session="{{ SHORT_LIVED_TOKEN }}" async></script>

Compact Compare

Dichte Toolbar mit tabellarischem Serien-/Tuning-Vergleich.

Groß öffnen
Server-POST + iframe
<!-- TOKEN serverseitig per HMAC minten, nie in eine URL schreiben. -->\n<form action="https://vhphense-performance.de/embed/configurator/compact" method="post" target="vhp-configurator-compact"><input type="hidden" name="embed_token" value="{{ SHORT_LIVED_TOKEN }}"></form>\n<iframe name="vhp-configurator-compact" title="VHP Leistungskonfigurator - Compact Compare" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" style="width:100%;height:560px;border:0"></iframe>
Script-Loader
<script src="https://vhphense-performance.de/configurator/embed.js" data-vhp-configurator data-theme="compact" data-vhp-session="{{ SHORT_LIVED_TOKEN }}" async></script>

Classic Workshop

Klassischer Werkstatt-Aufbau mit klarer Fahrzeugauswahl und robustem Datenblatt.

Groß öffnen
Server-POST + iframe
<!-- TOKEN serverseitig per HMAC minten, nie in eine URL schreiben. -->\n<form action="https://vhphense-performance.de/embed/configurator/classic" method="post" target="vhp-configurator-classic"><input type="hidden" name="embed_token" value="{{ SHORT_LIVED_TOKEN }}"></form>\n<iframe name="vhp-configurator-classic" title="VHP Leistungskonfigurator - Classic Workshop" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" style="width:100%;height:780px;border:0"></iframe>
Script-Loader
<script src="https://vhphense-performance.de/configurator/embed.js" data-vhp-configurator data-theme="classic" data-vhp-session="{{ SHORT_LIVED_TOKEN }}" async></script>

Slate Cards

Modulares Kartenraster mit schneller Auswahl und kompaktem Leistungsvergleich.

Groß öffnen
Server-POST + iframe
<!-- TOKEN serverseitig per HMAC minten, nie in eine URL schreiben. -->\n<form action="https://vhphense-performance.de/embed/configurator/slate" method="post" target="vhp-configurator-slate"><input type="hidden" name="embed_token" value="{{ SHORT_LIVED_TOKEN }}"></form>\n<iframe name="vhp-configurator-slate" title="VHP Leistungskonfigurator - Slate Cards" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" style="width:100%;height:740px;border:0"></iframe>
Script-Loader
<script src="https://vhphense-performance.de/configurator/embed.js" data-vhp-configurator data-theme="slate" data-vhp-session="{{ SHORT_LIVED_TOKEN }}" async></script>

Exakte Partner-Origins

Es gibt keine Wildcard-Freigabe. Aktivierung, Ablauf, Widerruf, Designs und Quoten werden pro Partner serverseitig geprüft.

Server-Secret bleibt auf dem Server

Der Browser erhält nur ein kurzes, Origin- und Theme-gebundenes Ticket. Das rotierbare HMAC-Secret darf nie in JavaScript, HTML-Repositories oder Mobile-Apps landen.

Automatische Höhe

Der Script-Loader validiert Quelle, Fenster und einen zufälligen Kanal, bevor Resize- oder Selection-Events übernommen werden.