Offres payantes

Modifiez votre site directement sur la page

Le Visual Editor vous permet de modifier votre site Briks directement sur la page, avec tous les plans payants. Ouvrez-le depuis n'importe quel projet, cliquez sur les mots, l'image ou la section à changer et réglez-les dans le panneau, comme avec un outil de design. Chaque changement est écrit dans le code propre à votre site, et les modifications que vous faites vous-même sont publiées sans utiliser de crédits.

Téléphone : Grand. Ordinateur : Grand.

Une page d'exemple pour une boulangerie imaginaire. Chaque largeur garde sa propre taille, comme dans l'éditeur visuel, et rien n'est publié ici.

Essayez : cette démo fonctionne ici, sur la page.

Comment ça marche

  1. 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.

  2. 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.

  3. 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.

  1. Boulangerie

    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.

  2. Salle 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é.

  3. Atelier 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.

Questions sur l'éditeur visuel

L'éditeur visuel utilise-t-il des crédits ?

Pas pour les modifications que vous faites vous-même : celles-ci, et leur publication, n'en utilisent aucun. Réécrire des textes, les textes alternatifs, Ask AI et Generate with AI utilisent des crédits, et chacun affiche d'abord son prix.

Mon équipe peut-elle commenter la page ?

Oui. Chaque personne de l'espace de travail peut épingler un commentaire sur n'importe quel élément d'une page et répondre dans un fil, et mentionner quelqu'un avec @ le prévient.

Qui peut l'utiliser ?

Toute personne d'un espace de travail avec une offre payante qui peut modifier ses projets : tous les rôles sauf Viewer.

Puis-je changer l'apparence uniquement sur mobile ?

Oui. Passez la largeur sur Phone et modifiez-le là ; les tablettes et les ordinateurs gardent leurs propres réglages.

Et si je change d'avis ?

Avant la publication, annulez, rétablissez ou abandonnez n'importe quel changement. Après la publication, restaurez la version précédente depuis History dans l'éditeur ou depuis le Studio.

Puis-je modifier toutes mes pages ?

Oui. Choisissez n'importe quelle page de votre site dans la liste en haut de l'éditeur.

Essayez-le sur votre propre activité

Décrivez-le en une phrase et Briks le crée. Commencez gratuitement avec les crédits offerts à l'inscription.