Saltar al contenido

Banners de ecommerce que parecen reales

El lorem ipsum de los banners de ecommerce. Pega una dirección en tu <img> y tu maqueta deja de parecer un wireframe.

Gratissin cuenta
Banner de ejemplo del rubro ofertas, variación 1
https://assets.ebanner.me/b/tipografico/hero.png
  • Ofertas
  • Moda
  • Ferretería
  • Supermercado
  • Electro
  • Casa y decoración
  • 35 campañas
  • 13 composiciones
  • 7 medidas
  • PNG, WebP, AVIF, JPG y SVG

Campañas listas para editar

Cada pieza es una dirección. Ábrela en el editor, cambia el texto y los precios, y llévatela en PNG, WebP o SVG.

Una dirección, tres partes

No hay SDK ni cuenta. Todo lo que define la imagen viaja en el link: compartir el editor y compartir la imagen es la misma dirección.

El modelo
/b/electro/
Qué composición dibuja la pieza: oferta, ficha de producto, mosaico, moda, mercado y seis más.
La medida y el formato
hero.png
Un alias del catálogo o la medida escrita a mano, como 1440x420. PNG, WebP, JPG o SVG.
Los parámetros
?t1=Tu música&off=30
Titular, bajada, botón, sello, precio, descuento, rubro y colores. Todos opcionales.

Total$0

assets.ebanner.me/b/electro/hero.png?t1=Tu música&off=30

Pégala donde la necesites

Funciona en cualquier lugar que acepte una imagen por URL: una maqueta en HTML, un prototipo en Figma o el slider de un tema VTEX antes de que llegue el arte final.

En HTML
<img
  src="https://assets.ebanner.me/b/electro/hero.png?t1=Tu%20música&off=30"
  width="1920" height="600" alt="Banner de prueba">
En un tema VTEX, store/blocks.json
"list-context.image-list#hero": {
  "children": ["slider-layout#hero"],
  "props": {
    "images": [{
      "image": "https://assets.ebanner.me/b/electro/hero.png",
      "mobileImage": "https://assets.ebanner.me/b/electro/hero-mobile.png",
      "description": "Banner de prueba"
    }]
  }
}

Las medidas de una tienda

Slider, cabecera de categoría, mosaico, barra de anuncio e imagen para compartir: 7 medidas en 13 composiciones y 6 rubros. Si tu tema usa otra, escríbela en la URL, hasta 4000 px por lado.

Dibujadas a escala. VTEX no publica medidas de banner: las decide el tema de cada tienda.

La letra chica, en grande

Lo que conviene saber antes de pegar la primera dirección.

¿Puedo usar estas imágenes en mi tienda publicada?

No es la idea. Son para maquetas, prototipos y presentaciones: se generan al vuelo y no tienen garantía de disponibilidad. Cuando llegue el arte final, reemplaza la dirección.

¿La misma dirección devuelve siempre la misma imagen?

Sí, byte por byte. Por eso la imagen se guarda en caché y carga rápido. Para otra versión de la misma pieza, cambia el parámetro seed.

¿Qué pasa si mi texto no cabe?

No lo cortamos ni lo escondemos. La imagen muestra qué campo no entra y el editor no deja descargarla hasta que lo ajustes.

¿Los precios y las condiciones son reales?

No. Los de las campañas de ejemplo son ficticios, y cuando escribes tu propio texto no inventamos precios, cuotas, envíos ni stock para rellenar.

¿Necesito una cuenta?

No. No hay registro ni cookies: todo lo que define la pieza vive en la dirección.

Tu próxima maqueta empieza con una URL