La sección “Tablas” es una herramienta versátil para presentar información estructurada en tu sitio web. Ahora puedes crear fácilmente horarios, listas de precios, comparaciones de productos, programas de eventos y mucho más, directamente en el constructor de MaviBot, sin necesidad de programación ni integraciones de terceros.
Con esta sección, puedes:
- agregar cualquier número de filas y columnas;
- formatear los encabezados de la tabla;
- insertar botones y enlaces directamente en las celdas;
- personalizar la alineación, el espaciado y los colores.
Las funciones adicionales incluyen estilo de filas, colores alternos de filas y diseño adaptable para dispositivos móviles.
Este enfoque es ideal para:
- horarios de talleres o eventos;
- tablas de precios de servicios o productos;
- gráficos de comparación de productos;
- datos de contacto de sucursales;
- y muchos otros casos de uso.
Creación de Tablas
Para crear una tabla, ve al editor de la página del sitio web. Busca y haz clic en el botón “+” para agregar una nueva sección.
A continuación, en el menú que aparece en el lado derecho de la pantalla, busca y haz clic en el botón “Tabla” para agregar la sección a la página.
El constructor incluye una plantilla de tabla con campos prellenados, por lo que la tabla aparecerá de la siguiente manera al agregarse:
Se abrirá un menú con la configuración del contenido de la tabla en el lado derecho.
Contenido de la Sección
El contenido se edita dentro de la sección utilizando configuraciones simples e intuitivas.
Los títulos de las columnas se ingresan en el campo “Encabezado de la tabla”, separados por punto y coma.
El contenido de la tabla se edita FILA por FILA, con cada valor de celda en una fila separado por punto y coma.
Cada fila subsiguiente de la tabla comienza en una nueva línea. Los anchos de las columnas también se especifican usando punto y coma.
Cómo agregar un botón o enlace a una tabla
Para agregar un botón a una celda de la tabla, ingresa Nombre del botón button=https://mavibot.ai en la fila de la celda (sin comillas).
Para agregar un hipervínculo incrustado en una palabra o frase, ingresa lo siguiente en la fila de la tabla:
Frase a enlazar link=https://mavibot.ai (sin comillas).
Configuración de la Sección
Para acceder a la configuración de la sección, pasa el cursor sobre “Tablas” y haz clic en el botón correspondiente “Configuración”.
Aquí verás la configuración de fuente, color y bordes de la tabla.
Puedes elegir el color para las filas pares e impares, establecer el color de fondo de la tabla y personalizar el color de los botones agregados a las celdas de la tabla.
Aquí están las casillas de verificación para alinear los bordes y los valores dentro de la columna.
-
Ocultar bordes verticales
Cuando esta casilla está habilitada, la tabla no tendrá bordes verticales. Si desactivas la casilla, aparecerán líneas verticales entre las columnas.
-
Ocultar borde superior
Si esta casilla está habilitada, el borde superior se ocultará. Cuando la casilla está deshabilitada, el borde superior aparecerá encima del encabezado de la tabla.
-
No aplicar alineación a la primera columna
Por defecto, esta casilla está habilitada. Si la deshabilitas, la primera columna se alineará según la alineación general de la tabla.
Configuración global de fuente, fondo y visualización
Cada bloque tiene configuraciones universales para fuentes, fondo y visualización; estas configuraciones son consistentes en diferentes bloques.
De manera similar, la sección “Tablas” (bloque) admite varias configuraciones: puedes elegir o cargar fuentes personalizadas, ajustar el tamaño y estilo de la fuente, establecer un fondo para la sección, así como configurar el ancho del contenido y el rango de visibilidad en todos los dispositivos.
Para más detalles sobre la configuración de fuente, fondo y visualización, consulta el artículo "Configuración global de secciones"