Cómo crear un minisitio web para sus menús (estilo Mosaico)

Un mini sitio web (Collection) puede mostrarse con uno de dos diseños: Clásico, el diseño de pestañas que se usa por defecto, o Mosaico, que presenta cada menú y cada enlace como una tarjeta ilustrada en una sola página con desplazamiento. Este artículo trata los ajustes propios del diseño Mosaico. Para todo lo demás sobre la creación y personalización de un mini sitio web, consulta el artículo principal sobre cómo crear un mini sitio web.

ℹ️ El diseño Mosaico requiere que el módulo Gestión de integraciones esté activado en la cuenta.

Un mini sitio web creado con Mosaico puede incluir dos tipos de tarjetas: tarjetas de menú, generadas a partir de los enlaces de integración, y tarjetas personalizadas, generadas a partir de enlaces externos como "Reservar una mesa" o "Pedir online". Ambas se explican en este artículo.

Cambiar un mini sitio web al diseño Mosaico

Ve a la pantalla Collections y abre el mini sitio web que quieres modificar.
Busca el ajuste Design > Layout.
Cambia a Mosaico (el ajuste por defecto es Clásico).

Al seleccionar Mosaico siempre se aplica la plantilla de mosaico al mini sitio web, sin importar qué diseño esté definido por defecto para la cuenta. Cada mini sitio web puede cambiarse de forma independiente de los demás.

Qué define el aspecto Mosaico

El ajuste que define de forma más visible el diseño Mosaico es el color de fondo de la cabecera (por defecto #262D45 ), que colorea la franja detrás del título y del texto de introducción del mini sitio web. Se ajusta desde los mismos parámetros de diseño que se usan para personalizar un mini sitio web en Clásico.

enlace de Collection/mini sitio web CON una imagen de fondo en la cabecera

enlace de Collection/mini sitio web SIN una imagen de fondo en la cabecera

Personalizar el aspecto de una tarjeta de menú

Cada tarjeta de menú toma su aspecto de su enlace de integración, no del mini sitio web en el que aparece. Esto significa que:

Los ajustes de la tarjeta se configuran una sola vez, directamente en el enlace de integración.
Si el mismo enlace de integración se añade a varios mini sitios web, mantiene el mismo aspecto de tarjeta en todos ellos.
Los colores de la tarjeta no heredan los colores de los botones del mini sitio web; se definen de forma independiente.

En un enlace de integración se puede personalizar:

Color de fondo (por defecto #E5F5FD )
Color del texto (por defecto #262D45 )
Imagen de la tarjeta, que se muestra encima del título de la tarjeta. La altura y el ancho máximos disponibles para esta imagen están limitados por los ajustes de imagen del mini sitio web, así que una imagen muy grande puede reducirse para ajustarse.

Los propios ajustes del mini sitio web también controlan si se muestran o no las imágenes de las tarjetas, y el tamaño máximo con el que se muestran; esto se aplica a todas las tarjetas de ese mini sitio web.

Elegir qué tarjeta se abre primero

Igual que en el diseño Clásico, un enlace de integración puede definirse como el enlace principal del mini sitio web. Los visitantes son dirigidos automáticamente a ese menú al abrir el mini sitio web, antes de recorrer el resto de tarjetas

Destacar un enlace personalizado como tarjeta de llamada a la acción

Un enlace personalizado añadido a un mini sitio web (por ejemplo, "Reservar una mesa" o "Pedir online") también puede mostrarse como tarjeta activando su opción de destacado. Un enlace personalizado destacado tiene sus propios ajustes, distintos de los de las tarjetas de menú:

Color de fondo y color del texto, definidos de forma individual para ese enlace.
Forma y grosor de la fuente, tomados de los ajustes de botones destacados del mini sitio web.