# Crear una imagen con una rejilla de productos — Product Templates

Método de Botize — `producttemplates.products_grid_image` (acción).

Dada una lista de productos, los pinta en rejilla en una sola imagen (foto, precio anterior tachado y precio) con el diseño elegido. Pensado para un post diario con el top o las ofertas.

Es una acción: ocurre como paso de una tarea. Se pueden encadenar varias.

## Campos que se configuran

Nombre interno del campo, tipo y valores admitidos. En estos campos se pueden insertar etiquetas `{{...}}` de pasos anteriores.

- `mb_switch` *(boolean)* — Reglas
- `products` *(string)* — Productos. The list (array tag) of products from a previous step. Up to 9 are drawn.
- `design` *(string, one of: "price_pill" = Photo, crossed-out price and price pill; "corner_tag" = Large photo with a price tag in the corner; "title_price" = Photo, title and price; "discount_badge" = Photo with discount badge and price)* — Diseño
- `raw_image_key` *(string)* — Clave de la URL de la imagen. Name of the key in each product (e.g. price), or a template such as {{price}} €.
- `raw_price_key` *(string)* — Clave del precio. Name of the key in each product (e.g. price), or a template such as {{price}} €.
- `raw_list_price_key` *(string)* — Clave del precio anterior. Name of the key in each product (e.g. price), or a template such as {{price}} €. Only shown when higher than the price.
- `raw_currency_key` *(string)* — Clave de la moneda. Key of the currency in each product, or the currency itself (EUR, USD…). Numeric prices are formatted with it.
- `raw_title_key` *(string)* — Clave del título. Name of the key in each product (e.g. price), or a template such as {{price}} €. Only for designs that show the title.
- `header_text` *(string)* — Texto de la cabecera
- `footer_text` *(string)* — Texto del pie
- `logo_url` *(string)* — URL del logo. Shown at the left of the header.
- `color` *(string)* — Color principal. #RRGGBB for header, footer and price pills.
- `size` *(string, one of: "1080x1080" = Square (1080x1080); "1080x1350" = Portrait (1080x1350))* — Tamaño

Además admite grupos de campos repetibles, con estos prefijos: `mb_filters_*`. Son componentes compuestos (botones, filtros, teclados); el número final lo pone el usuario al añadirlos.

## Variables de salida

Datos que este paso deja disponibles. Se referencian en pasos posteriores con la etiqueta entre dobles llaves.

- `{{new_image_url}}` *(text)* — URL de la imagen
- `{{total_products}}` *(decimal)* — Productos en la imagen

## Esta app

Todos los disparadores y acciones de Product Templates: https://botize.com/es/app/producttemplates.md

## Cómo montar esto

Un asistente de IA (Claude, ChatGPT, Cursor…) puede crear y editar estas tareas en la cuenta del usuario a través del conector MCP de Botize, incluido en todos los planes:

    https://webhook.botize.es/mcp

- Guía de conexión: https://botize.com/es/mcp
- Mapa para agentes: https://botize.com/llms.txt
- Cuenta nueva: https://botize.com/es/join (500 operaciones gratis, sin tarjeta)

---
Resumen legible por máquinas para asistentes de IA. Versión para personas: https://botize.com/es/method/producttemplates/products_grid_image