Tag: user-area-display

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

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

Tu tienda online acaba de incorporar un nuevo miembro al equipo: el Agente de IA para tiendas online. Analiza de forma inteligente los datos de tu tienda y responde a cualquier pregunta en cuestión de segundos. Además, también puede realizar tareas reales, desde crear cupones hasta modificar todo tu catálogo en bloque con una sola instrucción. Descubre todo lo que el Agente de IA para tiendas online puede hacer por ti.

¿Qué es el Agente de IA para tiendas online?

El Agente de IA para tiendas online es un analista y gestor de tiendas impulsado por IA integrado en SiteGround Ecommerce. Hazle una pregunta directa sobre tu negocio como qué productos merecen más promoción, si tus precios son competitivos dentro de una categoría o qué clientes vuelven con más frecuencia, y analizará tus pedidos, productos, categorías, cuentas de clientes, reseñas, cupones, marcas y atributos para darte una respuesta con la que puedas tomar decisiones. No es un conjunto de datos sin contexto ni un enlace a un informe. Es una respuesta, como la que te daría un analista de tu equipo, para que puedas tomar una decisión y seguir adelante.

Y no se queda solo en el análisis. El Agente también ejecuta tareas: crea y gestiona productos, cupones y mucho más, directamente desde la misma conversación en la que tomaste la decisión.

Como funciona con IA en lugar de depender de un conjunto fijo de botones, no estás limitado a una lista de comandos predefinidos. Describe lo que necesitas con lenguaje natural y el Agente se encarga de determinar cómo llevarlo a cabo.

Encontrarás el Agente de IA para tiendas online en la sección Tienda de tu panel, que se ha rediseñado para que hagas menos clics, más cosas y que tengas tu nuevo asistente siempre a un clic de distancia. Sin configuración, sin ajustes y sin plugins. Abre el chat y ponlo a trabajar.

Respuestas que impulsan tus decisiones

Cada decisión en tu tienda empieza con una pregunta. ¿Deberías reponer productos? ¿Merece la pena repetir esa promoción? ¿Son demasiado bajos los precios de esa categoría? Las respuestas siempre han estado en los datos de tu tienda, pero acceder a ellas implicaba consultar informes, aplicar filtros y exportar hojas de cálculo. Ahora solo tienes que preguntar con lenguaje natural, como se lo preguntarías a un compañero:

• ¿Cuál es mi producto con mejor rendimiento este mes?
• ¿Cuál es el precio medio de los productos de la categoría Accesorios?
• ¿Cuántos pedidos recibí la semana pasada en comparación con la semana anterior?
• ¿Qué cupón se ha utilizado más en los últimos 30 días?
• ¿Cuáles de mis productos todavía no tienen reseñas?
• Lista los clientes que han realizado más de un pedido este trimestre.

Cada respuesta te ayuda a tomar una decisión real. Tu producto con mejor rendimiento te indica qué reponer y qué destacar en la página de inicio. El precio medio de una categoría te muestra si un nuevo producto tiene un precio competitivo. La comparación de cupones te indica qué promoción volver a lanzar y cuál dejar atrás. Los productos sin reseñas pueden ser tu próxima campaña de email de seguimiento. Y como las respuestas llegan en segundos en lugar de tardar toda una tarde, puedes tomar estas decisiones cuando todavía tienen impacto, no semanas después, cuando la oportunidad ya ha pasado.

Activa Modo Power y delega el trabajo

Obtener información es solo la mitad del trabajo. Con Modo Power, el Agente de IA para tiendas online pasa de decirte lo que está ocurriendo en tu tienda a actuar sobre ello. Puede crear y gestionar productos, cupones, cuentas de clientes, marcas y mucho más, directamente desde el mismo chat:

• Crea un cupón con un 15% de descuento para pedidos superiores a 50€, válido hasta finales de agosto.
• Añade un nuevo producto llamado “Bolsa de lino”, con un precio de 39€, a la categoría Bolsos.
• Crea una marca llamada Aurora y asígnala a Productos para exterior.

La decisión y la acción van de la mano. Compruebas que una promoción ha funcionado y, en el siguiente mensaje, lanzas la siguiente. La configuración de cupones antes de cada campaña o las actualizaciones de productos que llevas tiempo posponiendo se convierten en instrucciones de una sola línea.

Modificaciones en bloque: una sola instrucción para todo tu catálogo

Donde Modo Power realmente marca la diferencia es en las tareas repetitivas. Gran parte del trabajo de gestionar una tienda consiste en repetir la misma pequeña tarea en decenas de productos: el mismo cambio de precio, el mismo ajuste en la descripción, el mismo formato, una y otra vez. En un panel de control tradicional, eso supone pasarte toda una tarde haciendo clics. Con el Agente, basta con una sola instrucción:

• Reduce un 10% el precio de todos los productos de mi colección de invierno.
• Añade “apto para lavavajillas” a las descripciones de todos los productos de la categoría Cocina.
• Importa estos productos a mi tienda.

El Agente aplica el cambio a todos los productos que coinciden con los criterios, de modo que actualizar cincuenta productos requiere el mismo esfuerzo que actualizar uno solo. Eso te devuelve horas cada semana para dedicarte a las tareas de tu negocio que solo tú puedes hacer.

El Modo Power está desactivado por defecto y tú decides cuándo activarlo. Para hacerlo, abre los Ajustes del Agente de IA para tiendas online y activa Modo Power. Puedes volver a desactivarlo en cualquier momento, así que siempre tendrás el control sobre si el Agente puede realizar cambios en tu tienda o simplemente analizarla y responder a tus preguntas.

Incluido en tu plan, gracias a los tokens de AI Studio

El Agente de IA para tiendas online está disponible sin coste adicional en los planes Sell, Grow y Scale de SiteGround Ecommerce. Funciona con los mismos tokens de AI Studio que ya tienes como cliente de SiteGround, y todos los clientes de SiteGround disponen de 20.000 tokens de AI Studio incluidos en su cuenta. Tu nuevo miembro del equipo ya está listo para ayudarte. Sin procesos de selección, sin sueldo y sin periodo de adaptación.

Cómo empezar a sacarle partido

• Inicia sesión en tu panel de SiteGround Ecommerce y descubre el nuevo diseño.
• Accede a la sección de Tienda y abre el Agente de IA para tiendas online.
• Empieza con una pregunta cuya respuesta ya conozcas y comprueba cómo responde el agente.
• Cuando estés listo para delegar tareas, abre la página de configuración del Agente de IA para tiendas online y activa el Power Mode.

El mejor fichaje para tu tienda

Cada herramienta que añadimos a SiteGround Ecommerce debe superar una prueba: ¿te ayuda a ganar tiempo para hacer crecer tu negocio? El Agente de IA para tiendas online cumple ese objetivo por partida doble. Responde a las preguntas que impulsan tus decisiones y se encarga del trabajo que esas decisiones generan, todo desde un chat integrado en tu nuevo panel. Y, como seguimos enseñándole nuevas capacidades, el agente que conoces hoy es la versión menos avanzada que tendrás.

El nuevo panel y el Agente de IA para tiendas online ya están disponibles. Inicia sesión, haz una pregunta sobre tu tienda y descubre qué puede decirte.

Ahora puedes añadir una página de pago de Stripe a cualquier cosa que crees con Coderick AI, de forma sencilla y directamente desde el chat. Tu tienda, tu app, tu página de reservas: todas pueden aceptar pagos online, a través de una pasarela de pago en la que tus clientes ya confían.

Dile a Coderick qué quieres cobrar, conecta tu cuenta de Stripe y ya estás listo para empezar a vender online.

Qué consigues con Stripe en Coderick AI

• Acepta pagos únicos o recurrentes
• Conecta tu cuenta de Stripe, nueva o existente, con facilidad
• Genera flujos de checkout de Stripe y enlaces de pago desde el espacio de trabajo de Coderick
• Funciona con todos los planes de pago de Coderick AI

¿Qué es Stripe?

Stripe es uno de los proveedores de pago más fiables, versátiles y utilizados del mundo, y ahora funciona directamente dentro de Coderick AI. Gestiona pagos con tarjeta, carteras digitales, métodos bancarios locales y suscripciones, y lo usan millones de negocios para procesar pagos de forma segura cada año.

En la práctica, Stripe se encarga del checkout seguro, del tratamiento de los datos de tarjeta y de las comprobaciones antifraude; después, el dinero de cada venta llega a tu cuenta de Stripe. Por eso es un complemento tan natural para Coderick AI: Coderick construye el sitio, la app y el flujo de venta, y Stripe es la capa de confianza que realmente cobra el pago.

Qué puedes vender con Coderick AI y Stripe

Vende tus productos: físicos y digitales

Quizás eres ceramista y aceptas pedidos de un lote de tazas, o fotógrafo y vendes copias impresas. Le dices a Coderick qué vendes y a qué precio, y él construye la tienda online y configura el checkout a través de Stripe.

Cobra por la app que has creado

Has creado algo: un planificador, un rastreador de hábitos, un pequeño CRM. Ahora mismo cualquiera puede usarlo gratis. Pídele a Coderick AI que añada un paso de pago antes de poder usar la app (o para desbloquear la versión completa), el usuario pasa por un checkout de Stripe y paga. Una vez pagado, obtiene acceso. Así, lo que creaste los fines de semana empieza a generar ingresos en lugar de quedarse ahí sin uso.

Cobra por tus servicios

Cobra por el trabajo que ya haces: una consulta, una sesión de coaching, una sesión de fotos, un encargo freelance. El mismo sitio que muestra tu trabajo ahora puede cobrarlo también, así que no tienes que enviar un enlace de pago a mano después de cada trabajo.

Vende suscripciones y membresías

Una venta puntual está bien, pero una suscripción es un ingreso con el que puedes contar cada mes. Puedes configurar una membresía, un plan anual o un acceso continuo, y Coderick AI lo construye. Después, pídele a Coderick que configure el flujo de pago a través de tu cuenta de Stripe.

Una sola integración, muchos métodos de pago online

Sea lo que sea que estés creando, cobrar ahora forma parte de la misma conversación. Conecta tu cuenta de Stripe a tu proyecto de Coderick, y tu sitio o app podrá empezar a aceptar pagos online, únicos o recurrentes. Esto le da a tus clientes un amplio abanico de formas de pagar, entre las más usadas:

La disponibilidad depende de tu configuración y del país de tu cliente. Apple Pay, por ejemplo, requiere verificar tu dominio en tu cuenta de Stripe primero. Otros, como Klarna, solo están disponibles en determinados países. Consulta la documentación de Stripe para conocer los detalles de cada uno.

Stripe decide qué métodos mostrar, en función de la ubicación del cliente, la divisa y lo que tu cuenta esté configurada para aceptar. El mismo checkout puede ofrecer opciones distintas a clientes de diferentes países.

Checkout seguro, gestionado por Stripe

Si alguna vez has pensado en vender online, seguramente te has hecho esta pregunta: ¿qué pasa realmente con los datos de tarjeta de mis clientes? ¿Podríamos mi sitio web y yo asumir esa responsabilidad, y cuáles son los riesgos de seguridad?

Al activar los pagos con Stripe en tu sitio web o app, los pagos no pasan por tus páginas web y los datos completos de la tarjeta nunca tocan tu sitio. Cuando un cliente paga, lo hace en la propia página de checkout segura de Stripe. Los datos completos de su tarjeta van directamente a Stripe y nunca tocan tu sitio ni el código que hay detrás. Stripe es una de las compañías más fiables en pagos, así que la página que ven tus clientes es una que ya conocen y en la que se sienten seguros.

Cómo configurar Stripe en Coderick AI

Configurarlo lleva solo unos clics:

• Dile a Coderick qué quieres vender, en lenguaje sencillo (“permite reservar una consulta de pago”, “vender acceso a mi curso online”).
• Coderick construye tu sitio o app y luego muestra en el chat una tarjeta de conexión con Stripe. Haz clic en Conectar. (También puedes conectarlo en cualquier momento desde el menú de Integraciones).
• Copia una clave del panel de tu cuenta de Stripe y pégala en el cuadro de diálogo de conexión. (Aquí tienes cómo crear tu clave. Solo lleva un par de clics).
• Coderick construye el checkout completo por ti: tus productos, enlaces de pago y página de confirmación, todo a partir de lo que has descrito.
• Pruébalo primero en modo de prueba para ver todo el flujo funcionando, y luego conecta tu clave en modo real cuando estés listo para aceptar pagos reales. (Descubre cómo pasar del modo de prueba al modo real).

Eso es todo por tu parte. Para la guía paso a paso completa, incluyendo cómo crear tu clave y pasar a modo real, consulta la guía completa: Cómo integrar Stripe en Coderick AI.

A partir de aquí, sois tú y tus clientes

Construir nunca fue la parte difícil; cobrar sí lo era. Configurar los pagos siempre ha sido justo lo contrario a la naturaleza fluida del vibe coding: semanas de configuración, no minutos, antes de que un solo cliente pudiera pagarte. Así que muchos proyectos buenos se quedaron como proyecto paralelo: tu app, tu herramienta, algo que creaste pero que nunca llegaste a convertir en un negocio.

Eso es lo que cambia ahora. Describes qué vendes, Coderick AI construye el checkout en segundos, y lo que creaste pasa de idea a primer cliente de pago en una sola conversación. En el momento en que personas reales empiezan a pagar por ello (no una nómina, no un encargo de cliente, sino desconocidos que eligen comprar algo que has creado), deja de ser un prototipo. Es un producto real.

Es una sensación que cuesta poner en palabras. Tanto si te consideras un fundador no técnico como un vibe coder, este es el momento para el que todo esto existía: que tu proyecto paralelo se convierta en tu proyecto principal. A partir de aquí, sois tú y tus clientes.

¿Listo para empezar a vender?

Si ya has construido algo en Coderick AI, esta es la pieza que lo convierte en un negocio. Abre tu proyecto, dile a Coderick qué quieres vender y conecta Stripe.

Si todavía no has construido nada, ahora es un buen momento. Descríbelo, publícalo y cobra por ello, sin salir del chat.

Preguntas frecuentes

Gestionar una pequeña empresa implica ser multifacético: diseñador, especialista en marketing, contable, departamento de envíos. Solucionar problemas del sitio web no debería ser una de esas responsabilidades. Por eso, cada vez que actualizamos el SiteGround Website Builder, la pregunta es la misma: ¿realmente facilita tu día a día? 

Envíos profesionales, sin complicaciones: presentamos nuestra integración con Shippo

Gestionar envíos parece sencillo hasta que te pones manos a la obra. ¿Qué transportista? ¿Qué tarifa? ¿Cobraste de más y perdiste una venta, o cobraste de menos y asumiste el coste? Todo se acumula rápidamente.

Con nuestra nueva integración con Shippo, tomar estas decisiones es mucho más fácil. Tus clientes ven las tarifas de envío en tiempo real al finalizar la compra, calculadas según el tamaño, el peso y el destino del paquete. Además, tienes acceso a tarifas con descuento de 16 transportistas, incluyendo FedEx, UPS, USPS, DHL y Royal Mail, en 49 países.

Y cuando un pedido está listo para enviar, generar la etiqueta solo requiere unos clics. El número de seguimiento se envía automáticamente a tu cliente y el estado del pedido se actualiza solo. Sin copiar y pegar, sin tener que andar buscando confirmaciones.

Para quienes envían productos con regularidad, esta actualización les ahorrará horas cada semana. Ten en cuenta que la integración con Shippo está disponible en los planes Grow y Scale.

Capta a tus visitantes con popups

A veces, el mensaje más efectivo es el que aparece en el momento exacto. La nueva función de popups te permite crear y mostrar mensajes segmentados directamente en tu tienda, sin necesidad de código.

Tú decides quién ve cada popup y cuándo: configura activadores basados en tiempo o desplazamiento, define la frecuencia de reaparición y segmenta por páginas, categorías o productos específicos. Activa o desactiva cualquier popup en cualquier momento.

La creación y edición de popups está disponible en todos los planes. Para activar un popup se requiere un plan Trial o Scale.

Obtén tus datos de ventas cuando los necesites

Temporada de impuestos, conciliación mensual, revisión de las cifras del mes anterior… Sea cual sea el motivo, revisar los pedidos uno por uno no es tarea fácil. Ahora ya no tienes que hacerlo. Exporta tus pedidos como un archivo CSV, filtrado por rango de fechas y estado, y recibirás un correo electrónico con un enlace de descarga cuando esté listo.

Crea tu sitio web exactamente como lo deseas

Cuando necesites algo que el creador no incluya de forma predeterminada (por ejemplo, un calendario de reservas, una cuenta regresiva para lanzamientos, un contenido incrustado específico), el nuevo componente de código personalizado te permite insertar HTML, CSS, JavaScript, iframes o Markdown directamente en cualquier página. No necesitas un desarrollador y el resto de tu sitio no se verá afectado.

Recopila la información correcta

Un formulario de contacto genérico genera respuestas genéricas. Pero un formulario diseñado para tu negocio obtiene exactamente las respuestas que necesitas. Con ese objetivo en mente, los campos de formulario personalizados te permiten agregar texto corto y largo, email, menús desplegables, botones de opción, casillas de verificación y separadores a cualquier formulario de contacto. Ya sea para captar clientes, solicitar presupuestos o registrarse, tu formulario se adapta al funcionamiento de tu negocio.

Mueve elementos más rápido

Reorganizar un diseño solía implicar mover los elementos uno por uno. Ahora, la selección de múltiples componentes te permite seleccionar varios elementos a la vez y moverlos juntos. Un pequeño cambio que marca la diferencia cuando estás inmerso en un rediseño.

Diseñado para ti y contigo

Todas estas actualizaciones surgieron de escucharte: tus comentarios, tus frustraciones y las tareas que tardaban más de lo debido. Crear un sitio web profesional o gestionar una tienda online debería ser algo que cualquiera pueda hacer, sin necesidad de un equipo de desarrollo ni un departamento de logística. Estas actualizaciones lo hacen posible, y aún hay mucho más por venir.

Crear con Coderick AI es realmente increíble. Describes lo que quieres y Coderick AI lo construye por ti. Esto funciona de maravilla cuando partes de una idea. Pero a veces no es así. A veces ya tienes algo creado en otro lugar que quieres utilizar como referencia o aprovechar dentro de tu proyecto.

Quizás maquetaste un diseño con Claude Design y lo quieres como página de inicio. Quizás un artefacto de Claude te dejó un componente muy cerca de lo que necesitabas y solo tienes que meterlo en un proyecto real y publicado. Quizás encontraste una plantilla HTML que casi es perfecta, y prefieres pasarle el archivo antes que describirla en tres párrafos.

Para eso está la subida de archivos en Coderick AI.

Construye sobre lo que ya tienes, no desde cero

Utiliza la función de carga de archivos como punto de partida y pídele a Coderick que trabaje a partir de ellos. Añade nuevas secciones a un diseño de página de inicio que hayas subido. Convierte una página única en un sitio web multipágina. Añade funcionalidades a un diseño estático.

Coderick construye sobre tu trabajo existente, añade nuevos elementos, mejora tu borrador y finaliza el proyecto, en lugar de empezar desde cero. Así ahorras tiempo y créditos, al mismo tiempo que aumentas el valor del trabajo que ya has realizado.

Mantén tus propios estilos

Puedes pedirle a Coderick que aplique directamente un archivo. El HTML que subas se convierte en la base de tu página de inicio. Los estilos que cargues se utilizan en todo el proyecto. Coderick lee el código fuente y lo reconstruye dentro de tu proyecto: tu estructura, tus estilos y tus elementos específicos.

Antes, tenías que describir con palabras cualquier trabajo previo que hubieras realizado: los espaciados, las columnas, los efectos hover o cualquier elemento visual que quisieras conservar. Y cualquiera que haya intentado describir detalles de diseño específicos a una IA sabe cómo suele acabar: obtienes algo que se parece en un 80% a lo que querías, y el 20% restante se convierte en un largo proceso de ajuste mediante prompts de seguimiento.

Lleva tu trabajo a producción más rápido

Subir tus archivos a Coderick AI te permite tener un proyecto funcional en línea mucho antes. Ahorras el tiempo que dedicarías a volver a describir mediante prompts algo que ya has creado y puedes invertirlo en transformar ese diseño en un sitio web o una aplicación web real y operativa.

Tipos de archivo compatibles con Coderick AI

Coderick AI acepta los tipos de archivo de texto que más probablemente ya tienes:

Puedes subir hasta 30 archivos a la vez, con un tamaño combinado de 500 kB. Las subidas de imágenes son independientes y admiten hasta 10 imágenes.

Cómo sacarle el máximo partido a la subida de archivos

La subida de archivos da a Coderick más con lo que trabajar. Cómo la uses determina el resultado.

Aun así, debes ser específico: «Aplica este diseño como página de inicio» siempre da mejor resultado que «usa este archivo». Coderick lee lo que subes, pero necesita que le digas dónde va el archivo y qué papel desempeña.

Sube juntos todos los archivos relevantes: Si tu diseño está repartido entre un archivo HTML y uno CSS, súbelos juntos. Coderick tiene más contexto cuando el panorama está completo.

Elimina de tus archivos los elementos innecesarios: Si puedes, revisa y elimina estilos sin usar, comentarios innecesarios o código auxiliar de otra herramienta. En definitiva, cualquier cosa que no quieras que Coderick interprete como intención. Una revisión rápida antes de subir hace que el primer resultado se acerque más al objetivo.

La subida de archivos es para los archivos concretos que quieres que Coderick lea como contexto dentro de un proyecto (todavía). No es una forma de importar un repositorio completo ni una carpeta de proyecto entera.

Ve a Coderick AI y carga lo que ya tengas creado: una exportación de Claude, una plantilla o un componente que hayas estado perfeccionando. A partir de ahí, deja que Coderick continúe construyendo sobre tu trabajo.