# Tu primer documento, de principio a fin

**Entra con tu correo, confirma el subdominio de tu empresa, sube el archivo HTML y escribe los correos de quienes deben verlo. Eso es todo.**

## Antes de empezar: el archivo

Necesitas **un archivo `.html`** en tu computadora. No es un formato raro: es una página web guardada como archivo, se abre con doble clic en tu navegador y lo genera tu IA.

Si todavía no lo tienes, en la sección [Prompts](/guias/como-usar-estos-prompts) está lo que le pides —desde convertir un PDF que ya mandaste hasta armar la propuesta desde la transcripción de la llamada—, y en [Deja que la IA te guíe](/guias/deja-que-la-ia-te-guie) está el prompt para que tu IA te acompañe todo el camino.

**Cuando tu IA te entregue la propuesta, va a pasar una de dos cosas:**

- **Te deja un archivo para descargar.** Descárgalo y ya: eso es lo que vas a subir. Asegúrate de que el nombre termine en `.html`.
- **Te deja el código dentro del chat**, en un recuadro gris. Entonces lo guardas tú, en un minuto:
  1. Copia **todo** el recuadro, desde `<!DOCTYPE html>` hasta `</html>`.
  2. **En Mac:** abre TextEdit → menú Formato → *Convertir a texto sin formato* → pega. Guarda como `propuesta.html`, con codificación **UTF-8**. Ojo: TextEdit intenta ponerle `.txt`; quítaselo.
  3. **En Windows:** abre el Bloc de notas → pega → Guardar como → en "Tipo" elige *Todos los archivos*, nómbralo `propuesta.html` y en Codificación elige **UTF-8**.
  4. Dale doble clic al archivo. Si se abre tu propuesta en el navegador, quedó. Si ves acentos rotos (`Ã±`), vuelve a guardarlo en UTF-8.

Los detalles de dónde deja el archivo cada IA —Claude, ChatGPT, Gemini, Copilot— están en [Cada IA a su manera](/guias/cada-ia-a-su-manera).

## 1 · Entra a tu cuenta

Abre `https://app.cartaventa.com/login`, escribe tu correo y presiona entrar. Te llega una liga por correo; la abres y ya estás adentro. **No hay contraseñas** — ni que recordar, ni que te roben. La sesión dura 30 días en ese navegador.

Si tu correo no está dado de alta todavía, pide acceso desde la portada: Cartaventa está en acceso por invitación.

## 2 · Confirma tu subdominio

La primera vez te pedimos confirmar el **subdominio de tu organización**: `tuempresa.cartaventa.io`. Es la dirección donde van a vivir todos tus documentos, y la que tus clientes ven en el navegador.

Te sugerimos uno a partir del nombre de tu empresa. **Piénsalo tantito: una vez fijado ya no se cambia**, porque las ligas que mandaste apuntan ahí. Corto, el nombre con el que te conocen tus clientes, sin guiones si se puede.

## 3 · Sube el documento

En **Documentos → Subir documento**:

- **Título**: para ti y para el correo que le llega a tu cliente. Si lo dejas vacío, tomamos el `<title>` del archivo. Algo como "Propuesta · Industrias del Norte · septiembre" te salva cuando lleves treinta.
- **Archivo**: arrastra tu `.html`, de hasta 25 MB. Si trae fotos pesadas, las comprimimos al publicar.

Presiona **Publicar documento**. Si el archivo no cumple las reglas —no es HTML, pesa de más, trae un campo de contraseña— te lo decimos ahí mismo y qué corregir. Ver [Cuando un documento no se publica](/guias/cuando-un-documento-no-se-publica).

**Publicar no es compartir.** El documento queda arriba, privado, sin que nadie pueda abrirlo todavía.

## 4 · Revísalo como lo va a ver tu cliente

En el detalle del documento, presiona **Ver**. Abre el documento en su host real, con la barra de abajo y todo, exactamente como lo va a ver tu cliente. **Esa apertura no cuenta**: tu propio ensayo no ensucia el contador.

Es el momento de revisar lo que la IA suele fallar: que las cifras cuadren, que la calculadora calcule bien, que el nombre del cliente esté bien escrito, y que en el celular se vea decente.

**Para verlo en tu propio celular** tienes dos caminos: entrar al tablero desde el navegador de tu teléfono —te llega tu liga de acceso por correo, como siempre— y presionar **Ver** ahí; o escribir tu propio correo en el primer envío de Compartir, junto al de tu cliente. Si eliges lo segundo, ten en cuenta que **tus aperturas sí cuentan** en el contador y que tu fila aparece en la tabla de destinatarios; cuando ya no la quieras, usa **Quitar acceso** en tu propia fila.

## 5 · Mándale la liga

Abajo, en **Compartir**, escribe los correos separados por coma o por salto de línea (hasta 15 por envío), un mensaje opcional, y **Enviar ligas**.

A cada persona le llega un correo con **su liga**. La abre, y desde ese momento ese navegador tiene acceso. No hay registro, no hay contraseña, no hay app que instalar.

## 6 · Después

Vuelve al detalle cuando quieras y vas a ver quién abrió, cuántas veces, y a quién invitó tu cliente adentro de su empresa. Desde ahí también puedes:

- **Reemplazar la versión** sin cambiar la liga que ya mandaste.
- **Quitarle el acceso** a una persona, o a todas.
- **Archivar** el documento cuando el trato se cerró o se cayó.

## Qué sigue

Antes de generar el siguiente documento, lee [Cómo debe ser el HTML](/guias/como-debe-ser-el-html). Son las reglas que tu IA tiene que respetar, y entenderlas te ahorra el rebote.
