Cómo reconstruir tu sitio web existente en Coderick AI
Migrar un sitio web de una plataforma a otra siempre ha sido uno de los mayores quebraderos de cabeza para propietarios y desarrolladores web, pero ya no. Coderick AI te permite migrar un sitio web existente desde cualquier plataforma y reconstruirlo directamente en un nuevo proyecto de Coderick, sin necesidad de copiar y pegar manualmente.
¿Cómo funciona?
Al iniciar un nuevo proyecto Coderick, puedes introducir la URL de un sitio web existente. Al introducir la dirección, Coderick rastrea el sitio, copia el diseño, las imágenes, el texto y la estructura, y crea una versión lista para editar en el espacio de trabajo de la IA.
¿Qué se copia?
Al introducir una URL, Coderick rastrea el sitio web existente y recrea:
- Diseño y estructura de la página
- Imágenes
- Contenido de texto
- Fuentes y combinación de colores
Coderick AI copia automáticamente hasta 5 páginas. Dependiendo de si el sitio web tiene o no un mapa del sitio, se incluyen las siguientes páginas:
- Las primeras 5 páginas del mapa del sitio (si el sitio web lo tiene). La página de inicio siempre se incluye.
- Las 5 páginas más relevantes, determinadas por la IA, si no hay mapa del sitio disponible.
¿Qué no se copia?
Coderick AI no copia los siguientes elementos:
- Fuentes propietarias o con licencia
- Imágenes SVG
- Animaciones complejas o componentes con superposiciones de texto animado
- Procesos de pago de ecommerce o bases de datos
- Sitios protegidos por reCAPTCHA (recibirá una notificación)
- Sitios web que no permiten el rastreo de bots (mediante un archivo robots.txt o ai.txt)
Cómo reconstruir tu sitio web
Aquí te mostramos cómo reconstruir un sitio web a partir de una URL con Coderick:
- Ve a tu Área de Cliente e inicia un nuevo proyecto desde Marketplace > Coderick AI o desde el botón Sitios Web > Proyectos Coderick > Nuevo proyecto. Alternativamente, puedes iniciar el chat desde la página de inicio de Coderick AI.
- Selecciona el botón Reconstruir desde URL justo encima de la caja de chat.
- Aparecerá un campo de entrada de URL debajo de las opciones. Escribe o pega la dirección del sitio web que quieres copiar. El prefijo https:// se añade automáticamente.
- Lee el aviso legal que aparece debajo del campo de entrada y luego pulsa Intro para enviar.
- Si este es tu primer proyecto de Coderick AI, aparecerá un mensaje pidiéndote que confirmes los Términos de Servicio y actives tu prueba gratuita. Haz clic en Continuar para proceder.
Si ya tienes un plan de Coderick AI existente, el sitio web se creará como una prueba gratuita y podrás asignarle un plan de Coderick más tarde.
- Accederás al chat de Coderick AI. La IA analiza tu sitio web y comienza a reconstruirlo; esto suele tardar varios minutos. Puedes seguir el progreso en el chat mientras la IA describe el plan y construye cada componente.
- Tu sitio web reconstruido aparecerá en el panel de vista previa a la derecha.
Cómo copiar más de 5 páginas
Solo las primeras 5 páginas se reconstruyen automáticamente. Para copiar páginas adicionales, puedes usar estos dos métodos:
- Copiar páginas desde capturas de pantalla
- Copiar páginas desde código HTML/JavaScript/CSS
Copiar páginas desde capturas de pantalla
Para copiar páginas desde capturas de pantalla, sigue estos pasos:
- Toma capturas de pantalla de las páginas que deseas agregar.
- Sube las capturas de pantalla directamente al chat de Coderick AI.
- Solicita a Coderick AI que recree esas páginas a partir de las capturas de pantalla.
Copiar páginas desde código HTML/JavaScript/CSS
También puedes copiar una página copiando su código HTML/JavaScript/CSS y pegándolo en el chat de Coderick. Estos son los pasos si usas Google Chrome:
- Abre la página que deseas copiar.
- Haz clic derecho y selecciona Ver código fuente de la página. Se abrirá una nueva pestaña en el navegador.
- Selecciona y copia todo el código de la página. Puedes usar el atajo de teclado Cmd + A (en Mac) o CTRL + A (en Windows) para resaltar todo el código.
- Abre un editor de texto como TextEdit (en Mac) o Notepad (en Windows), y pega el código.
- Guarda el archivo en formato HTML.
- Vuelve a la interfaz de chat de Coderick AI y sube el archivo HTML desde tu dispositivo.
- Pide a Coderick que reconstruya la página a partir del archivo HTML que has proporcionado.
Casos de uso para reconstruir un sitio con Coderick AI
Migrar desde una plataforma obsoleta
Tu sitio está construido sobre un CMS antiguo, un creador de páginas antiguo o un framework obsoleto y difícil de mantener. En este caso, puedes usar la opción Reconstruir desde URL para transferir tu diseño y contenido existentes a Coderick AI y continuar desde allí, sin empezar desde cero.
Cambiar desde otro constructor de sitios web
Si tienes un sitio web en otra plataforma de creación web y quieres aprovechar las herramientas de codificación Vibe de Coderick AI, puedes copiar tu sitio existente en minutos en lugar de recrearlo manualmente.
Rediseñar un sitio existente
Puedes usar tu sitio existente como punto de partida para un rediseño. Analiza tu sitio actual para conservar la estructura y el contenido, y luego usa el chat de Coderick AI para actualizar la apariencia, agregar nuevas secciones o cambiar componentes.
Prototipado para clientes
Las agencias y los freelancers pueden analizar el sitio existente de un cliente para generar un prototipo funcional instantáneo dentro de Coderick AI, y luego iterar sobre él con el cliente usando el editor visual y el chat.
Crear un sitio inspirado en un diseño de referencia
Si tienes los derechos de un sitio web de referencia y quieres un diseño similar para un nuevo proyecto, puedes usar la opción Reconstruir desde URL para replicar la estructura y luego ajustarla.
Consejos
- Empieza con tus páginas más importantes: si tu sitio tiene un mapa del sitio, Coderick lo usa, por lo que el orden en tu mapa del sitio determina qué 5 páginas se copian.
- Limpieza tras el rastreo: Algunos elementos (fuentes, animaciones complejas) no se pueden replicar. Usa el chat para ajustar cualquier cosa que no se vea bien después de la construcción inicial.
- Mejora el sitio web mediante el chat: No esperes resultados perfectos de la migración inicial. Algunos elementos podrían necesitar ajustes. Usa el chat para pulir el sitio web migrado, modificar elementos, corregir errores, etc.
- Los enlaces a páginas no migradas devolverán un error 404. Esto es normal. Esas páginas simplemente aún no se han reconstruido. Agrégalas manualmente mediante capturas de pantalla o pidiéndole a la IA que las cree desde cero.
- Esta función solo está disponible para proyectos nuevos. Si quieres reconstruir un sitio, hazlo antes de iniciar el chat; no puedes activar un rastreo desde un proyecto existente.
- Las integraciones complejas requieren configuración manual. Las pasarelas de pago, los formularios de contacto conectados a servicios externos y el contenido basado en bases de datos deben reconectarse o reconstruirse por separado.
