Images de véhicules dans Webflow, écrites dans les champs CMS, liées dans le Designer, sans clé sur le site.

Webflow n'a pas de serveur que vous contrôlez, donc l'intégration se fait à côté du site plutôt qu'à l'intérieur. Résolvez les véhicules dans une automatisation, écrivez les URLs dans une collection CMS, et liez le champ dans le Designer comme toute autre image.

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

Les embeds de code personnalisé ne sont pas le bon endroit pour cela

Un embed qui appelle une API met votre clé dans la source de la page et fait attendre chaque visiteur un tiers. Un champ CMS ne coûte rien au rendu et est modifiable par toute personne gérant le site

  • La clé reste dans l'automatisation, jamais sur le site
  • Les images se rendent à partir du CMS sans requête supplémentaire
  • Les éditeurs voient un champ normal, pas un bloc de code

L'intégration, édition Webflow

Un champ CMS par angle, une automatisation, et le Designer fait le reste.

01
Ajouter les champs CMS

Un champ texte brut par angle sur votre collection de véhicules, à côté du VIN ou de la spécification que vous stockez déjà

02
Résoudre dans une automatisation

Make, Zapier ou un petit script appelle l'API et écrit les URLs de retour via l'API CMS Webflow

03
Lier dans le Designer

Pointez un élément image vers le champ. Webflow le rend comme une image normale avec votre propre style.

04
Publier en cas de modification

Relancez l'automatisation lorsqu'un élément de collection est ajouté ou que les données du véhicule changent, puis publiez.

LP webflow: s2

Un art cohérent est un avantage ici

Les sites Webflow sont généralement construits par des designers qui se soucient de l'alignement d'une grille. Un cadrage et un éclairage identiques sur chaque véhicule font en sorte que la liste de collection semble intentionnelle sans que personne ne retouche quoi que ce soit.

  • Chaque carte repose sur la même ligne de base
  • Découpes transparentes sur tout fond de marque
  • Pas de licence de photo stock à suivre

Images de véhicules dans Webflow, en pratique

Les projets Webflow rencontrent l'imagerie de véhicules au moment où la conception est terminée et le contenu ne l'est pas. La collection compte quarante véhicules, la grille est parfaite avec des œuvres d'art provisoires, et les vraies photos arrivent en six recadrages différents avec des arrière-plans qui se battent avec la couleur de la section.

Comme Webflow n'a pas de serveur, la solution doit vivre dans une automatisation, et il s'avère que c'est un avantage. La résolution s'effectue une fois par élément plutôt qu'une fois par visiteur, le site lui-même reste une exportation statique sans appel tiers, et le Designer continue de traiter l'image comme un champ qu'il peut styliser librement

Ce que les équipes Webflow demandent

Puis-je appeler l'API à partir d'un embed de code personnalisé?

Vous ne devriez pas. La clé serait visible dans la source de la page et chaque visiteur paierait pour la requête. Résolvez dans une automatisation à la place.

Quel outil d'automatisation recommandez-vous?

Make et Zapier fonctionnent tous deux, et un petit script sur un planning fonctionne aussi. La seule exigence est un endroit sûr pour conserver la clé

Les images doivent-elles être téléchargées sur Webflow?

Non. Stockez l'URL dans un champ de texte brut et liez un élément image à celui-ci. Le fichier reste sur notre CDN et vos limites d'actifs restent intactes.

Et la limite d'éléments CMS de Webflow?

Non affecté. Vous ajoutez des champs à des éléments que vous possédez déjà, pas de nouveaux éléments.

Cela fonctionne-t-il sur une exportation statique?

Oui. Les URLs sont absolues, donc un site exporté continue de les afficher sans aucun runtime Webflow.

Comment gérer un véhicule sans correspondance?

La réponse vous indique lorsqu'un substitut a été utilisé, donc l'automatisation peut laisser le champ vide et votre conditionnel Designer peut masquer l'élément.

Essayez-le sur un projet de mise en scène

Dites-nous comment votre collection de véhicules est structurée et quels angles la conception utilise. Nous revenons avec des URLs et un plan d'automatisation.

  • Une structure de champ CMS pour vos angles
  • Variantes de taille pour vos mises en page de grille et de détail
  • L'essai couvre toute la collection
Merci. Nous avons votre message et reviendrons avec des URL d'images pour votre configuration.
Une erreur est survenue. Réessayez ou écrivez à info@vehicleimagery.com.

Remplir la collection

Envoyez-nous les véhicules de votre collection et nous vous renvoyons les URLs, prêtes à être collées ou automatisées dans le CMS.

Généralement le jour ouvré suivant.