Editor web
El editor es el lugar donde vives con tu web. Desde aquí puedes pedir cambios con lenguaje natural, previsualizar el resultado en tiempo real, gestionar tu carta de servicios y publicar cuando estés satisfecho.
Vista general
El editor está dividido en dos partes principales: a la izquierda la vista previa de tu web y a la derecha el panel de chat con la IA. En móvil, puedes alternar entre ambas vistas con las pestañas de la barra superior.
Vista previa
Render en tiempo real
de tu página web
Chat IA
Pide cambios con
lenguaje natural
La barra superior contiene los controles globales del editor:
Acciones de la barra superior
Saldo de créditos
Muestra tu balance actual de créditos IA. Haz clic en «Recargar» para añadir más.
Editar carta
Abre el editor de carta de servicios (disponible en Presencia Pro).
Pantalla completa
Abre la vista previa de tu web en una nueva pestaña sin el chrome del editor.
Recrear web
Genera una nueva versión completa de tu web desde el formulario inicial. Consume créditos IA.
Ver publicada
Abre la URL pública de tu web una vez publicada.
Publicar web / Subir cambios
Publica o actualiza tu web para que sea accesible públicamente.
Las tres pestañas
El editor tiene tres modos de vista accesibles desde la barra superior (en móvil) o desde los botones del encabezado (en escritorio):
Web
Muestra la vista previa de tu web. Es la vista por defecto.
Chat
Muestra el panel de chat IA para pedir cambios.
Carta
Abre el editor de carta/menú de servicios (plan de pago).
Nota: En escritorio, la vista previa y el chat IA se muestran lado a lado. No necesitas cambiar de pestaña: ves el resultado de tus cambios en tiempo real mientras escribes en el chat.
Chat IA
El chat es la herramienta principal del editor. Escribe en lenguaje natural lo que quieres cambiar y la IA modificará el código de tu web automáticamente.
Cambiar textos
«Cambia el título del hero por 'Tu salud, nuestra prioridad'»
Modificar secciones
«Añade una sección de precios con tres columnas»
Ajustar estilos
«Pon el fondo del footer en negro y el texto en blanco»
Cambiar imágenes
«Reemplaza la imagen de portada por la foto que acabo de adjuntar»
Consejo: Sé específico con tus peticiones. En lugar de «mejora la web», prueba con «cambia el color del botón principal de naranja a azul marino y hazlo más grande». Cuanto más concreto seas, mejor será el resultado.
Para enviar un mensaje pulsa Enter. Si necesitas añadir un salto de línea usa Shift + Enter.
Importante: Cada mensaje consume créditos de tu saldo. La IA procesa el contexto completo de tu web y la conversación anterior, por lo que conversaciones largas consumen más. Si el saldo baja por debajo de 0,15 $ el chat se bloqueará hasta que recargues.
Cambios rápidos
En la parte superior del panel de chat encontrarás los cambios rápidos: accesos directos a las optimizaciones más habituales. Haz clic en cualquiera para enviarlo al instante sin escribir nada.
Prompts rápidos disponibles
Mejorar diseño móvil
Revisa y corrige fallos de responsive: textos cortados, overflow, botones solapados y navegación móvil. Usa automáticamente el modo de razonamiento profundo.
Arreglar contraste
Revisa todos los textos, botones y cards y corrige los que no se lean bien por falta de contraste.
Pulir botones
Unifica el estilo de los botones principales y secundarios: contraste, estados hover y consistencia visual.
Nota: «Mejorar diseño móvil» activa automáticamente el modo Alto razonamiento porque requiere analizar toda la estructura CSS de la página. Esto consume el doble de créditos que una edición rápida estándar.
Adjuntar imágenes al chat
Puedes adjuntar hasta 4 imágenes por mensaje para que la IA las use como referencia o las inserte directamente en tu web.
Cómo adjuntar imágenes
- 1Haz clic en el icono de cámara en la barra inferior del chat.
- 2Selecciona una o varias imágenes desde tu dispositivo.
- 3También puedes arrastrar y soltar imágenes directamente sobre el área del chat.
- 4Cada imagen recibe un número: #1, #2, #3…
- 5Usa esos números en tu mensaje para indicar a la IA qué hacer con cada imagen.
Ejemplo de uso: Adjunta dos fotos y escribe: «Usa #1 como imagen de portada del hero y #2 en la sección "Sobre nosotros"». La IA sabrá exactamente qué imagen colocar en cada lugar.
Importante: El límite máximo es de 4 imágenes por mensaje. Si necesitas reemplazar más imágenes, hazlo en varios mensajes separados.
Modo de razonamiento
Antes de enviar un mensaje puedes elegir el modo de razonamiento desde el selector de la barra del chat:
Ideal para cambios sencillos: textos, colores, ajustes de padding. La IA responde en segundos con un consumo normal de créditos.
Recomendado para cambios complejos: reestructurar secciones, responsive, lógica de layout. Tarda más pero produce resultados más precisos.
Nota: El modo Alto razonamiento consume el doble de créditos por mensaje. Úsalo cuando el cambio sea complejo o cuando el resultado del modo Rápido no sea el esperado.
Restaurar el cambio anterior
Después de cada edición aprobada por la IA aparece, en la parte inferior del chat, un aviso de «Diseño anterior guardado». Mientras ese aviso esté visible puedes volver al estado previo pulsando el botón «Volver».
Diseño anterior guardado
Puedes volver al estado previo al último cambio.
Importante: Solo se guarda el estado inmediatamente anterior al último cambio. Si realizas un segundo cambio, el estado más antiguo se perderá. Esta opción no reemplaza hacer revisiones frecuentes antes de publicar.
Créditos y saldo
Cada vez que la IA procesa un cambio en tu web consume una pequeña cantidad de créditos de tu saldo. El consumo depende de la longitud del contexto (toda la conversación anterior + el código de tu web) y de la complejidad del cambio.
Saldo incluido en cada plan
Presencia Pro
5 $ al activar
Renovable con recargas opcionales
Plan Gratuito
1 $ una sola vez
Sin posibilidad de recarga adicional
Cuando necesites más saldo puedes recargar desde el botón «Recargar» de la barra superior. Hay tres paquetes disponibles:
Starter
5 $
5 €
Plus
10 $
8 €
Pro
20 $
16 €
Nota: El saldo no caduca. Si no usas todos los créditos de un mes pasan al siguiente mientras tu suscripción esté activa.
Publicar la web
Cuando estés satisfecho con el resultado, pulsa el botón principal «Publicar web» en la barra superior. La primera vez se generará tu subdominio público con el formato:
Tras publicar, el botón cambia a «Subir cambios». Cada vez que hagas modificaciones con el chat y quieras que se vean en la web pública, deberás pulsar ese botón para actualizar.
Límite de actualizaciones
Cada sesión de web incluye 10 actualizaciones gratuitas. El contador se muestra en la barra superior como X/10 actualizaciones restantes. Cuando llegues a 0, el botón mostrará «Límite de actualizaciones» y quedará deshabilitado.
Si necesitas más actualizaciones, contacta con soporte desde la página de contacto →
Consejo: Agrupa varios cambios en el chat antes de pulsar «Subir cambios» para no consumir actualizaciones innecesariamente. Solo necesitas publicar cuando quieras que los cambios sean visibles para tus clientes.
Carta de servicios
La carta de servicios es una funcionalidad exclusiva de los planes de pago. Te permite crear y gestionar un listado de servicios o productos que se muestra en una página dedicada de tu web, sin necesidad de tocar el chat IA.
Accede desde el botón «Editar carta» de la barra superior o desde la pestaña Carta en móvil.
Campos de cada servicio
Nombre
requeridoEl nombre del servicio o producto.
Precio
Precio a mostrar (texto libre: «desde 20 €», «consultar»…).
Categoría
Agrupa servicios: «Tratamientos», «Cortes», «Packs»…
Descripción
Texto breve que aparece bajo el nombre.
Foto
Imagen representativa del servicio (opcional).
Servicios destacados
Puedes marcar hasta 3 servicios como destacados para que aparezcan en la portada de tu web (por ejemplo, en una sección de «Servicios principales»). Usa el botón «Destacar» en cada tarjeta de servicio.
Puedes cambiar el orden de los servicios con las flechas de subir/bajar de cada tarjeta. El orden aquí reflejado es el orden en que aparecerán en la página.
Guardar la carta
Guardar y publicar carta
Guarda los cambios y los publica en la URL pública de tu carta al instante.
Solo guardar
Guarda los cambios en borrador sin hacerlos visibles todavía en la web pública.
Nota: La carta tiene su propia URL pública: tu-negocio.conectak.com/carta. Puedes previsualizar cómo queda usando el enlace «Ver carta» en la parte superior del editor de carta.