Componentes
Imagen principal
El componente de página principal se muestra en la parte superior de la pantalla de inicio e incluye una imagen de fondo amplia, con una única llamada a la acción clara.
Para que este componente se agregue a la pantalla de inicio, se requiere lo siguiente:
| Atributo | Descripción | Tipo | Valor de ejemplo | Localizable |
|
Imagen de fondo |
Imagen que se muestra para la imagen principal. Resolución de 375 x 555 o superior con la misma relación de aspecto |
URL (imagen) |
https://www.google.com | Sí |
|
Color de fondo del botón |
Color de fondo del botón de llamada a la acción (sin presionar) |
HEX color |
# 00112233 |
No |
|
Color de fondo del botón presionado |
Color de fondo del botón de llamada a la acción cuando lo presiona el usuario |
HEX color |
# 00112233 |
No |
|
Color del texto del botón |
Color del texto del botón |
HEX color |
# 00112233 |
No |
|
Color del texto del botón presionado |
Color del texto del botón cuando lo presiona el usuario |
HEX color |
# 00112233 |
No |
|
Etiqueta del botón |
Texto que se muestra en el botón |
Texto |
Order now |
Sí |
|
Acción |
Acción que debe activarse cuando el usuario toca el botón |
Acción (consulta la siguiente tabla) |
Order | No |
Large image list
El componente Large image list (lista de imágenes amplias) se puede utilizar para mostrar diferentes tipos de contenido (consulta la tabla que figura a continuación).
Incluye un encabezado y una lista de artículos.
El encabezado puede incluir un enlace si se muestra un tipo de contenido predeterminado en el componente. Dicho enlace no es compatible con artículos personalizados.
Para que este componente se agregue a la pantalla de inicio, se requiere lo siguiente:
| Atributo | Descripción | Tipo | Valor de ejemplo | Localizable |
|
Título del encabezado |
Texto mostrado en el encabezado. Si está vacío, el encabezado no se mostrará |
Texto | Cupones | Sí |
|
Enlace del encabezado |
Texto que se muestra en el enlace del encabezado. Si está vacío, el enlace del encabezado no se mostrará |
Texto |
Ver todo |
Sí |
|
Imagen visible |
Si se debe mostrar una imagen para cada artículo del componente |
Sí/No |
Sí | No |
|
Título visible |
Si se debe mostrar un título para cada artículo del componente |
Sí/No |
Sí | No |
|
Descripción visible |
Si se debe mostrar una descripción para cada artículo del componente |
Sí/No |
Sí | No |
|
Contenido |
Tipo de contenido que debe mostrarse en el componente |
Contenido (consulta la tabla que figura a continuación) |
Copones | Sí |
A continuación, se muestran algunos ejemplos del componente:
|
|
Se configuran el título y el enlace del encabezado Imagen visible Título visible Descripción no visible Tipo de contenido predeterminado (News/Coupons) |
 |
|
|
Se configuran el título y el enlace del encabezado Imagen visible Título visible Descripción no visible Tipo de contenido predeterminado (Rewards/Promotions) |
 |
|
|
Se configuran el título y el enlace del encabezado Imagen visible Título no visible Descripción no visible Tipo de contenido de noticias |
|
|
Se configuran el título y el enlace del encabezado Imagen visible Título no visible Descripción no visible Artículo personalizado con imagen y acción definidas |
Small Image List
El componente Small Image List se puede utilizar para mostrar diferentes tipos de contenido (consulta la tabla que figura a continuación).
Incluye un encabezado y una lista de artículos.
El encabezado puede incluir un enlace si se muestra un tipo de contenido predeterminado en el componente. Dicho enlace no es compatible con artículos personalizados.
Para que este componente se agregue a la pantalla de inicio, se requiere lo siguiente:
| Atributo | Descripción | Tipo | Valor de ejemplo | Localizable |
|
Título del encabezado |
Texto mostrado en el encabezado. Si está vacío, el encabezado no se mostrará |
Texto |
Noticias |
Sí |
|
Enlace del encabezado |
Texto que se muestra en el enlace del encabezado. Si está vacío, el enlace del encabezado no se mostrará |
Texto |
Ver todo |
Sí |
|
Imagen visible |
Si se debe mostrar una imagen para cada artículo del componente |
Sí/No |
Sí | No |
|
Título visible |
Si se debe mostrar un título para cada artículo del componente |
Sí/No |
Sí | No |
|
Descripción visible |
Si se debe mostrar una descripción para cada artículo del componente |
Sí/No |
Sí | No |
|
Contenido |
Tipo de contenido que debe mostrarse en el componente |
Contenido (consulta la tabla que figura a continuación) |
News | Sí |
A continuación, se muestran algunos ejemplos de este componente:
|
|
Se configuran el título y el enlace del encabezado Imagen visible Título visible Descripción no visible Tipo de contenido predeterminado (News/Coupons) |
 |
|
|
Se configuran el título y el enlace del encabezado Imagen visible Título visible Descripción visible Tipo de contenido predeterminado (Rewards/Promotions/Nearby) |
 |
 |
|
|
Se configuran el título y el enlace del encabezado Imagen visible Título no visible Descripción no visible Tipo de contenido de cupones |
|
|
Se configuran el título y el enlace del encabezado Imagen visible Título no visible Descripción no visible Artículo personalizado con imagen y acción definidas |
Lista de lugares
El componente Venue (Establecimiento) muestra al usuario una lista de establecimientos cercanos.
Para que este componente se agregue a la pantalla de inicio, se requiere lo siguiente:
| Atributo | Descripción | Tipo | Valor de ejemplo | Localizable |
|
Título del encabezado |
Texto mostrado en el encabezado. Si está vacío, el encabezado no se mostrará |
Texto | Cercano | Sí |
|
Enlace del encabezado |
Texto que se muestra en el enlace del encabezado. Si está vacío, el enlace del encabezado no se mostrará |
Texto |
Ver todo |
Sí |
|
Nombre del establecimiento visible |
Si se debe mostrar el nombre del establecimiento para cada establecimiento en el componente |
Sí/No |
Sí | No |
|
Distancia visible |
Si se debe mostrar la distancia para cada establecimiento en el componente |
Sí/No |
Sí | No |
|
Dirección y horario de apertura visible |
Si la dirección y el horario de apertura deben mostrarse para cada establecimiento en el componente |
Sí/No |
Sí | No |
|
Etiqueta ORDER WITH APP (PEDIR CON LA APP) visible |
Si la etiqueta ORDER WITH APP es visible para todos los establecimientos en el componente |
Sí/No |
Sí | No |
Aquí hay un ejemplo de este componente:
Text view
El componente Text view (Vista de texto) te permite mostrar un título, texto (información) y un enlace con una acción.
Para que este componente se agregue a la pantalla de inicio, se requiere lo siguiente:
| Atributo | Descripción | Tipo | Valor de ejemplo | Localizable |
| Título |
Texto del título que se debe mostrar |
Texto |
Restricciones debido al COVID-19 |
Sí |
| Información |
Texto de la información que se debe mostrar |
Texto |
Durante este tiempo sin precedentes de restricciones debido al COVID-19, solo aceptamos pedidos para llevar y con entrega a domicilio |
Sí |
| Enlace |
Texto del enlace que se debe mostrar |
Texto |
Más información |
Sí |
|
Acción del enlace |
Acción que debe activarse cuando el usuario toca el enlace |
Acción |
URL (https://google.com) en el navegador de la app |
Sí |
Ejemplos:
 |
Se configuran el título y la información |
| Se configuran el título y el enlace | |
 |
Solo se configura el título |
 |
Se configuran la información y el enlace |
Definiciones
Acciones
| Opción | Descripción | Se puede abrir en | Notas |
| News (Noticias) |
Abre la lista de artículos de noticias |
N/A |
|
| Order (Pedido) |
Abre la pestaña Orden |
N/A |
|
| Rewards (Recompensas) |
Abre la pestaña Rewards |
N/A |
|
| Coupons (Cupones) |
Abre la pestaña Coupons |
N/A |
|
| Promotions (Promociones) |
Abre la pantalla de Promotions |
N/A |
|
| Venues (Establecimientos) |
Abre la pantalla de la lista del buscador de tiendas |
N/A |
No disponible para el componente de página principal |
|
Custom URL (URL personalizada) |
URL |
Navegador externo (Safari/Chrome) |
Tipos de contenido predeterminado
| Opción | Descripción |
| News |
Lista de artículos de noticias configurados en CMS |
| Coupons |
Lista de cupones que están disponibles para el usuario |
| Rewards |
Lista de recompensas que están configuradas en CMS |
| Promotions |
Lista de promociones disponibles para el usuario o el dispositivo. Si el usuario no ha iniciado sesión, se muestra un elemento para pedirle que se registre o inicie sesión |
| Venues |
Indica que se le mostrará al usuario una lista de los establecimientos más cercanos |
Contenido personalizado
Compatible con Big Image List y Small Image List
| Atributo | Descripción | Tipo | Valor de ejemplo |
| Imagen | Imagen deseada que se presentará dentro del artículo La imagen debe tener una relación de aspecto de 3:2 |
URL u otro recurso de imagen |
www.google.com |
| Título |
Título deseado que se presentará dentro del componente del artículo |
Texto |
¡Les damos la bienvenida al nuevo establecimiento! |
| Descripción |
Descripción deseada que se presentará dentro del componente del artículo |
Texto |
El establecimiento más nuevo de la ciudad. ¡Visítenlo! |
| Acción |
Acción personalizada que se proporcionará cuando se haga clic en el artículo |
URL | www.google.com |
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.