Colecciones
Agrupa varios proyectos y piezas de Studio en una página, o en un sitio pequeño, con un link corto y un código QR.
¿Qué es una colección?
Una colección es una página, o un sitio pequeño, que reúne varios proyectos y piezas de Studio de tu espacio de trabajo bajo un solo link, con el diseño que elijas. En vez de compartir cinco links distintos, compartes uno.
Además de los proyectos, una colección puede tener páginas propias, un navbar, un banner, una imagen de cabecera y tu propio dominio. Las colecciones conviven con tus proyectos en el espacio de trabajo, con su propia visibilidad, contador de vistas y link corto. Son ideales para:
- Una revista de moda que comparte todas las ediciones mensuales en un solo lugar
- Un fotógrafo presentando galerías de clientes juntas
- Un agente inmobiliario agrupando catálogos de propiedades
- Un organizador de eventos juntando todas las presentaciones
- Cualquier creador que quiera mostrar su portfolio completo de proyectos
Crear una colección
Cualquier miembro del espacio de trabajo puede crear una colección. Para empezar:
- Abre Colecciones y sitios en la barra lateral del espacio de trabajo
- Haz clic en "Nueva colección" arriba a la derecha
- Asígnale un título (y opcionalmente una descripción). Ambos se muestran públicamente
- Haz clic en Crear y entrarás al editor para configurar el resto
Agregar, reordenar y quitar proyectos
Todos los cambios sobre los proyectos dentro de una colección son locales hasta que haces clic en Guardar. El botón Guardar se resalta y aparece un badge "Sin guardar" cuando hay cambios pendientes.
Agregar proyectos
Haz clic en "Agregar proyectos" en la pestaña Contenido. El selector muestra todos los proyectos del workspace como tarjetas, con búsqueda y filtros por tipo y visibilidad; pasa a la pestaña Studio para agregar piezas de Studio de la misma forma. Una pieza aparece en la página como tarjeta del proyecto que filma, marcada Studio, y abre su propia página. Los que ya están en la collection siguen visibles, marcados como agregados.
Reordenar
Arrastra el handle a la izquierda de cada fila, o haz clic en el número de una fila y escribe una nueva posición. El menú Más acciones de cada fila también la lleva arriba o abajo del todo. Mientras hay una búsqueda activa no se puede arrastrar. El orden del editor coincide con el que ven los visitantes en la página pública.
Quitar
Abre Más acciones en una fila y elige Quitar. El proyecto queda intacto en el espacio de trabajo, solo se quita el link.
Contenido de la tarjeta
El lápiz de cada fila abre lo que la tarjeta dice en esta página: una descripción sólo para esta collection (vacía usa la del proyecto), una categoría y links externos con ícono, etiqueta y URL, como un ítem del dock: un video de YouTube, una tienda, un PDF. Cada tarjeta puede además mostrar el proyecto embebido en vivo en vez de su preview; los layouts Magazine y Editorial lo hacen por defecto en su tarjeta destacada.
Usa Cmd/Ctrl + S para guardar rápido. Haz clic en Deshacer para revertir todos los cambios sin guardar al último estado guardado.
Personalizar la página de la colección
Elige un diseño en Estilo > Diseño y un tema en Estilo > Tema para definir todo el aspecto de una vez, y después ajusta los colores, el hero y las tarjetas en las otras subpestañas de Estilo para que la página pública siga tu marca. En la vista previa, haz clic en cualquier elemento (el título, una tarjeta, el navbar, el pie) y el panel salta a su configuración.
Layouts y themes
Dos elecciones independientes. Estilo > Diseño define cómo se ordena la página (doce diseños: grillas de tarjetas, nota destacada, cabecera de revista, bento, barra lateral de categorías, línea de tiempo, tiras horizontales y más). Estilo > Tema define colores, fuentes y marco de tarjeta (diecinueve paletas). Combina cualquier diseño con cualquier tema; las miniaturas de los diseños se dibujan con tu tema actual. Las paletas que armaste a mano en tus otras colecciones aparecen primero en el selector de temas. Proyectos, subtítulo, categorías y pie se conservan siempre.
- Midnight, Marfil, Crema, Carbón, Neón, Papel, Terracota, Pastel
- Noir, Bosque, Atardecer, Océano, Concreto, Rosa
- Lima, Verde azulado, Índigo, Papel de diario, Ámbar
Categorías y navbar
Agrupa proyectos en categorías desde Contenido > Categorías: se vuelven filtros, entradas del navbar y, si lo activas, una sección por categoría. Contenido > Navbar decide qué ven los visitantes arriba: el logo y nombre de tu workspace, un logo propio o nada, más links propios y tus redes.
- Categorías: nombre y color; asigna una a cada proyecto desde su panel de contenido de la tarjeta
- Filtros, una etiqueta en cada tarjeta y agrupación opcional por categoría
- Marca del navbar: identidad del workspace, un logo propio que subes, o nada
- Favicon: sube una imagen más o menos cuadrada y la página tiene su propio ícono de pestaña, recortado y redimensionado
- Links del navbar: categorías en línea o desplegable, links externos propios, redes
- Opciones del navbar: dejarlo fijo en pantalla mientras el visitante scrollea, y mostrar u ocultar el nombre de la marca
- "Made with i3dify" en el pie: siempre visible en el plan gratis, opcional en los planes pagos
- Banner: una franja sobre el navbar con un mensaje, un ícono y un link; puede quedar fija mientras la página se desplaza y los visitantes pueden cerrarla
Hero de la página
En Estilo > Hero subes una imagen de fondo para el encabezado. Se redimensiona y comprime como cualquier otra subida, y se borra junto con la collection.
- Cobertura: una franja arriba que se funde con el color de la página, o la página entera
- Foco: qué parte de la imagen sobrevive al recorte (arriba, centro, abajo)
- Desenfoque, un tinte del color de la página para que el título siga legible, y un switch de blanco y negro
- Colores propios para el tinte, el título, el subtítulo y el acento, para que el título se lea sobre la foto sea cual sea la paleta de la página
- Una caja detrás del título (color, opacidad, relleno y radio de las esquinas), un contorno y una sombra, para que el título se lea sobre cualquier foto
- Reemplazar o quitar la imagen borra el archivo anterior de tu almacenamiento
Bloques y páginas
La página principal es una lista de bloques en Contenido > Inicio, con el bloque Proyectos donde van tus proyectos. Contenido > Páginas agrega páginas propias bajo la collection, cada una con bloques y un breadcrumb de vuelta a la principal.
- Bloques: título, texto, cita, acerca de, destacados, destacado (una historia grande con una lista corta al lado), reproductor de Studio (tus piezas de Studio, una se reproduce en grande), imagen, video de YouTube o Vimeo, botón, divisor, espacio y proyectos
- Feed de YouTube: pega un canal, un @handle o una playlist y la página muestra sus últimos videos en la grilla de la página o en una tira, y los videos nuevos aparecen solos en unos 20 minutos
- Texto con formato: negrita, cursiva, links y listas en los bloques de texto y acerca de; y todo bloque con texto elige su tamaño y grosor
- Acerca de: una foto junto a un título y un texto, una fila de números grandes y un botón. Destacados: algunos proyectos en grande, uno por fila o como lista
- Arrastra para reordenar; haz clic en un bloque de la vista previa para abrir sus ajustes
- Cada bloque puede llevar colores propios, y las imágenes y videos eligen su ancho: una columna, el ancho del texto, la página o de borde a borde
- Las páginas viven en /c/<id>/<dirección>, se listan en el navbar y un bloque botón puede enlazar a una
- Las imágenes de los bloques pasan por la misma compresión que el resto de las subidas y se borran con la collection
- Pie de página, en Contenido > Pie de página: el texto del pie y tus links a redes
Estilo
- Colores de fondo, texto y acento: el acento tiñe los links, el subtítulo y el brillo del hero
- Modelo de tarjeta: apilada, texto sobre la imagen, imagen con margen, lado a lado, sólo epígrafe, aparece al pasar, texto primero o polaroid; más fondo, marco (plana, elevada, contorno o vidrio) y radio de las esquinas
- Fuentes de título y cuerpo: las de i3dify o un set curado de Google Fonts
- Subtítulo arriba del título, y switches para tipo de proyecto y descripciones
- Cómo abren las tarjetas: en esta ventana, en una pestaña nueva o en un modal sobre la página, con override por tarjeta
Diseño
- Clásico: título arriba, proyectos en grilla o lista, de 1 a 4 columnas
- Hero: una banda grande con el título, después la grilla
- Split: título fijo a la izquierda, proyectos scrollean a la derecha
- Editorial: primer proyecto destacado en grande, el resto en grilla
- Showcase: un proyecto por fila, alternando lados, con números grandes
- Mosaico: baldosas de distintos tamaños donde la primera manda
- Minimal: una lista angosta con divisores finos
- Bento: tarjetas de distintos tamaños, la primera ocupa 2×2
- Sidebar: categorías a la izquierda, filas a la derecha
- Timeline: un feed vertical con una fecha al lado de cada proyecto
- Magazine: título enorme, nota destacada junto a una pila de filas cortas
- Tiras: filas con scroll horizontal, una por categoría
- Espaciado: compacto, cómodo o amplio
- Paginación: números de página con anterior/siguiente y selector por página (el default), un botón Cargar más, o scroll infinito, con el tamaño de página que elijas
- Buscador: una caja bajo el encabezado y, si quieres, otra en el navbar; el visitante filtra los proyectos por título, descripción, tipo o categoría mientras escribe
Compartir tu colección
Cada colección tiene su propia URL corta tipo /c/abc12345 y soporta los tres modos de visibilidad que ya conoces de los proyectos. El link y el código QR empiezan a funcionar cuando guardas la colección como No listada o Pública:
Privada
Solo los miembros del espacio de trabajo la ven, en el editor. Su enlace devuelve una página de "No encontrado" para todos, miembros incluidos.
No listada
Cualquiera con el link puede verla, pero los buscadores no la indexan. Ideal para compartir con clientes.
Pública
Cualquiera con el enlace puede verla, y los buscadores pueden indexarla.
Formas de compartir
Abre la pestaña Compartir para encontrar:
- URL: copia el link corto y pégalo en cualquier lado
- Código QR: descarga un PNG (4 tamaños disponibles) para imprimir y para eventos offline
- Incrustar: la pestaña Compartir también te da un código iframe, pero por ahora los navegadores solo muestran una colección dentro de páginas servidas por i3dify, no en otros sitios web. Para mostrar tu trabajo en otro sitio, incrusta los proyectos uno por uno o enlaza a la colección
- Dominio propio (planes Pro, Business y Enterprise): en Compartir > Dominio propio apunta un dominio o subdominio tuyo, como tuestudio.com o portfolio.tuestudio.com, a la collection. La página abre en la raíz de ese dominio y sus páginas custom en /<dirección>
Edítala con palabras
La pestaña IA del editor de colecciones cambia la colección que tienes abierta a partir de un pedido en palabras simples, como "usa un tema oscuro y agrupa los proyectos por cliente". Los asistentes conectados por MCP, y los scripts que usan la API REST, también pueden crear y editar colecciones.
Agentes y API¿Y los proyectos privados dentro de una colección?
Puedes agregar cualquier proyecto a una colección, sin importar su visibilidad. Como dueño siempre los verás en el editor, marcados con un icono de ojo tachado que dice "El proyecto es privado, no se mostrará públicamente".
En la página pública, los proyectos privados se filtran automáticamente. Si después haces público un proyecto privado, vuelve a aparecer en la colección en unos minutos, sin necesidad de hacer nada más.
Colaboración
Las colecciones son recursos a nivel del espacio de trabajo, pensadas para editarse colaborativamente:
- Cualquier miembro del espacio de trabajo puede crear y editar colecciones
- Cualquier miembro puede agregar, quitar o reordenar proyectos
- Solo los propietarios y administradores pueden eliminar una colección
- Los proyectos solo se pueden agregar desde el mismo espacio de trabajo, no puedes traer proyectos de otro espacio al tuyo
Consejos y buenas prácticas
- Iguala el color de fondo y la tipografía a tu marca existente para una imagen cohesiva
- Clásico con 3 columnas va bien para un portfolio; Minimal o Timeline, para un catálogo con descripciones largas. El cambio entre grilla y lista y la cantidad de columnas solo aparecen en los diseños que los usan
- Configura la visibilidad como No listada para trabajos con clientes: mismo acceso sin quedar indexada
- Genera el QR a 1024px para material impreso de alta calidad
- Enlaza tu colección pública desde tu home para mostrar toda tu obra