Saltar al contenido principal

Crear tu primera página pública

Vamos a construir la carta pública de la Cafetería Aroma en cinco minutos. Asumimos que ya tienes la tabla productos cargada con algunos registros.

No hay que escribir código: la página se arma arrastrando bloques, y lo que ves mientras la armas es la página misma.

Paso 1 — Abre Páginas Web​

Configuración → Páginas Web. De arriba abajo:

  • Páginas creadas — todas tus páginas en tarjetas, más una última punteada para empezar otra. Cada tarjeta trae su botón para verla en el sitio.
  • Los ajustes de la página — título, quién puede entrar, SEO, y si es la portada. El contenido no está acá: se arma en el editor visual.

Paso 2 — Nueva página​

Click en la tarjeta Nueva página (o en el botón del mismo nombre, arriba).

Escribe el Título (Nuestra carta) — es el <title> del navegador y el nombre con que la verás en la lista— y el Nombre del archivo (carta), que es la dirección: tusitio.cl/carta.

Pulsa Crear página.

Paso 3 — Armarla con bloques​

Pulsa Editar visual. Se abre a pantalla completa, con la paleta de elementos a la izquierda y tu página al centro, ya con el menú del sitio arriba y el pie abajo.

Arrastra desde la paleta:

  1. Una Sección de dos columnas.
  2. Un Encabezado con el texto Nuestra carta.
  3. Debajo, una Lista de registros — es el bloque que repite algo por cada fila de tu tabla.

Paso 4 — Conectar la tabla​

En la barra de arriba del editor hay un selector que dice «Página en blanco (sin tabla)». Elige ahí productos.

A la izquierda aparecen los chips de sus columnas. Arrástralos dentro de la Lista de registros: nombre_producto para el título, precio_producto para el precio, imagen_producto para la foto.

Cada chip se convierte en un bloque que muestra ese dato. Cuando alguien visite la página, en lugar del nombre de la columna verá "Café Americano" y "$2.500".

Los datos se ven de verdad mientras editas

El lienzo no dibuja cuadros grises con el nombre del campo: trae registros reales de tu tabla. Si la tabla está vacía, muestra las etiquetas para que se entienda qué va en cada lugar.

Paso 5 — Guardar​

Guardar, arriba a la derecha. La página queda publicada al instante.

Paso 6 — SEO y acceso​

Vuelve a la pantalla de Páginas Web y elige tu página en la lista:

  • SEO y redes sociales — el Meta Title y la Meta Description que salen en Google, y la imagen con que se ve al compartirla en WhatsApp o Facebook.
  • Acceso a la página — Pública (cualquiera la ve) o Privada, que pide iniciar sesión y te deja elegir qué roles o personas entran.

Guardar cambios. Estos ajustes no tocan el contenido que armaste: son dos cosas separadas a propósito.

Ver el resultado​

El botón Ver de su tarjeta la abre en otra pestaña, tal como la ve un visitante.

Y lo mejor: agregar un producto nuevo en el panel lo hace aparecer ahí sin volver a tocar la página.

Si el sitio muestra una versión vieja: Configuración → Apariencia → Purgar caché.

Editar después​

En Páginas creadas, click en su tarjeta: los ajustes se cargan ahí mismo, y Editar visual abre el contenido.

No están en la lista de páginas: son dos botones de la barra de arriba.

  • Header — encabezado que sale en todas las páginas. Ahí va el logo y el menú.
  • Footer — pie que sale en todas. Ahí van los datos de contacto y redes sociales.

Se editan con bloques, igual que una página, y puedes tener más de uno de cada uno decidiendo en qué páginas se muestra. Al guardar aplican inmediatamente.

👉 Header y footer del sitio — la guía completa.

Errores comunes​

  • La página no muestra ningún dato: falta web/config.php. Entra una vez a Configuración → Páginas Web y el sistema lo crea solo. También puedes ejecutar sudo ./setup.sh.
  • Sale "Página no encontrada": verifica que Apache tenga mod_rewrite activado. Sin él, la URL sería tusitio.cl/web/page.php?slug=carta.
  • La Lista de registros sale vacía: falta elegir la tabla en la barra del editor visual, o la tabla no tiene registros.
  • No se ve una imagen: la URL puede estar mal. Ver Las imágenes no se ven.

¿Qué sigue?​