Saltar al contenido principal

Automatización

Cómo construir un sitio web con ChatGPT Sites · La guía completa

6 min de lecturaAmichai Shekel

Cómo construir un sitio web con ChatGPT Sites · la nueva función que la mayoría de la gente no conoce. Una guía completa en español con capturas de pantalla anotadas · desde la descripción inicial por voz, pasando por imágenes y fuentes de información, hasta la publicación del sitio web en línea y la conexión de un dominio.

La mayoría de la gente no lo sabe, pero dentro de ChatGPT ya hay una capacidad integrada para construir sitios web · se llama ChatGPT Sites. No se necesita ninguna herramienta adicional, ningún código y ningún diseño manual. Describes en voz alta lo que quieres, y ChatGPT te construye un sitio web completo · incluidas imágenes, botones y un formulario de contacto. Esta guía muestra exactamente cómo funciona, paso a paso, con capturas de pantalla anotadas para cada fase · desde la descripción inicial hasta un sitio web en vivo en Internet con tu propio dominio. En aproximadamente un cuarto de hora.

Cambiar a la pestaña Work en la parte superior de ChatGPT

Qué tendrás al final de la guía

  • Un sitio web en vivo en Internet · con un enlace para compartir (y la opción de conectar un dominio existente)
  • Un proceso de creación completo por voz · cómo describirle a ChatGPT exactamente lo que quieres
  • Integración de fuentes reales · PDF, documentos o un sitio web existente que ChatGPT tendrá en cuenta
  • Imágenes generadas directamente dentro de la herramienta · o imágenes propias que subes y dejas que ubique
  • Conexión de un botón de WhatsApp y formularios · que funcionarán realmente con tu número y tus enlaces
  • Publicación del sitio web en línea · desde un enlace temporal hasta tu propio dominio permanente

Qué es ChatGPT Sites

Paso 1 · Cambiar al modo Work

Paso 2 · Entrar a Sites y crear un sitio web nuevo

Paso 3 · Describir en voz alta lo que se quiere construir

Las tres preguntas que debes responder obligatoriamente

  • Qué recibe el usuario en el sitio web · en una sola frase, el beneficio principal con el que debe quedarse el visitante
  • Qué acciones se pueden realizar en el sitio web · ¿dejar datos? ¿llenar un formulario? ¿enviar un mensaje de WhatsApp?
  • Cómo se supone que debe verse · colores, cantidad de páginas y estilo (moderno, clásico, minimalista, etc.)
Seleccionar Sites en el menú More de la barra lateral

Prompt de ejemplo para ChatGPT Sites (para copiar y editar)

Quiero construir un sitio web para un entrenador físico personal. Quiero que quien entre al sitio web reciba todos los detalles sobre los entrenamientos · horarios, precios y las ventajas del entrenamiento personal. La acción que quiero que se pueda realizar en el sitio web: dejar datos, y luego yo les devuelvo el mensaje por WhatsApp. Cómo quiero que se vea: un estilo muy moderno. Los colores de la marca son negro y verde neón.

💡 Después de grabar la descripción, ChatGPT presenta el comando completo que entendió. Vale la pena revisarlo, y solo después de que estés satisfecho · haces clic en aprobar. A partir de ahí comienza a 'pensar' y trabajar · esto toma en promedio de 2 a 3 minutos.

Paso 4 · Conectar fuentes de información reales

Pantalla de Sites con la lista de sitios web y el botón Create

Paso 5 · Aprobación y vista previa privada

Paso 6 · Mejorar el sitio web mediante una conversación

🎯 La gran ventaja de la herramienta · puede integrar imágenes directamente desde ChatGPT, sin conectar herramientas externas. ChatGPT tiene un modelo de imágenes integrado que se considera uno de los más fuertes del mercado actualmente, y cada imagen que crea se integra directamente en el sitio web manteniendo el estilo y los colores de la marca que definiste al principio.

Paso 7 · Usar tus propias imágenes reales

Cuadro de diálogo de ChatGPT Sites con la plantilla Make me a Sites about

Conectar botones, formularios y secciones nuevas

  • Botón de WhatsApp · dale tu enlace o número, y explícale que el botón debe abrir una conversación contigo
  • Formulario de clientes potenciales · si tienes un formulario existente (por ejemplo, Google Forms), dale el enlace y pide que el botón conduzca a él
  • Cualquier otro botón y enlace · ingresa el enlace, explica qué debe suceder al hacer clic, y ChatGPT lo conectará
  • Agregar una página o sección nueva · por ejemplo 'agrega una sección de Sobre mí', y lo construye en uno o dos minutos

El club AI Master te abre la puerta: una reunión en vivo cada semana, grabaciones y comunidad. 47 NIS al mes, cancelación en cualquier momento.

En aproximadamente 10 a 12 minutos desde el inicio del proceso ya hay un borrador completo de un sitio web · algo que se puede ver, corregir y mejorar. Todas estas correcciones se realizan a través de una conversación normal, en texto o por voz · no es necesario saber diseñar ni programar. Y en un cuarto de hora desde el principio hasta el final ya se puede publicar el sitio web en línea.

Paso 8 · Publicar el sitio web en línea

Abrir el menú de acceso

Página de configuración del sitio web con el campo Custom domain y el botón Manage para compartir

Permitir el acceso a cualquier persona que tenga el enlace

Tarjeta del sitio web construido con el botón Open para abrir la vista previa

Paso 9 · Conectar tu propio dominio existente

Seleccionar Anyone with the link en el menú de acceso

Herramientas y enlaces útiles

Todo lo necesario para construir un sitio web con ChatGPT Sites · en un solo lugar

Punto de entrada · Work ← More ← Sites ← Create dentro de ChatGPT

El método más fuerte para un control total · un agente de IA que escribe un sitio web desde cero

Comparación entre los dos enfoques para construir un sitio web con IA

Hacer clic en el botón Share en la tarjeta del sitio web construido

Preguntas frecuentes sobre ChatGPT Sites

Sí, ChatGPT Sites actualmente está disponible solo para suscriptores de pago. La herramienta se encuentra en la pestaña Work, en el menú lateral izquierdo debajo del botón More.

No. Describes en lenguaje normal (preferiblemente por voz) lo que quieres que haya en el sitio web · quién es el visitante, qué recibe y cómo se supone que debe verse. ChatGPT construye el código, la estructura y las imágenes detrás de escena.

El proceso inicial, desde la descripción hasta un borrador que se ve frente a los ojos, toma unos 10 minutos. Con correcciones y mejoras a través del chat, se puede publicar un sitio web básico en línea en aproximadamente un cuarto de hora.

Sí. Haces clic en Source y adjuntas un PDF, un documento de Docs, imágenes de tu biblioteca o incluso un sitio web existente. ChatGPT tiene en cuenta esta información y la introduce directamente en el sitio web, para que el contenido sea preciso y no inventado.

Hasta que cambies la configuración de uso compartido, el sitio web existe solo como una versión privada (Only you). Para publicar, haz clic en el botón Share (en la tarjeta del sitio web o en la lista de Sites), abre el menú de acceso y selecciona Anyone with the link. A partir de ahí obtienes un enlace público para compartir.

Sí. Desde la ventana de Share, haz clic en el icono de la rueda dentada junto al nombre del sitio web, lo que conduce a su página Settings. Allí, en Custom domain, ingresas la dirección de tu dominio. Debes ingresar los registros DNS del dominio en el proveedor donde está registrado. Si no estás seguro de cómo hacerlo · simplemente puedes preguntarle a ChatGPT sobre el proceso.

Eso es todo · tienes un sitio web en vivo en Internet, construido completamente dentro de ChatGPT a través de una conversación por voz, sin tocar código y sin abrir ninguna herramienta de diseño. A partir de aquí puedes seguir mejorando en cualquier momento · simplemente describes lo que quieres cambiar, y ChatGPT lo ejecuta.

Menú de acceso en la ventana de compartir, configurado actualmente como Only you

Preguntas frecuentes

¿Está disponible ChatGPT Sites en una cuenta gratuita?

Sí, ChatGPT Sites está disponible actualmente solo para suscriptores de pago. La herramienta se encuentra en la pestaña Work, en el menú lateral izquierdo debajo del botón More.

¿Es necesario saber programar para usar ChatGPT Sites?

No. Describes en lenguaje natural (preferiblemente por voz) lo que quieres que tenga el sitio · quién es el visitante, qué recibe y cómo debe verse. ChatGPT construye el código, la estructura y las imágenes detrás de escena.

¿Cuánto tiempo toma construir un sitio con ChatGPT Sites?

El proceso inicial, desde la descripción hasta un boceto que ves frente a ti, toma unos 10 minutos. Con correcciones y mejoras a través del chat, puedes publicar un sitio básico en aproximadamente un cuarto de hora.

¿Se pueden conectar documentos o un sitio existente como fuente de información?

Sí. Haces clic en Source y adjuntas un PDF, un documento de Docs, imágenes de tu biblioteca o incluso un sitio existente. ChatGPT toma en cuenta esta información y la incluye directamente en el sitio, para que el contenido sea preciso y no inventado.

¿El sitio es visible para todos en cuanto se crea?

Hasta que cambias la configuración de compartición, el sitio existe solo como una versión privada (Only you). Para publicar, haces clic en el botón Share (en la tarjeta del sitio o en la lista de Sites), abres el menú de acceso y seleccionas Anyone with the link. A partir de ahí, obtienes un enlace público para compartir.

¿Se puede conectar un dominio existente en lugar del enlace temporal?

Sí. Desde la ventana de Share, haces clic en el icono de rueda dentada junto al nombre del sitio, lo que lleva a su página de Settings. Ahí, bajo Custom domain, ingresas la dirección de tu dominio. Debes ingresar los registros DNS del dominio en el proveedor donde está registrado. Si no estás seguro de cómo hacerlo · puedes simplemente preguntarle a ChatGPT sobre el proceso.

Comparte este artículo

Contacto

Empecemos a trabajarjuntos

Cuéntennos qué les interesa. Les responderemos con una propuesta adecuada a lo que necesitan.

Sin presión ni compromiso. Una conversación breve para entender qué les conviene.

  • Elijan el tema y completen algunos datos
  • Reciban una respuesta y una recomendación adaptada
  • También pueden escribirnos o llamarnos directamente

¿Cómo podemos ayudarles?

Elijan la opción que más se acerque a lo que necesitan.