Saltar al contenido principal

Cómo funciona el generador de páginas

Ya tienes tus tablas cargadas. Ahora quieres mostrarlas al público — un catálogo, un directorio, una landing. El generador de páginas hace exactamente eso: si mañana cambias el precio de un producto en el panel, la página pública lo muestra actualizado.

Está en Configuración → Páginas Web. Cada página que crees queda disponible en tusitio.cl/nombre-de-la-pagina.

La idea central​

Escribes tu HTML (o el generador te ayuda con botones) y le insertas datos de tus tablas. Cuando alguien visita la página, en vez de {{nombre_producto}} ve "Café Americano", y en vez de {{money precio_producto}} ve "$2.500".

Tipos de página que puedes crear​

Al crear una página eliges entre:

  • Con datos de una tabla — la página se conecta a un módulo (por ejemplo, productos) y usa sus datos.
  • Página en blanco (HTML/CSS/JS) — HTML libre sin datos, para landings estáticas, términos y condiciones, contacto.

Vista previa en vivo​

Mientras editas, ves la página renderizada a la derecha con datos reales. Cambias el HTML, la vista previa se actualiza al instante.

Páginas ya creadas + Header + Footer​

A la izquierda del editor tienes:

  • Lista de páginas creadas — click para editar.
  • Header y Footer — dos elementos fijos que se editan igual que una página y salen en todas. Ahí va tu menú de navegación y datos de contacto.

Etiquetas del generador​

EtiquetaQué hace
{{nombre_producto}}Muestra el valor de esa columna
{{money precio_producto}}Lo formatea como dinero: $4.500
{{fecha fecha_visita}}Fecha en formato legible
{{img imagen_producto}}La dirección de la imagen, para usar en un <img src="">
{{#cada}} ... {{/cada}}Repite el bloque una vez por registro
{{#si activo_producto}} ... {{/si}}Muestra el bloque solo si el campo tiene valor
{{#imagenes fotos_x}} ... {{/imagenes}}Recorre una galería multi-imagen
{{#form}} ... {{/form}}Formulario que crea un registro en la tabla asociada

Ver Insertar datos de tus tablas para cada una con ejemplos.

Chips inteligentes​

Al elegir una tabla en el generador, cada columna aparece como un chip clickeable. Un clic inserta la etiqueta correcta donde tengas el cursor. No hay que memorizar sintaxis.

Editores de código con autocompletado​

Los campos HTML, CSS y JavaScript usan editores CodeMirror: resaltado de sintaxis, números de línea, auto-cierre de etiquetas, autocompletado con Ctrl + Espacio.

Cómo se ve el resultado​

Las páginas creadas quedan en web/pages/<nombre>.php y las sirve Apache directamente. Con mod_rewrite (viene configurado) las URLs quedan limpias: tusitio.cl/carta, no tusitio.cl/web/page.php?slug=carta.

Requisitos​

  • Debe existir web/config.php con la URL de la API. Se crea solo la primera vez que entras a Páginas Web (o con sudo ./setup.sh).
  • La carpeta web/pages/ debe tener permisos de escritura.

Si el sitio muestra datos viejos​

Cuando editas una página, los cambios se aplican al instante. Pero si activaste caché de página, puede tardar unos segundos hasta la próxima regeneración.

Solución inmediata: ve a Configuración → Apariencia y presiona Purgar caché. El sitio público vuelve a leer los datos frescos.

¿Qué sigue?​