Collections
Regroupez plusieurs projets et pièces Studio sur une page, ou un petit site, avec un seul lien court et un QR code.
Qu'est-ce qu'une collection ?
Une collection est une page, ou un petit site, qui réunit plusieurs projets et pièces Studio de votre espace de travail derrière un seul lien, dans la mise en page de votre choix. Au lieu de partager cinq liens différents, vous en partagez un.
En plus des projets, une collection peut avoir ses propres pages, une navbar, un bandeau, une image d'en-tête et votre propre domaine. Les collections cohabitent avec vos projets dans l'espace de travail, avec leur propre visibilité, leur compteur de vues et leur lien court. Elles sont parfaites pour :
- Un magazine de mode partageant tous les numéros mensuels au même endroit
- Un photographe présentant les galeries de ses clients ensemble
- Un agent immobilier regroupant les catalogues de biens
- Un organisateur d'événements réunissant toutes les présentations
- Tout créateur souhaitant montrer son portfolio complet
Créer une collection
Tout membre de l'espace de travail peut créer une collection. Pour commencer :
- Ouvrez Collections et sites dans la barre latérale de l'espace de travail
- Cliquez sur « Nouvelle collection » en haut à droite
- Donnez-lui un titre et, si vous voulez, une description : les deux sont affichés publiquement
- Cliquez sur Créer, vous serez redirigé vers l'éditeur pour configurer le reste
Ajouter, réorganiser et supprimer des projets
Toutes les modifications de projets dans une collection sont locales jusqu'à ce que vous cliquiez sur Enregistrer. Le bouton Enregistrer se met en évidence et un badge « Non enregistré » apparaît dès qu'il y a des modifications en attente.
Ajouter des projets
Cliquez sur « Ajouter des projets » dans l'onglet Contenu. Le sélecteur affiche tous les projets de l'espace de travail sous forme de cartes, avec recherche et filtres par type et visibilité ; passez à l'onglet Studio pour ajouter des pièces Studio de la même façon. Une pièce apparaît sur la page comme une carte du projet qu'elle filme, marquée Studio, et ouvre sa propre page. Ceux déjà dans la collection restent visibles, marqués comme ajoutés.
Réorganiser
Faites glisser la poignée à gauche de chaque ligne, ou cliquez sur le numéro d'une ligne et tapez une nouvelle position. Le menu Plus d'actions de chaque ligne la place aussi tout en haut ou tout en bas. Le glisser est désactivé pendant une recherche. L'ordre dans l'éditeur correspond à celui que les visiteurs voient sur la page publique.
Supprimer
Ouvrez Plus d'actions sur une ligne et choisissez Retirer. Le projet lui-même reste intact dans l'espace de travail, seul le lien est supprimé.
Contenu de la carte
Le crayon de chaque ligne ouvre ce que la carte dit sur cette page : une description propre à cette collection (vide : celle du projet), une catégorie, et des liens externes avec une icône, un libellé et une URL, comme un élément du dock : une vidéo YouTube, une boutique, un PDF. Chaque carte peut aussi afficher le projet intégré en direct au lieu de son aperçu ; les mises en page Magazine et Editorial le font par défaut pour leur carte vedette.
Utilisez Cmd/Ctrl + S pour enregistrer rapidement. Cliquez sur Annuler pour revenir à l'état enregistré le plus récent.
Personnaliser la page de votre collection
Choisissez une mise en page dans Style > Mise en page et un thème dans Style > Thème pour régler toute l'apparence d'un coup, puis affinez les couleurs, le hero et les cartes dans les autres sous-onglets de Style pour que la page publique suive votre marque. Dans l'aperçu, cliquez sur n'importe quel élément (le titre, une carte, la navbar, le pied de page) et le panneau saute à ses réglages.
Mises en page et thèmes
Deux choix indépendants. Style > Mise en page organise la page (douze mises en page : grilles de cartes, article vedette, manchette de magazine, bento, barre latérale de catégories, frise chronologique, bandes horizontales et d'autres). Style > Thème règle les couleurs, les polices et le cadre des cartes (dix-neuf palettes). Combinez n'importe quelle mise en page avec n'importe quel thème ; les miniatures des mises en page sont dessinées dans votre thème actuel. Les palettes que vous avez créées à la main dans vos autres collections apparaissent en premier dans le sélecteur de thèmes. Projets, surtitre, catégories et pied de page sont toujours conservés.
- Midnight, Ivoire, Crème, Anthracite, Néon, Papier, Terracotta, Pastel
- Noir, Forêt, Coucher de soleil, Océan, Béton, Rose
- Citron vert, Sarcelle, Indigo, Papier journal, Ambre
Catégories et navbar
Regroupez les projets en catégories dans Contenu > Catégories : elles deviennent des filtres, des entrées de la navbar et, si vous l'activez, une section par catégorie. Contenu > Navbar décide ce que les visiteurs voient en haut : le logo et le nom de votre espace de travail, un logo à vous ou rien, plus des liens personnalisés et vos réseaux.
- Catégories : nom et couleur ; affectez-en une à chaque projet depuis son panneau de contenu de carte
- Filtres, un badge sur chaque carte et un regroupement optionnel par catégorie
- Marque de la navbar : identité de l'espace de travail, un logo téléversé, ou rien
- Favicon : importez une image à peu près carrée et la page a sa propre icône d'onglet, recadrée et redimensionnée
- Liens de la navbar : catégories en ligne ou en menu déroulant, liens externes personnalisés, réseaux
- Options de la navbar : la garder fixe à l'écran pendant le défilement, et afficher ou masquer le nom de la marque
- « Made with i3dify » dans le pied de page : toujours affiché sur le plan gratuit, optionnel sur les plans payants
- Bannière : une bande au-dessus de la barre de navigation avec un message, une icône et un lien ; fixée pendant le défilement si vous le souhaitez, et fermable par les visiteurs
Hero de la page
Dans Style > Hero, importez une image de fond pour l'en-tête. Elle est redimensionnée et compressée comme tout autre envoi, et supprimée avec la collection.
- Couverture : une bande en haut qui se fond dans la couleur de la page, ou toute la page
- Cadrage : la partie de l'image qui survit au recadrage (haut, centre, bas)
- Flou, une teinte de la couleur de la page pour garder le titre lisible, et un interrupteur noir et blanc
- Un encadré derrière le titre (couleur, opacité, marge intérieure et arrondi), un contour et une ombre portée, pour que le titre se lise sur n'importe quelle photo
- Des couleurs propres pour la teinte, le titre, le sous-titre et l'accent, pour que le titre reste lisible sur la photo quelle que soit la palette de la page
- Remplacer ou retirer l'image supprime l'ancien fichier de votre stockage
Blocs et pages
La page principale est une liste de blocs dans Contenu > Accueil, avec le bloc Projets là où vont vos projets. Contenu > Pages ajoute des pages propres sous la collection, chacune avec ses blocs et un fil d'Ariane vers la page principale.
- Blocs : titre, texte, citation, à propos, sélection, à la une (une grande histoire avec une courte liste à côté), lecteur Studio (vos pièces Studio, l'une jouée en grand), image, vidéo YouTube ou Vimeo, bouton, séparateur, espace et projets
- Flux YouTube : collez une chaîne, un @handle ou une playlist et la page montre ses dernières vidéos dans la grille de la page ou en bande, et les nouvelles vidéos apparaissent d'elles-mêmes en 20 minutes environ
- Texte mis en forme : gras, italique, liens et listes dans les blocs texte et à propos ; et chaque bloc avec du texte choisit sa taille et sa graisse
- À propos : une photo à côté d'un titre et d'un texte, une rangée de grands chiffres et un bouton. Sélection : quelques projets en grand, une ligne chacun ou en liste
- Glissez pour réordonner ; cliquez un bloc dans l'aperçu pour ouvrir ses réglages
- Chaque bloc peut porter ses propres couleurs, et les images et vidéos choisissent leur largeur : une colonne, la largeur du texte, la page ou bord à bord
- Les pages vivent à /c/<id>/<adresse>, figurent dans la navbar, et un bloc bouton peut y mener
- Les images des blocs passent par la même compression que les autres envois et sont supprimées avec la collection
- Pied de page, dans Contenu > Pied de page : le texte du pied de page et vos liens sociaux
Style
- Couleurs de fond, de texte et d'accent : l'accent teinte les liens, le surtitre et la lueur du hero
- Modèle de carte : empilée, texte sur l'image, image en retrait, côte à côte, légende seule, apparaît au survol, texte d'abord ou polaroid ; plus fond, cadre (plate, surélevée, contour ou verre) et rayon des coins
- Polices du titre et du corps : celles d'i3dify ou une sélection de Google Fonts
- Surtitre au-dessus du titre, et interrupteurs pour le type de projet et les descriptions
- Comment les cartes s'ouvrent : dans cette fenêtre, un nouvel onglet ou une fenêtre modale sur la page, avec un réglage par carte
Mise en page
- Classique : titre en haut, projets en grille ou en liste, de 1 à 4 colonnes
- Hero : un grand bandeau de titre, puis la grille
- Split : titre fixé à gauche, projets défilent à droite
- Editorial : premier projet en grand, le reste en grille
- Showcase : un projet par ligne, en alternant les côtés, avec de grands numéros
- Mosaïque : tuiles de tailles variées, la première domine
- Minimal : une liste étroite avec de fins séparateurs
- Bento : cartes de tailles variées, la première occupe 2×2
- Sidebar : catégories à gauche, lignes à droite
- Timeline : un fil vertical avec une date à côté de chaque projet
- Magazine : titre géant, article vedette à côté d'une pile de lignes courtes
- Bandes : lignes à défilement horizontal, une par catégorie
- Espacement : compact, confortable ou aéré
- Pagination : numéros de page avec précédent/suivant et sélecteur par page (par défaut), un bouton Charger plus, ou défilement infini, avec la taille de page de votre choix
- Recherche : un champ sous l'en-tête et, si vous voulez, un autre dans la navbar ; le visiteur filtre les projets par titre, description, type ou catégorie en tapant
Partager votre collection
Chaque collection a sa propre URL courte du type /c/abc12345 et prend en charge les trois modes de visibilité que vous connaissez déjà pour les projets. Le lien et le QR code fonctionnent dès que la collection est enregistrée en Non répertoriée ou Publique :
Privée
Seuls les membres de l'espace de travail la voient, dans l'éditeur. Son lien renvoie à tout le monde, membres compris, une page « Non trouvé » pour éviter les fuites.
Non répertoriée
Toute personne disposant du lien peut la voir, mais les moteurs de recherche ne l'indexent pas. Idéal pour le partage avec des clients.
Publique
Toute personne qui a le lien peut la consulter, et les moteurs de recherche peuvent l'indexer.
Façons de partager
Ouvrez l'onglet Partager pour trouver :
- URL : copiez le lien court et collez-le n'importe où
- QR code : téléchargez un PNG (4 tailles disponibles) pour l'impression et les événements hors ligne
- Intégrer : l'onglet Partager vous donne aussi un code iframe, mais pour l'instant les navigateurs n'affichent une collection que dans des pages servies par i3dify, pas sur d'autres sites. Pour montrer votre travail sur un autre site, intégrez les projets un par un ou mettez un lien vers la collection
- Domaine propre (forfaits Pro, Business et Enterprise) : dans Partager > Domaine personnalisé, faites pointer un domaine ou un sous-domaine à vous, comme votrestudio.com ou portfolio.votrestudio.com, vers la collection. La page s'ouvre à la racine de ce domaine et ses pages personnalisées à /<adresse>
Modifiez-la avec des mots
L'onglet IA de l'éditeur de collections modifie la collection ouverte à partir d'une demande en langage courant, comme "passe à un thème sombre et regroupe les projets par client". Les assistants connectés par MCP, et les scripts qui utilisent l'API REST, peuvent aussi créer et modifier des collections.
Agents et APIEt les projets privés dans une collection ?
Vous pouvez ajouter n'importe quel projet à une collection, indépendamment de sa visibilité. En tant que propriétaire, vous les verrez toujours dans l'éditeur, signalés par une icône d'œil barré indiquant « Projet privé, ne sera pas affiché publiquement ».
Sur la page publique, les projets privés sont filtrés automatiquement. Si vous rendez un projet privé public plus tard, il réapparaît dans la collection en quelques minutes, sans aucune action supplémentaire.
Collaboration
Les collections sont des ressources au niveau de l'espace de travail, conçues pour être éditées de manière collaborative :
- Tout membre de l'espace de travail peut créer et éditer des collections
- Tout membre peut ajouter, supprimer ou réorganiser les projets
- Seuls les propriétaires et administrateurs peuvent supprimer une collection
- Les projets ne peuvent être ajoutés que depuis le même espace de travail, vous ne pouvez pas amener des projets d'un autre espace de travail dans le vôtre
Conseils et bonnes pratiques
- Adaptez la couleur de fond et la police à votre marque existante pour un rendu cohérent
- Classique avec 3 colonnes convient à un portfolio ; Minimal ou Timeline, à un catalogue aux descriptions longues. Le choix grille ou liste et le nombre de colonnes n'apparaissent que pour les mises en page qui les utilisent
- Définissez la visibilité sur Non répertoriée pour le travail client : même accès, sans être indexée
- Générez le QR code en 1024px pour des supports imprimés de haute qualité
- Faites un lien vers votre collection publique depuis votre page d'accueil pour mettre en valeur tout votre travail