El AI Builder puede ayudarte a crear páginas, formularios, secciones y otros elementos del sitio web. La calidad del resultado depende en gran medida de las instrucciones que proporciones.
Usa los siguientes consejos para redactar prompts más claros y obtener resultados más precisos.
Antes de enviar un prompt, tómate un momento para pensar exactamente qué quieres que el AI cree o cambie.
Cuanto más específicas sean tus instrucciones, más fácil será para el AI entender tu solicitud y entregarte el resultado que esperas.
Un prompt claro debe explicar:
Qué quieres crear o cambiar
Dónde debe aparecer el nuevo elemento
Qué información o funciones debe incluir
Cómo debe verse
Cualquier preferencia de texto, colores o diseño que quieras usar
Dar instrucciones detalladas también reduce la posibilidad de que el AI haga suposiciones o agregue elementos que no solicitaste.
Por ejemplo, considera el siguiente prompt:
"Agrega una página al sitio web."
Este prompt no explica qué tipo de página se debe agregar. El AI podría crear una página de contacto, una página promocional, un formulario personalizado u otro tipo de página.
Como la solicitud es demasiado general, el AI debe decidir qué tipo de página crear, lo que puede generar un resultado no deseado.
En su lugar, proporciona un prompt más detallado:
"Crea una página de contacto que incluya un formulario de contacto.
Agrega los siguientes campos al formulario:
Nombre
Apellido
Número de teléfono
Dirección de correo electrónico
Un cuadro de texto corto donde los visitantes puedan explicar por qué se están poniendo en contacto conmigo
Coloca el formulario en la parte superior de la página, justo debajo del título.
Establece el título de la página como “Contáctame”.
Agrega un botón de contacto azul debajo del formulario.
Asegúrate de que el fondo de la página y el diseño general coincidan con el resto del sitio web."
Este prompt le da al AI instrucciones claras sobre el tipo de página, el contenido, la distribución, el texto y el diseño.
Como resultado, es más probable que el AI cree la página correctamente y se reduzca la cantidad de ediciones necesarias después.
Consejo - utiliza la ayuda de herramientas de AI como ChatGPT o Gemini para crear versiones mejores de tu prompt y, luego, envíalo al AI Builder para que lo ejecute.
Usa la opción Planner para planificar con anticipación. El Planner te permitirá conversar con el AI sobre cambios y añadidos a tu sitio web, sin que el AI genere una sola línea de código hasta que lo confirmes.
Esto te da flexibilidad y libertad para desarrollar ideas antes de comprometerte con ellas agregándolas a tu sitio web.
Para usar el Planner, haz clic en el Icono de Lista a la izquierda del Botón Enviar y describe el cambio que quieres añadir. El AI empezará a ofrecer opciones o a explicar los pasos que está a punto de realizar. Haz clic en Construir ahora en la ventana de chat para indicarle al AI que cree el código del sitio web.
Haz clic nuevamente en el Icono de Lista para salir del modo Planner y generar contenido directamente.
Puedes proporcionar al AI un ejemplo visual del resultado que deseas.
Por ejemplo, puedes subir:
Una captura de pantalla de tu sitio web actual
Una imagen que muestre una distribución preferida
Una captura de pantalla de otro sitio web que contenga un elemento que te gusta
Un ejemplo de un color, botón, sección o estilo de diseño
Para capturar una parte de tu sitio web:
Haz clic en Captura de Pantalla (icono de cámara) debajo del cuadro de texto del chat.
Captura la parte relevante de tu sitio web.
Usa las herramientas de edición para dibujar flechas o círculos alrededor de los elementos que quieres que el AI revise.
Haz clic en Agregar al Chat.
Introduce un prompt explicando qué quieres que el AI cree o cambie.
No te bases únicamente en la captura de pantalla. Incluye instrucciones por escrito que expliquen con claridad qué parte de la imagen debe usar el AI y qué acción debe realizar.
Por ejemplo:
Usa la captura de pantalla adjunta como referencia de distribución. Crea una sección similar debajo del encabezado de la página de inicio, pero utiliza los colores y las fuentes que ya se usan en mi sitio web.
Distintos modelos de AI pueden abordar la misma solicitud de manera diferente.
Cambiar el modelo puede ser útil cuando:
Quieres que el AI analice una solicitud más compleja
El modelo actual no está produciendo el resultado esperado
El AI malinterpreta tus instrucciones de forma repetida
Quieres comparar los resultados producidos por diferentes modelos
Para cambiar el modelo de AI:
Haz clic en el icono de Robot debajo del cuadro de texto del chat.
Selecciona un modelo de AI diferente.
Revisa tu prompt y asegúrate de que contenga instrucciones claras y detalladas.
Vuelve a enviar el prompt.
Cambiar el modelo puede mejorar el resultado, pero sigue siendo importante proporcionar un prompt completo y específico.
Nota: Los distintos modelos de AI pueden usar diferentes cantidades de créditos de AI. El costo en créditos puede ser mayor o menor según el modelo seleccionado.