Fahrzeugbilder in Webflow, in CMS-Felder geschrieben, im Designer gebunden, ohne Schlüssel auf der Seite.

Webflow hat keinen Server, den Sie kontrollieren, daher erfolgt die Integration neben der Seite und nicht innerhalb. Lösen Sie Fahrzeuge in einer Automatisierung auf, schreiben Sie die URLs in eine CMS-Sammlung und binden Sie das Feld im Designer wie jedes andere Bild.

LP webflow: hero1
LP webflow: hero2
LP webflow: s1

Benutzerdefinierte Code-Embeds sind der falsche Ort dafür

Ein Embed, das eine API aufruft, setzt Ihren Schlüssel in den Seitenquelltext und lässt jeden Besucher auf einen Drittanbieter warten. Ein CMS-Feld kostet nichts bei der Renderzeit und ist bearbeitbar durch jeden, der die Seite betreibt.

  • Der Schlüssel bleibt in der Automatisierung, niemals auf der Seite
  • Bilder werden aus dem CMS gerendert, ohne eine zusätzliche Anfrage
  • Redakteure sehen ein normales Feld, kein Code-Block

Die Integration, Webflow-Ausgabe

Ein CMS-Feld pro Winkel, eine Automatisierung und der Designer erledigt den Rest.

01
Die CMS-Felder hinzufügen

Ein einfaches Textfeld pro Winkel in Ihrer Fahrzeugsammlung, neben dem VIN oder der Spezifikation, die Sie bereits speichern.

02
In einer Automatisierung auflösen

Make, Zapier oder ein kleines Skript ruft die API auf und schreibt die URLs über die Webflow CMS API zurück.

03
Im Designer binden

Richten Sie ein Bild-Element auf das Feld aus. Webflow rendert es als normales Bild mit Ihrem eigenen Styling.

04
Bei Änderung veröffentlichen

Führen Sie die Automatisierung erneut aus, wenn ein Sammelobjekt hinzugefügt oder dessen Fahrzeugdaten geändert werden, und veröffentlichen Sie dann.

LP webflow: s2

Konsistente Kunstwerke sind hier ein Designvorteil

Webflow-Seiten werden in der Regel von Designern erstellt, die darauf achten, dass ein Raster übereinstimmt. Identische Bildkomposition und Beleuchtung bei jedem Fahrzeug bedeutet, dass die Auflistung der Sammlung absichtlich aussieht, ohne dass jemand etwas nachbearbeitet.

  • Jede Karte sitzt auf derselben Grundlinie
  • Transparente Ausschnitte vor jedem Markenhintergrund
  • Kein Lizenznachweis für Stockfotos

Fahrzeugbilder in Webflow, in der Praxis

Webflow-Projekte stoßen auf Fahrzeugbilder, wenn das Design fertig ist und der Inhalt noch nicht. Die Sammlung hat vierzig Fahrzeuge, das Raster sieht mit Platzhalterkunst perfekt aus und die echten Fotos kommen in sechs verschiedenen Zuschnitten mit Hintergründen, die sich mit der Abschnittsfarbe beißen.

Da Webflow keinen Server hat, muss die Lösung in einer Automatisierung leben, und das stellt sich als Vorteil heraus. Die Auflösung läuft einmal pro Element statt einmal pro Besucher, die Seite selbst bleibt ein statischer Export ohne Drittanbieter-Aufruf darin, und der Designer behandelt das Bild weiterhin als ein Feld, das er frei gestalten kann.

Was Webflow Teams fragen

Kann ich die API aus einem benutzerdefinierten Code-Embed aufrufen?

Das sollten Sie nicht. Der Schlüssel wäre im Quellcode der Seite sichtbar und jeder Besucher würde die Anfrage bezahlen. Lösen Sie stattdessen in einer Automatisierung auf.

Welches Automatisierungstool empfehlen Sie?

Make und Zapier funktionieren beide, und auch ein kleines Skript im Zeitplan. Die einzige Voraussetzung ist ein sicherer Ort, um den Schlüssel zu speichern.

Müssen die Bilder in Webflow hochgeladen werden?

Nein. Speichern Sie die URL in einem Textfeld und binden Sie ein Bild-Element daran. Die Datei bleibt auf unserem CDN und Ihre Asset-Grenzen bleiben unberührt.

Und die Webflow CMS Item Limit?

Unberührt. Sie fügen Felder zu bereits vorhandenen Objekten hinzu, nicht zu neuen Objekten.

Funktioniert das auf einem statischen Export?

Ja. Die URLs sind absolut, sodass eine exportierte Seite sie ohne jede Webflow-Laufzeit weiter rendert.

Wie gehe ich mit einem Fahrzeug ohne Übereinstimmung um?

Die Antwort teilt Ihnen mit, wann ein Fallback verwendet wurde, sodass die Automatisierung das Feld leer lassen und Ihre Designer-Bedingung das Element ausblenden kann.

Auf einem Staging-Projekt ausprobieren

Teilen Sie uns mit, wie Ihre Fahrzeugsammlung strukturiert ist und welche Winkel das Design verwendet. Wir kommen mit URLs und einem Automatisierungsentwurf zurück.

  • Eine CMS-Feldstruktur für Ihre Winkel
  • Größenvarianten für Ihre Raster- und Detail-Layouts
  • Der Testlauf umfasst die gesamte Sammlung
Vielen Dank. Wir haben Ihre Nachricht erhalten und kommen mit Bild-URLs für Ihre Einrichtung zurück.
Da ist etwas schiefgegangen. Bitte versuchen Sie es erneut oder schreiben Sie an info@vehicleimagery.com.

Die Sammlung ausfüllen

Senden Sie uns die Fahrzeuge in Ihrer Sammlung und wir liefern die URLs, bereit zum Einfügen oder Automatisieren in das CMS.

In der Regel am selben Arbeitstag.