Visualiza, edita y descarga el código de tu proyecto de Coderick AI

El acceso al código fuente llega a Coderick AI

Ahora puedes acceder y trabajar con todos los archivos de código detrás de un proyecto creado con Coderick AI. Esta función se suma a la edición visual y los prompts de chat como otra forma de dar forma a tu proyecto. La estamos lanzando como una capacidad principal dentro de Coderick AI, para darte más flexibilidad, control y confianza en cada proyecto que creas.

Edita tu código fuente para dar forma a tu proyecto

Una vez que Coderick AI haya creado tu proyecto, puedes abrir el código y cambiar lo que quieras. Un pequeño ajuste en un componente, una modificación en el diseño o una actualización rápida después de una revisión.

Ahora puedes abrir la nueva pestaña Código en cualquier proyecto de Coderick para leer y editar el código, y luego guardar esos cambios en tu versión en vivo. Coderick AI sigue haciendo el trabajo pesado, y tú puedes usar la pestaña Código para ampliar y personalizar el resultado tanto como quieras, desde ajustar detalles hasta añadir tus propios componentes y modificar el comportamiento de tu proyecto.

Dentro de la pestaña Código puedes:

  • Editar el código manualmente en el lugar, usando los lenguajes y estructuras que Coderick ya creó para ti.
  • Ajustar diseños, estilos y lógica, y luego hacer clic en Guardar para aplicar tus cambios en el proyecto cuando estés listo.
  • Descartar las ediciones que hiciste en tu sesión actual si decides no conservarlas.
  • Usar atajos de teclado conocidos, como Control + Z y Control + Y, para deshacer y rehacer, sin añadir botones adicionales a la interfaz.

Editar código sin usar créditos. Las ediciones manuales en la pestaña Código no consumen créditos, lo que significa que puedes hacer pequeños arreglos en el momento en que los detectas, mientras guardas tus prompts para otros cambios.

Indica a Coderick AI un archivo específico

A veces no quieres un cambio general. En su lugar, quieres que Coderick AI se enfoque en una sección concreta. Con esta actualización, puedes referenciar cualquier archivo directamente desde la vista de código en tu chat, de forma similar a como funciona hoy la Edición Visual.

Indicarle a Coderick AI un archivo concreto hace dos cosas importantes:

  • Limita el modelo al contexto que importa, lo que mejora la precisión de las ediciones y explicaciones.
  • Reduce la cantidad de mensajes de ida y vuelta necesarios para conseguir el cambio que quieres, lo que te ayuda a usar tus créditos de forma más eficiente.

El resultado es un proceso más ajustado. Marcas el archivo, describes lo que necesitas, y Coderick responde con cambios y razonamientos que se mantienen anclados en el lugar correcto.

Busca archivos en todo tu proyecto

A medida que tus proyectos crecen, el número de archivos crece con ellos. Para mantener las cosas simples, la nueva vista incluye una búsqueda que revisa tu árbol de proyecto y el contenido de los archivos al mismo tiempo.

Puedes:

  • Buscar archivos del proyecto por nombre y por el texto que contienen, en un solo paso, usando la búsqueda situada sobre el árbol de archivos.
  • Usar una búsqueda dentro del archivo cuando ya sabes cuál necesitas y quieres ir directamente a un fragmento o selector concreto.

Esto te ayuda a navegar incluso por proyectos grandes que Coderick ha generado a lo largo de varias iteraciones. Llegas al lugar correcto más rápido, sin desplazarte por cada carpeta ni revisar archivos enteros a simple vista.

Descarga el código fuente de todo tu proyecto o solo de un archivo

A veces quieres conservar una copia de tu trabajo. Con esta nueva función te damos una forma sencilla de hacerlo, ya sea que necesites todo el proyecto o solo un archivo específico.

Dentro de la pestaña Código puedes:

  • Descargar el código fuente de todo el proyecto para revisarlo localmente, compartirlo con tu equipo o guardar una instantánea de tu progreso.
  • Descargar un solo archivo mientras lo estás viendo, para probar, compartir o reutilizar rápidamente una pieza de código específica sin descargar todo el proyecto.

Esto te da más flexibilidad en cómo trabajas con tus proyectos día a día. Ya sea que estés revisando cambios, colaborando con alguien más o guardando una copia local de referencia, todo está a solo unos clics de distancia.

Experimenta sin miedo con tus ediciones

Editar código generado puede parecer arriesgado, así que hemos hecho que sea fácil explorar sin miedo a romper tu proyecto. Nada se aplica hasta que haces clic en Guardar, deshacer y rehacer están siempre a un atajo de distancia, y puedes Descartar todo lo de la sesión actual con un clic.

Además, siempre puedes volver a una versión anterior con un solo clic. El objetivo es simple: darte espacio para experimentar, con una red de seguridad.

Construye con prompts y código a la vez

Sigues describiendo lo que quieres en lenguaje sencillo y viendo cómo tus ideas se convierten en proyectos funcionales. Ahora, si te gusta trabajar directamente con el código detrás de ellos, también tienes un lugar para hacerlo. Si ya estás construyendo con Coderick AI, abre tu proyecto y busca la pestaña Código.

Si aún no has probado Coderick AI, inicia un nuevo proyecto con una prueba gratuita de 14 días y descubre hasta dónde te puede llevar un simple prompt.

Seguiremos ampliando la experiencia de construcción para que tanto quienes no tienen experiencia técnica como los desarrolladores experimentados se sientan como en casa dentro de Coderick AI. Si tienes ideas o sugerencias, nos encantaría escucharlas.

Preguntas frecuentes

¿Qué es el acceso al código fuente en Coderick AI?

El acceso al código fuente te permite ver y editar el código fuente de cualquier proyecto que hayas creado en Coderick AI, directamente desde la nueva pestaña Código. Puedes ajustar diseños, estilos y lógica, descargar el código fuente de todo el proyecto o de un solo archivo, y hacer ediciones manuales sin tocar los prompts.


¿Puedo editar el código de mi proyecto directamente?

Sí. La pestaña Código te da un editor de código integrado donde puedes abrir cualquier archivo, editarlo en el lugar y guardar tus cambios en el proyecto. También puedes indicarle a Coderick AI un archivo específico para que sus próximos cambios se limiten exactamente a la parte en la que estás trabajando.


¿Editar el código consume créditos?

No. Puedes editar código sin usar créditos. Las ediciones manuales en la pestaña Código no consumen ninguno, así que los pequeños arreglos ocurren tan rápido como los detectas, y tus créditos quedan libres para los cambios basados en prompts.


¿Puedo descargar mi código fuente?

Sí. Puedes descargar el código fuente de todo el proyecto para guardar una copia local, compartirlo con un compañero de equipo o entregárselo a un desarrollador. También puedes descargar un solo archivo mientras lo estás viendo.


¿Cómo encuentro un archivo o una línea de código específica?

Usa la búsqueda situada sobre el árbol de archivos para buscar archivos del proyecto por nombre y por el texto que contienen al mismo tiempo. También hay una búsqueda independiente dentro del archivo para ir directamente a un fragmento o selector una vez que sabes cuál necesitas.

Generador de emails con IA, ya integrado en SiteGround Email Marketing

Ya puedes generar un email completo con IA en SiteGround Email Marketing. Con la nueva función Generar con IA, solo tienes que describir tu negocio y el email que quieres enviar, y recibes un email terminado, listo para editar en el editor que ya conoces.

El primer borrador está a solo una breve conversación de distancia. Vamos a ver cómo.

¿Qué es un generador de emails con IA?

Un generador de emails con IA crea un email listo para enviar a partir de una breve descripción de tu negocio y tu objetivo. Dentro de SiteGround Email Marketing, esto significa un borrador con el asunto, el preheader y el cuerpo ya redactados y diseñados. Se abre en el mismo editor de emails que usas para el resto de tus campañas.

Hasta ahora, pedirle ayuda a la IA para un email significaba hacerlo por partes: añadir una sección, pedirle una mano al redactor, generar una imagen, pasar a la siguiente sección y repetir. Cada parón te costaba tiempo y te sacaba del ritmo de trabajo. Al integrar el generador directamente en Email Marketing, la redacción y el diseño quedan en un solo lugar, así que un primer borrador te lleva minutos en vez de toda una tarde.

¿Cómo funciona Generar con IA?

Generar con IA convierte unas pocas respuestas en un email terminado. Le cuentas al asistente de IA sobre tu negocio y el mensaje que quieres enviar, o partes de un tipo de campaña: Correo promocional, Newsletter, Correo de anuncio, Correo de bienvenida o Invitación a evento. Primero te muestra un breve resumen de tus respuestas y, una vez que lo confirmas, abre un borrador completo en el editor de SiteGround con el asunto, el preheader y el cuerpo ya listos.

Cómo usar Generar con IA

Cuando creas una nueva campaña o automatización, ahora ves dos formas de empezar: Crear con plantillas o Generar con IA.

Elige Generar con IA y se abre una página de tipo chat. Desde ahí tienes dos formas de empezar:

  • Parte de un tipo de campaña. Elige uno de los cinco modelos predefinidos y el borrador llega adaptado a ese objetivo.
  • Descríbelo con tus propias palabras. Cuéntale al asistente qué quieres enviar, en lenguaje sencillo, y él se encarga del resto.

En cualquier caso, es posible que el asistente te haga algunas preguntas breves para completar los detalles. Funciona en el idioma que hayas configurado para la campaña. Antes de escribir una sola línea, te muestra un breve resumen de tus respuestas, así que siempre eres tú quien marca el rumbo.

Confirma el resumen, haz clic en Generar y llegas al editor de siempre. Desde ahí puedes editar, diseñar, segmentar y programar exactamente igual que siempre.

Cinco tipos de campaña desde los que empezar

El punto de partida que elijas da forma tanto a la estructura como al tono del borrador, así que merece la pena elegirlo con cuidado.

  • Correo promocional, para una rebaja, un descuento o una oferta por tiempo limitado.
  • Newsletter, para tu actualización periódica a una lista que ya te conoce.
  • Correo de anuncio, para un producto nuevo, una función nueva o un cambio que tus clientes necesitan conocer.
  • Correo de bienvenida, para el primer email que recibe un nuevo suscriptor tuyo.
  • Invitación a evento, para un webinar, un lanzamiento o un taller.

Un borrador promocional vuelve con una oferta clara y una llamada a la acción directa. Un borrador de bienvenida vuelve con un tono más cercano, presentando quién eres. Una invitación a evento coloca los datos logísticos al principio, porque es lo primero que busca la gente.

Por qué esto importa si tienes un pequeño negocio

A la mayoría de los pequeños negocios no les faltan ideas para emails. Lo que casi nunca tienen son las dos horas que hace falta para convertir una de esas ideas en algo que quede bien en una bandeja de entrada. El generador de emails con IA te devuelve ese tiempo.

Describe tu oferta con lenguaje cotidiano, elige un punto de partida y deja que el asistente construya un email completo que solo tendrás que ajustar. Y como te pregunta sobre tu negocio, tu audiencia, tu tono y el estilo que buscas, el borrador parte muy cerca de lo que tenías en mente, así que los ajustes son rápidos.

También es igual de útil cuando quieres explorar. Repite el proceso para probar otro enfoque, un tono distinto o un formato que no hayas usado antes. Así dedicas tu energía al mensaje, a la audiencia y a los resultados, no a la configuración.

Dónde encaja la IA en tu flujo de trabajo

Los emails generados con IA son más útiles cuando tienes un objetivo claro y una idea aproximada de lo que quieres decir.

El generador de emails con IA te ayuda a estructurar esas ideas, completar los detalles que falten y convertirlas en un email fiel a tu marca, con asunto, preheader y cuerpo.

Para algunas campañas puede que prefieras seguir escribiéndolo todo a mano o partir de una plantilla guardada. Para otras, sobre todo formatos recurrentes como newsletters o promociones, la IA puede ayudarte a producir una primera versión más rápido. También puedes combinar ambos flujos: usa Generar con IA para la primera versión y luego ajusta el diseño y el texto manualmente en el editor.

Cómo crear tu primer email con IA

  • En SiteGround Email Marketing, ve a Campañas > Nueva campaña (o al Creador de automatizaciones).
  • Elige la opción Generar con IA.
  • Añade un nombre para la campaña, elige el idioma y pulsa Continuar.
  • Empieza desde un tipo predefinido o describe tu email con tus propias palabras y responde a las preguntas adicionales que te haga.
  • Revisa el resumen, corrige lo que no encaje y haz clic en Generar mi email.
  • Tu borrador se abre en el Editor de Email Marketing. Ajusta lo que necesites y prográmalo.

Para ver el proceso completo, consulta nuestra guía sobre cómo generar campañas de email con IA.

Genera tu próximo email con IA

Si ya usas SiteGround Email Marketing, no tienes que instalar ni configurar nada. La próxima vez que crees una campaña o automatización, elige Generar con IA y sigue la conversación. Pruébalo en tu próxima newsletter o anuncio y comprueba cuánto tiempo te ahorra.

¿Todavía no usas SiteGround Email Marketing? Empieza gratis y deja que tu primera campaña se escriba sola.

Preguntas frecuentes

¿Cómo funciona el generador de emails con IA?

Funciona como una breve conversación guiada. Describes tu negocio, tu audiencia, el objetivo del email y el tono que quieres, y luego eliges uno de los cinco tipos de campaña. El asistente resume tus respuestas y, una vez que las confirmas, escribe el asunto, el preheader y el cuerpo directamente en el editor de emails.


¿Puedo editar un email generado con IA?

Sí. La campaña generada se abre en el editor de emails estándar de SiteGround, donde todos los elementos son editables. La mayoría de la gente trata el resultado como un primer borrador y a partir de ahí ajusta el texto, el diseño y las imágenes.


¿Escribe en otros idiomas además del inglés?

Sí. El asistente sigue el idioma que hayas configurado para la campaña o automatización, así que el borrador vuelve en ese idioma.


¿Necesito instalar algo?

No. La opción Generar con IA aparece en el cuadro de diálogo de Nueva campaña y en el Creador de automatizaciones para los usuarios que ya tienen SiteGround Email Marketing, sin necesidad de ningún plugin, complemento o cambio en tu configuración.


¿Esto sustituye al editor de plantillas?

No. Crear con plantillas y el editor manual siguen exactamente igual. Generar con IA es un punto de partida adicional que puedes elegir campaña a campaña.