Comment ça marche
Cliquez dessus sur la page
Choisissez n'importe quoi sur n'importe quelle page de votre site, ou trouvez-le dans Layers. Double-cliquez sur des mots pour les saisir directement.
Modifiez-le pour chaque écran
Textes, liens, images, couleurs, espacements, typographie et sections, pour mobiles, tablettes et ordinateurs, affichés sur la page au fur et à mesure.
Publish
Vos modifications sont en ligne en une trentaine de secondes sous forme de nouvelle version, sans rien facturer.
Ce que vous pouvez modifier
Les textes, qu'ils soient écrits dans un titre, dans un élément de liste, dans une partie utilisée à plusieurs endroits, ou dans les informations de votre site comme son adresse e-mail, qui change alors partout où elle apparaît. Les liens, et la destination d'un bouton. Les images et les vidéos, remplacées depuis votre médiathèque.
L'apparence de n'importe quel élément, dans les sections du panneau : disposition, espace intérieur et extérieur, texte, couleur, traits, coins, ombre et opacité. Les couleurs sont celles de votre site, affichées telles qu'elles se peignent, et le panneau vous indique si les mots se lisent bien sur leur fond.
Sections et listes. Sur la page d'accueil, montez ou descendez une section, copiez-la ou masquez-la ; sur les autres pages, déplacez-la ou retirez-la. Déplacez, copiez ou supprimez un élément d'une liste, comme une carte, une offre ou une question.
Le site entier, depuis l'onglet Site : ses couleurs, ses polices de titre et de texte, ses coins, le mode clair ou sombre, la largeur du contenu et l'espace entre les sections.
Mobiles, tablettes et ordinateurs
Changez la largeur pour voir la page comme l'affiche un téléphone, une tablette ou un ordinateur. Une modification s'applique à partir de la largeur affichée et au-delà, donc un titre plus petit sur téléphone laisse l'ordinateur tel quel, et tout peut être affiché ou masqué pour chacun.
Le survol et le focus ont leurs propres réglages, pour qu'un bouton change de couleur quand quelqu'un le pointe.
Sections, calques et pages
Ajoutez une section entre deux autres : une section conçue, aux couleurs de votre site et gratuite, une section vierge à remplir, ou Generate with AI, qui affiche son coût habituel en crédits avant que rien ne soit construit. Quick Edit réunit dans un seul formulaire tous les mots et toutes les images d'une section.
Layers liste la page section par section, pour que tout soit facile à trouver et à sélectionner. Faites un clic droit sur n'importe quel élément, sur la page ou dans Layers, pour ouvrir son menu : modifier, remplacer, dupliquer, masquer sur téléphone, déplacer ou supprimer.
Le panneau des pages permet d'ajouter, renommer, dupliquer et supprimer des pages, de fixer leur ordre dans le menu, et de donner à chacune ses propres réglages de recherche et de partage.
Rien ne change tant que vous ne publiez pas
Chaque changement s'affiche sur la page au fur et à mesure et attend dans un brouillon conservé sur le serveur : il survit à un rechargement, à un onglet fermé ou à un autre appareil. Toutes les personnes qui modifient le projet travaillent sur le même brouillon.
Annuler et rétablir permettent de parcourir l'historique, la liste des modifications nomme chacune d'elles et vous laisse en écarter, et Discard remet la page comme elle était.
Publish écrit les modifications dans le code de votre site et le publie comme une nouvelle version, généralement en une trentaine de secondes. Une modification que le code ne peut pas accepter est refusée avec la raison, et rien n'est alors publié.
History liste chaque version enregistrée du site, qui l'a demandée et quand, montre chacune telle qu'elle était, et en restaure une d'un clic.
Commentaires, et qui d'autre modifie
Épinglez un commentaire sur n'importe quel élément d'une page, répondez-y dans un fil, et mentionnez un coéquipier avec @ pour le prévenir. Tous les membres de l'espace de travail peuvent commenter, un Viewer aussi, et un Editor ou plus marque un fil comme résolu.
Les visages dans la barre de l'éditeur montrent qui d'autre a ouvert le projet, sur quelle page il se trouve et ce qu'il a sélectionné, entouré sur la page à sa couleur.
Demandez à l'IA, seulement quand vous le voulez
Réécrivez des textes, raccourcissez-les ou allongez-les, changez leur ton, et faites rédiger le texte alternatif d'une image. Chaque bouton affiche son prix, jusqu'à 0.2 crédit pour les textes et jusqu'à 0.1 pour le texte alternatif, et vous gardez le résultat ou l'abandonnez avant que quoi que ce soit ne soit écrit.
Ask AI sur une section lui donne un nouveau design ou corrige sa mise en page, ou traite toute demande que vous saisissez sur la partie choisie. C'est une modification normale dans le studio, avec son coût habituel affiché d'abord, et Versions permet de l'annuler.
Check lit la page à la largeur que vous regardez pour repérer les images sans texte alternatif, les mots difficiles à lire, les titres dans le désordre et les liens sans nom. Il n'utilise aucun modèle d'IA et ne coûte rien.
Quand vous avez besoin du créateur
Ce que l'éditeur ne fait pas, comme un nouvel élément ou une autre mise en page, part vers l'agent de construction depuis le panneau, à propos de l'élément choisi. C'est une modification normale dans le studio et elle utilise des crédits.
Éditeur visuel en pratique
Trois exemples d'entreprises, et comment chacune l'utiliserait. Lorsqu'un site est illustré, il s'agit d'un exemple créé avec Briks pour une entreprise fictive, pas d'un client.
- 01Boulangerie
Nouveaux horaires, et le menu d'été en premier
Une boulangerie change ses horaires du samedi dans les informations de son site, si bien que le pied de page et la section contact suivent, place son menu d'été au-dessus de son histoire, et publie les deux d'un coup.
- 02Salle de sport
Un titre plus petit sur mobile
Le titre d'un studio de fitness passe sur quatre lignes sur un téléphone. Le propriétaire bascule sur Phone, réduit la taille de deux crans, et le titre sur ordinateur reste inchangé.
- 03Atelier de poterie
Une classe de plus
Un atelier de poterie copie la carte d'un cours, saisit dans la copie le nom et le prix du nouveau cours et publie, puis remplace la photo de la copie depuis sa médiathèque.
Ce que vous obtenez
- Textes, liens, images, couleurs, espacements et typographie
- Réglages pour téléphones, tablettes, ordinateurs, survol et focus
- Sections et éléments de liste déplacés, copiés, masqués ou supprimés
- Les couleurs, les polices et les coins du site au même endroit
- Sections ajoutées, pages gérées, un menu clic droit sur n'importe quel élément
- Un brouillon partagé, un historique et l'annulation
- Commentaires épinglés sur la page, et qui d'autre modifie
- Publié en une trentaine de secondes, sous forme de version
- Vos propres modifications n'utilisent aucun crédit ; l'IA affiche d'abord son prix
Bon à savoir
- L'éditeur visuel est disponible avec les offres payantes, pour toutes les personnes de l'espace de travail qui peuvent modifier ses projets.
- Un site que l'éditeur ne sait pas encore lire est prêt après sa prochaine publication.