• Ayuda · Tu web

Tu web

Tu IA crea tu web y la pone en línea en Company of One. Primero ves una vista previa. Solo sale en vivo después de tu sí, con un plan de pago.

¿Dónde está mi web?

  • En Home hay una tarjeta "Tu web". Dice "Publicada en" con la dirección cuando la web está publicada, o "Privada" mientras solo la ves tú. "Copiar dirección" la copia, y "Vista previa" abre la vista previa más nueva.
  • Settings, "Tus webs" muestra cada web con "tu dirección gratuita" y tu propio dominio si tienes uno.
  • Tu dirección gratuita se hace con el nombre corto de tu empresa. No necesitas comprar un dominio para tener una.
  • Tu web principal es la de Home. Otras webs o páginas que hizo tu IA son extra.
  • Durante la prueba gratuita la web sigue siendo privada. Con un plan de pago se publica después de tu sí.

"Not connected", "Not set up" y "Hosted on"

  • Fíate de la tarjeta de Home: lee tu web de verdad.
  • Las listas de herramientas (en Marketing, "Website & pages", y en las herramientas de cada departamento) leen tu propia lista de herramientas. Pueden decir "Not connected" o "Not set up" aunque tu web esté publicada, porque esa lista no se rellenó. A la web no le pasa nada.
  • "Hosted on" es dónde vive una herramienta. Para una web hecha aquí, y si nunca tuviste web, escribe Company of One.

Cambiar las palabras, las fotos y el estilo

  • Hoy es tu IA quien cambia las palabras y las fotos de tu web. Dile qué cambiar, mira la vista previa y di que sí. La oficina todavía no tiene un editor de páginas propio.
  • Tus fotos: súbelas en Media y dile a tu IA cuáles usar y dónde.
  • Tu teléfono, tus precios o tus horarios: díselo a tu IA, y ella los pone en la página.
  • Settings, "Tu estilo" muestra tus colores, tus letras y tu logo. Para cambiarlos, pídeselo a tu IA: elige uno de los estilos ya hechos o cambia un color, y te pide el sí.
  • Una web ya construida no cambia sola cuando cambia tu estilo o tu rumbo. Pide a tu IA que la vuelva a construir, mira la vista previa y di que sí.
  • El idioma de tu web: díselo a tu IA. Una página está en inglés salvo que tu IA le dé un idioma.
  • Cada web tiene una página de privacidad y una de condiciones. Una página Impressum, rellenada con los datos de tu empresa y enlazada en cada pie de página, llega pronto.

Cómo se crea una web

Hay dos formas, y las dos llegan al mismo sitio:

  • La forma fácil: tu IA describe la página en un archivo page.json y la oficina la monta, con formularios y todo. La habilidad build-a-landing-page hace esto. Úsala cuando tu IA no puede ejecutar código. El page.json necesita un brand (los colores y las fuentes de la página), como en el page.json de ejemplo de la habilidad. Sin un lang, la página está en inglés.
  • A mano: tu IA escribe ella misma los archivos HTML, CSS y JS y los envía con deploy_site.

Cada web tiene un index.html, su página principal. El primer envío manda todos los archivos. Después, tu IA solo manda los archivos que cambian, con base puesto en la versión sobre la que trabaja.

Las tres partes siguientes son para tu IA. Cuentan cada regla que la oficina comprueba cuando una web se pone en línea, para que tu IA lo haga bien a la primera. Tú no necesitas aprenderlas.

Tipos y tamaños de archivo

  • Archivos de texto: html, css, js, mjs, json, webmanifest, txt, xml, map y svg. Envíalos como texto normal.
  • Imágenes, fuentes, PDF y 3D: png, jpg, gif, webp, avif, ico, woff, woff2, ttf, otf, pdf, glb, bin (con el .gltf que lo nombra), hdr, ktx2 y wasm. Envíalos en base64. Un .gltf es texto.
  • Los vídeos y el sonido van en la mediateca, nunca en la web.
  • Las fotos que ya están en tu biblioteca de medios: media: [{ path, asset_id }] pone una copia en tamaño web (.webp) de cada una en la web, en esa ruta.
  • Los tamaños vienen con tu plan: hasta 25 MB por archivo, y de 2.000 archivos y 250 MB por web en la prueba hasta 20.000 archivos y 2 GB en Growth. deploy_site con read: true dice los tuyos. Una llamada lleva unos 3 MB: manda el resto en más llamadas, con base. ¿Necesitas más? Escribe a hello@companyofone.eu y lo ampliamos.
  • Las rutas usan solo letras, cifras y . _ - /, sin / al principio y sin ...

Tu propio código: seguimiento, widgets e integraciones

Cualquier web funciona aquí, como en Kajabi: pega tu código de seguimiento o de widget en el head, el footer o un bloque de código.

  • Cada página: el page.json de la portada lleva site_code (head, footer). Una página: su page.json lleva code (head, footer, block, un bloque de código en la página). Una página que tu IA escribe a mano lleva código en cualquier parte de su HTML.
  • Scripts, integraciones, escenas 3D (three.js, WebGL), animación, fuentes y medios de cualquier dirección https funcionan en tus páginas públicas.
  • Google Analytics, Google Tag Manager, el píxel de Meta y otros píxeles, con eventos de contacto y de compra: el skill tracking los añade con nuestro propio aviso de cookies, para que nada siga a un visitante antes de su sí. La ley de la UE lo pide, y como dueño de la web es tu deber; el skill lo hace bien.
  • Antes de que nada se publique, la tarjeta de sí muestra qué carga el código y de dónde ("Esta página añade código de: ..."). Cada versión se puede deshacer.
  • Las ventanas emergentes y las cuentas atrás están apagadas, salvo que las pidas. Entonces tu IA añade una ventana tranquila, o una cuenta atrás hasta una fecha de fin real.

Tu área de miembros tiene su propia dirección

  • Tus miembros entran, ven lo que compraron y gestionan su plan en su propia dirección protegida (members--anna.companyofone.site). El código de otras webs nunca se ejecuta allí, así que nunca llega al acceso ni a los pagos de un miembro. El pago se hace en la propia página de Stripe.
  • Los enlaces a /members/ de tu web llevan allí solos.
  • Para tu IA: las páginas bajo members/ solo ejecutan los archivos .js propios de la web (nada de código dentro de la página, nada de scripts de otras direcciones: copia una librería en la web), y su código solo llama a /api/v1/... o a un host de co1-app.json allowedHosts.connect.

Nunca en una web

Para proteger a tus visitantes, esto se rechaza al publicar una web y se vuelve a comprobar cada día: campos de contraseña, tarjeta, banco o código de un solo uso; una página que manda a los visitantes a otra web nada más abrirse; código que mina criptomonedas; scripts de direcciones conocidas por el malware; y programas o archivos comprimidos como archivos. Los formularios tienen sus propias reglas: mira "Formularios en tu web".

Vender en tu web

Un botón de compra necesita tres cosas: co1-app.json con checkout.create en sus permisos, un área de miembros en members/index.html a la que llegan los compradores después de pagar, y productos con precio. La habilidad build-a-landing-page te prepara las tres.

Una descarga gratis es un producto marcado como gratis y sin precio: cada miembro que entra la recibe, y tú ves quién la tomó. Regalarla espera tu sí, como cualquier producto. Quien tomó algo gratis no aceptó recibir emails: escríbeles solo si se apuntaron a tu lista.

Actualizar, deshacer y quitar

  • deploy_site con read: true muestra la versión actual de la web, sus direcciones y la clave para la comprobación antibots de los formularios.
  • read y undo van solos, sin archivos. undo: true vuelve a la versión que estaba en vivo antes.
  • Para quitar archivos, ponlos en remove, junto con base.
  • Tu plan marca cuántas páginas puede tener cada web.

Galerías, listas y búsqueda

Tu IA puede añadir a tu sitio una galería, un directorio, un catálogo o cualquier lista. Cada una es una colección de contenido: un solo diseño, y una página para cada elemento.

  • Pública o solo para miembros. Una colección pública recibe sus páginas cada vez que tu IA actualiza el sitio. Una solo para miembros no crea páginas públicas: la ven los miembros que han iniciado sesión, y si pertenece a un producto, solo quienes lo compraron.
  • Enviado por visitantes. Un formulario de tu sitio puede añadir elementos, como reseñas o fichas. Cada uno espera hasta que tu IA lo marque como listo y tú digas que sí a la versión en la que está.
  • Fotos y películas. Un elemento puede tener una foto o una película de tu biblioteca de medios. Las fotos se copian en el sitio; las películas se reproducen desde la biblioteca de medios.
  • Búsqueda. Cada versión de tu sitio tiene su propia búsqueda, y tu IA puede poner el cuadro de búsqueda en la cabecera.

Una empresa tiene hasta 50 colecciones, cada una con hasta 5.000 elementos. Las páginas públicas cuentan para las páginas de colección de tu plan.

Un blog

Tu IA puede llevar un blog en tu sitio, como en Squarespace y WordPress. Es una colección de contenido llamada, por ejemplo, blog, con esto en la colección:

  • Categorías y etiquetas. category y tags nombran los campos que las guardan. Cada categoría y cada etiqueta tiene su propia página con sus entradas, en /blog/category/<name>/ y /blog/tag/<name>/. Tú o tu IA cambiáis la categoría o las etiquetas de una entrada como cualquier otro campo.
  • RSS. feed: true crea un feed en /blog/rss.xml con las 20 entradas más nuevas, y uno por cada categoría. Los lectores de feeds y las herramientas de email pueden seguirlo. Cada página le dice al navegador dónde está su feed.
  • Buscadores. Cada entrada y cada página de categoría y de etiqueta está sola en tu sitemap.

Una entrada se hace pública solo cuando está lista y dijiste que sí a la versión en la que está. Las páginas cuentan para las páginas de colección de tu plan.

Visitas a tu sitio

Inicio y Sitio web y páginas muestran cuántas páginas se abrieron: hoy, en los últimos 7 días y en los últimos 30 días, y tus páginas más leídas. Se cuentan sin cookies y sin ningún dato del visitante, así que no hace falta un aviso de cookies para ellas. Contamos páginas abiertas, no personas: alguien que lee tres páginas cuenta tres veces. Los robots y las vistas previas de enlaces no cuentan, y tus propias vistas previas nunca cuentan. Tu IA ve los mismos números en su estado.

Salir en vivo

  1. Cada envío da una dirección de vista previa. Solo la ves tú.
  2. Cuando te guste, tu IA propone site_publish con { site, version }, tal cual respondió deploy_site. Dices que sí, y esa versión sale en vivo.
  3. Durante la prueba gratuita, una web sigue siendo una vista previa. Sale en vivo cuando tienes un plan de pago.

Mudar tu web

Mudar una web desde Squarespace, Wix, WordPress o cualquier otro sitio va paso a paso, con la skill move-in: 1. El primer día: tu Stripe, tu calendario y tus cuentas sociales se conectan aquí, y empiezas a usar Company of One. Tu buzón se queda donde está. 2. Tus contactos y clientes llegan, con su consentimiento guardado. 3. Tu IA rehace cada página aquí, igual que la antigua: el aspecto, las palabras, la estructura y las mismas direcciones. Formularios, reservas y pagos funcionan en Company of One. 4. Tu dominio se muda al final, cuando estés contento. Hasta entonces tu web antigua sigue funcionando.

Las mismas direcciones y redirecciones

  • Cada página conserva su dirección antigua. En co1-app.json, addresses dice la forma que usaba tu web antigua: slash (/about/), plain (/about) o html (/about.html). Las otras formas de una página llevan entonces a ella, y los buscadores reciben la dirección propia de cada página y un mapa de toda la web.
  • Una dirección que tiene que cambiar recibe una redirección: "redirects": [{ "from": "/?p=12", "to": "/blog/my-post/" }]. Una redirección va a una página de la misma web, nunca a /api/ ni al área de miembros. Una cadena se une por ti, y un bucle se rechaza con el motivo.

Tu propio dominio

Tu web empieza en una dirección gratuita. Con un plan de pago puedes añadir tu propio dominio en Settings, Your websites: escribe el dominio y te enseña las líneas exactas que tienes que copiar donde gestionas tu dominio. Para añadir o quitar un dominio, antes te pide el código de tu app de autenticación.