El Page Builder es el nuevo editor visual de páginas para tu tienda online en Mercat. Te permite crear, maquetar y personalizar tus páginas sin necesidad de saber programar, simplemente arrastrando bloques y configurándolos a tu gusto de manera intuitiva.
Con esta nueva herramienta vas a poder diseñar la identidad digital de tu restaurante con total autonomía y flexibilidad.
🚀 ¿Qué puedes hacer con el Page Builder?
Crear páginas personalizadas: Diseña tu Home, landings de campañas o secciones informativas desde cero.
Adaptar tu marca: Personaliza fuentes, colores de fondo, logotipos e imágenes institucionales de tu restaurante.
Preview en vivo: Visualiza los cambios en tiempo real para pantallas de celular y computadora.
Respaldos automáticos: Guarda con tranquilidad y vuelve a cualquier versión anterior con un solo clic.
🗂️ Conoce los 16 bloques disponibles
Para armar tu sitio, cuentas con 16 bloques organizados en 4 grandes categorías que puedes arrastrar directamente al canvas de edición:
🔵 Contenido (7 bloques)
Los elementos más versátiles para dar estructura e interactividad a tus textos.
Hero: Estructura de impacto que combina una imagen de fondo, un título principal y un botón de llamada a la acción (CTA).
Título: Añade encabezados jerárquicos ordenados desde H1 hasta H6.
Texto: Módulo básico para insertar un párrafo libre.
Texto enriquecido: Editor avanzado para aplicar formatos de estilo (negritas, listas numeradas, viñetas, etc.).
Botón: Enlace externo o interno con estilo y diseño de botón interactivo.
Cifras: Destaca métricas o números clave acompañados de una etiqueta descriptiva.
Tarjeta: Recuadro compuesto por imagen, título, descripción corta y un enlace.
🟢 Tienda (4 bloques)
Módulos comerciales que cargan y sincronizan automáticamente la información desde el backend de tu restaurante.
Menú: Despliega tu carta completa de productos de forma automática.
Grilla de categorías: Organiza de forma visual las secciones de tu menú en cuadrículas.
Carrusel de tiendas: Muestra tus distintas sucursales e integra mapas de ubicación.
Banner: Espacio deslizable y dinámico para promociones destacadas.
🟣 Multimedia (2 bloques)
Elementos interactivos para enriquecer la experiencia visual del usuario.
Video incrustado: Integra reproductores de YouTube con sus respectivos controles nativos.
Iframe: Permite embeber contenidos externos como formularios personalizados o mapas detallados.
🟠 Diseño (3 bloques)
Herramientas estructurales para organizar el layout y los espaciados de tu página.
Espacio: Funciona como un separador vertical para darle aire y legibilidad al diseño.
Grilla: Divide el espacio y organiza el contenido en columnas (desde 1 hasta 4).
Fila: Permite alinear y agrupar diferentes bloques de forma horizontal.
✨Importante:
Header y Footer son automáticos, no necesitas agregarlos como bloques. Siempre aparecen en la página y se configuran desde el panel derecho cuando no hay bloque seleccionado.
Artículos relacionados 🥑:
Ten presente que cualquier duda nos puedes escribir a nuestro chat para un contacto directo desde el KDS o CC haciendo clic en el siguiente icono:
¡Estaremos felices de ayudarte!
