> ## Documentation Index > Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Crea tu sitio web desde cero > Planifica, construye y publica un sitio web desde una página en blanco con el creador de sitios de Chateea. Empezar un sitio web con la página en blanco puede intimidar, pero con un plan claro y el creador de sitios de Chateea puedes pasar de la idea a un sitio publicado en poco tiempo. En esta guía planificas tu sitio, creas la página de inicio, agregas más páginas, montas el menú y el pie de página, y lo publicas. ## Planifica antes de construir Dedicar unos minutos a planificar te ahorra mucho trabajo después y da como resultado un sitio más efectivo. 1. **Define el objetivo del sitio.** ¿Quieres captar clientes potenciales, vender productos, informar, reforzar tu marca o agendar citas? El objetivo guía cada decisión de diseño y contenido. 2. **Piensa en tu cliente ideal.** Qué necesita, qué le preocupa y qué quieres que haga al entrar. 3. **Define las páginas.** La mayoría de los negocios empieza con Inicio, Nosotros, Servicios o Productos y Contacto. 4. **Decide la llamada a la acción de cada página.** Qué quieres que el visitante haga o aprenda en ella. 5. **Reúne tus materiales.** Logo, colores de marca, imágenes, videos y textos (o al menos una idea de ellos). Una tabla sencilla te ayuda a ordenar el plan: | Página o elemento | Objetivo | Contenido sugerido | | - | - | - | | Inicio | Presentar el negocio y la oferta principal | Titular, subtítulo, llamada a la acción (por ejemplo, "Agenda una llamada"), imagen o video principal y resumen de productos o servicios | | Nosotros | Generar confianza | Historia y misión, fotos y biografías del equipo, qué te diferencia | | Servicios o productos | Explicar lo que ofreces | Lista y descripción, precios, beneficios, casos de éxito | | Contacto | Facilitar que te escriban o visiten | Formulario, teléfono, correo, dirección y mapa | | Menú de navegación | Moverse por el sitio | Logo y enlaces a las páginas | | Pie de página | Información legal y de contacto | Derechos de autor, política de privacidad, términos, contacto y redes sociales | ## Crea el sitio en blanco **1. Crea el sitio** Ve a **Sitios → Sitios web → Nuevo sitio web → Desde cero** y haz clic en **Crear**. **2. Agrega la primera página** Haz clic en **Agregar página nueva**, escribe un nombre (por ejemplo, "Inicio") y haz clic en **Crear página nueva**. ## Conoce el creador de sitios Haz clic en **Crear desde cero** y abre el creador. Estas son sus zonas principales: | Zona | Para qué sirve | | - | - | | Panel de control | Decide qué muestra el panel izquierdo: elementos, páginas, metadatos | | Selector de dispositivo | Cambia entre vista de escritorio y de móvil | | Controles superiores | Historial, deshacer, vista previa, guardar, publicar | | Panel izquierdo | Elementos y ajustes de la página | | Panel central | Vista previa editable de la página | | Panel derecho | Ajustes y estilos de la sección, fila o elemento seleccionado | | Barra de ruta | Muestra, en la parte inferior, la jerarquía del elemento seleccionado. Pasa el cursor sobre un nivel para resaltarlo o haz clic para editarlo | Las páginas se construyen por capas: **secciones** que contienen **filas**, que a su vez contienen **columnas** con **elementos** (titulares, textos, imágenes, botones, formularios). ## Construye la página de inicio **1. Agrega una sección** Haz clic en el centro de la página vacía o en el ícono **+** del panel izquierdo, elige **Secciones** y selecciona un ancho, por ejemplo **Ancho completo**. **2. Agrega una fila** Dentro de la sección nueva, agrega una **Fila** de **1 columna**. **3. Agrega el titular y el subtítulo** Haz clic en **Agregar elemento** y arrastra un **Titular** a la fila. Haz clic en el texto para editarlo (por ejemplo, "Bienvenido") y cambia fuente, tamaño y color en el panel derecho. Luego agrega un **Subtítulo** debajo (por ejemplo, "Te ayudamos a crecer"). **4. Agrega un botón con acción** Debajo del subtítulo agrega un **Botón** y cambia su texto, por ejemplo "Llámanos ahora". En el panel derecho, busca **Acciones del botón**, elige **Llamar** y escribe tu número de teléfono. **5. Completa y guarda** Sigue agregando secciones, filas y elementos hasta completar la página. Haz clic en el ícono de guardar. ## Agrega más páginas **1. Vuelve a los detalles del sitio** Si estás en el editor, haz clic en el botón de volver para llegar a **Sitios → Sitios web** y a los detalles de tu sitio. **2. Crea la página** Haz clic en **Agregar página nueva**, ponle nombre (por ejemplo, "Nosotros") y haz clic en **Crear página nueva**. **3. Constrúyela** Haz clic en **Crear desde cero** y agrega los elementos igual que en la página de inicio, por ejemplo un texto y una imagen. Haz clic en **Guardar** y luego en **Volver**. ## Agrega el menú y el pie de página **1. Edita la página de inicio** En los detalles del sitio, haz clic en **Editar** en la tarjeta de la página de inicio. **2. Crea una sección superior** Encima de todas las secciones, agrega una sección de ancho completo con una fila de 1 columna. **3. Agrega el menú de navegación** Agrega el elemento **Menú de navegación**. Selecciónalo y, en el panel derecho, revisa que cada enlace lleve a la página correcta y agrega tu logo. **4. Agrega el pie de página** Al final de la página, agrega otra sección de ancho completo. Abre **Elementos → Elementos prediseñados → Pie de página** y arrastra uno a esa sección. **5. Ajusta y guarda** Edita o elimina lo que no necesites del menú y del pie de página, y haz clic en **Guardar** y **Volver**. ## Revisa, configura y publica 1. **Vista previa.** Desde los detalles del sitio, haz clic en el botón de vista previa de la página, o dentro del editor usa el ícono del ojo. 2. **Revisa la versión móvil.** En el editor, haz clic en el ícono del teléfono para cambiar a la vista móvil. 3. **Ajusta para móvil.** Corrige tamaños, espaciados y anchos hasta que la página se vea bien en ambos dispositivos. Si un elemento no queda bien en los dos, duplícalo y, en sus ajustes avanzados, haz que uno sea visible solo en escritorio y el otro solo en móvil. 4. **SEO.** En el editor, haz clic en el ícono de SEO y completa el título y la descripción de cada página. 5. **Guarda y publica.** Guarda con frecuencia mientras trabajas y, al terminar, guarda y publica por última vez. 6. **Conecta tu dominio.** Sal del editor y abre la pestaña **Configuración** del sitio. Desde ahí eliges el dominio y también puedes agregar un favicon, códigos de seguimiento y un widget de chat. > [!TIP] > > Para el proceso completo de conexión de dominio, registros DNS y verificación, sigue la guía [Lanza tu sitio web desde una plantilla](https://help.chateea.com/docs/primeros-pasos/lanza-tu-sitio-web-desde-plantilla.md): los pasos de dominio y publicación son los mismos. ## Solución de problemas > **El sitio en línea muestra contenido viejo** > > Abre la página en el editor, haz clic en **Guardar** y luego en **Publicar**. Revisa la dirección en una ventana de incógnito y confirma que cada página que debe estar en línea está publicada. > **El dominio sigue pendiente o no conecta** > > Revisa que los registros DNS coincidan con los valores que indica Chateea (tipo, host y valor), elimina registros en conflicto y espera a que se propaguen los cambios. Si la conexión automática no está disponible, usa la configuración manual. > **El sitio abre una página 404** > > Confirma que el dominio está asignado al sitio correcto, que la página está publicada, que la ruta es correcta y que la página de inicio está configurada como predeterminada. > **Aparece una advertencia de SSL o de privacidad** > > Revisa si hay registros DNS incorrectos o duplicados. En Cloudflare, usa **Solo DNS** cuando Chateea lo indique. Después espera a que se emita el certificado SSL. > **El menú abre páginas equivocadas** > > Selecciona el elemento **Menú de navegación** y revisa el destino de cada enlace. Si agregaste, renombraste o reordenaste páginas, vuelve a revisarlo antes de publicar. > **El sitio se ve mal en móvil** > > Cambia a la vista móvil en el editor y revisa espaciados, alineación, tamaños de fuente y botones, anchos de secciones y filas, y los elementos marcados como solo escritorio o solo móvil. Luego guarda y publica de nuevo. > **Los formularios, calendarios o botones no funcionan** > > Antes de compartir el sitio, envía cada formulario como visitante de prueba, prueba los enlaces de reserva, haz clic en cada botón y confirma que los envíos de prueba crean el contacto o la notificación esperada. ## Artículos relacionados > **[Lanza tu sitio web desde una plantilla](https://help.chateea.com/docs/primeros-pasos/lanza-tu-sitio-web-desde-plantilla.md)** > > Conecta tu dominio y publica paso a paso. > **[Lanza tu primer embudo](https://help.chateea.com/docs/primeros-pasos/lanza-tu-primer-embudo.md)** > > Crea una página de captación o de ventas. > **[Configura el chat en vivo](https://help.chateea.com/docs/primeros-pasos/configura-el-chat-en-vivo.md)** > > Agrega un chat a tu sitio web. > **[Configura tu calendario de reservas](https://help.chateea.com/docs/primeros-pasos/configura-tu-calendario-de-reservas.md)** > > Permite que tus visitantes agenden citas. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.