Imágenes de vehículos en Shopify, escritas en metafields, renderizadas desde Liquid, con la clave nunca saliendo de tu app.

Shopify te da un lenguaje de plantilla y no tienes tu propio servidor, lo que decide la forma de esta integración. Resuelve vehículos en una app o un trabajo programado, almacena las URLs como metafields y deja que Liquid las renderice como cualquier otro campo.

LP shopify: hero1
LP shopify: hero2
LP shopify: s1

Liquid debe leer, no buscar

Liquid se renderiza en el momento de la solicitud y no tiene un lugar seguro para un secreto. Resuelva con antelación y guarde el resultado en el producto, para que la tienda lea un metafield en lugar de llamar a algo.

  • La clave de la API se queda dentro de tu app o ejecutor de trabajos.
  • El rendimiento de la tienda cuesta una lectura de metafield.
  • Sin JavaScript de la tienda y sin scripts de terceros

La integración, edición Shopify

Resuelve fuera de la tienda, almacena en el producto, renderiza desde el tema.

01
Defina los metafields

Un espacio de nombres, un campo por cada ángulo que renderices. La especificación del vehículo o el VIN generalmente ya está en el producto.

02
Resuelve en un trabajo.

Un trabajo programado o una aplicación privada resuelve cada producto y escribe las URLs de nuevo a través de la API de administración.

03
Renderiza desde Liquid.

La plantilla genera una etiqueta img directamente desde el metafield, con el ancho que tu sección renderiza.

04
Actualiza con cambios en el catálogo.

Re-resuelve cuando se crea un producto o cambian sus datos del vehículo, no por un temporizador.

LP shopify: s2

Los catálogos de ajuste obtienen arte consistente

Las tiendas que venden piezas por ajuste de vehículo necesitan una imagen del vehículo, no de la pieza. La imagen resuelta da a cada entrada de ajuste el mismo encuadre, lo que hace que una página de colección filtrada se lea como un solo catálogo.

  • Ángulo e iluminación idénticos en cada ajuste
  • Los recortes transparentes se sitúan sobre cualquier fondo de sección
  • Los nuevos años de modelo aparecen sin una sesión de fotos

Imágenes de vehículos en Shopify, en la práctica

El instinto en Shopify es recurrir a un script de tienda, porque es donde los temas suelen colocar cualquier cosa dinámica. Para imágenes de vehículos, eso es un mal cambio: coloca una clave en un lugar público, añade una solicitud de bloqueo de renderizado a cada página de colección y te deja depurando un tema en lugar de una tarea.

Escribir URLs en metafields mueve todo el trabajo fuera del camino crítico. La resolución ocurre cuando cambia el catálogo, lo cual es raro, y la tienda hace lo que sabe hacer, que es renderizar campos en una plantilla. Las páginas de colección se mantienen rápidas, y el tema sigue siendo algo que un comerciante puede editar.

Lo que preguntan los equipos de Shopify

¿Tienen una aplicación de Shopify en la tienda de aplicaciones?

No actualmente. La mayoría de los comerciantes ejecutan una aplicación privada o un trabajo programado contra la API de administración, lo que mantiene la integración bajo su propio control.

¿Puedo llamar a la API desde Liquid?

No, y no querría hacerlo. Liquid no tiene una manera segura de mantener un secreto. Resuelva con antelación y guarde las URLs como metafields.

¿Dónde van las URLs?

En los metafields del producto, uno por cada ángulo que renderice. El tema los lee exactamente como cualquier otro campo del producto.

¿Qué hay de las transformaciones de imágenes de Shopify?

Se aplican a los archivos en Shopify. Nuestras URLs ya llevan parámetros de ancho y formato, así que solicita el tamaño que necesites directamente.

¿Esto funciona para tiendas de repuestos y ajuste?

Sí, y es un caso común. La imagen del vehículo ilustra la instalación mientras que el producto sigue siendo la pieza.

¿Con qué frecuencia debe ejecutarse el trabajo?

Cuando cambian los productos. Un pase nocturno sobre los productos nuevos y actualizados es suficiente para la mayoría de los catálogos.

Prueba en una tienda de desarrollo

Dinos cómo están los datos del vehículo en tus productos y qué secciones muestran imágenes. Te devolvemos las URLs resueltas y un plan de metafields.

  • Una estructura de metafield para sus ángulos
  • Variantes de tamaño para tus secciones de tema.
  • La prueba cubre un pase completo del catálogo
Gracias. Tenemos tu mensaje y te responderemos con URLs de imágenes para tu configuración.
Algo ha salido mal. Inténtelo de nuevo o escriba a info@vehicleimagery.com.

Rellene los metafields

Envíanos una muestra de tus datos de producto y te mostramos las URLs resueltas para ellos, listas para escribir.

Generalmente el mismo día hábil.