Visite de la page du projet
Chaque site, application ou tableau de bord que vous créez dans Briks a sa propre page de projet. C'est là que vous parlez à Briks, voyez le site évoluer et accédez à tout le reste du projet. Cette visite en fait le tour une fois, pour que vous sachiez à quoi sert chaque partie avant d'en avoir besoin.
- 1Où vous êtes : Projects, puis le nom du projet, avec son adresse sur un grand écran. En dessous, les onglets du projet en toutes lettres : Studio, Analytics, Media, Database (une fois que le projet en a une, et avant cela pour les Owners et les Admins), Storage, Chatbot et Settings.
- 2La conversation. Demandez une modification ou posez une question en mots simples.
- 3L'aperçu de votre site, actualisé après chaque publication.
- 4Outils d'aperçu : la largeur d'affichage, le rechargement, le plein écran et l'ouverture dans un nouvel onglet.
- 5Publish met le site en production quand vous êtes prêt.
Ouvrir un projet
Cliquez sur Projects dans la barre latérale, puis sur le projet voulu. Vos derniers projets sont aussi listés sous Projects dans la barre latérale elle-même, chacun avec un point indiquant son état, pour y accéder directement. Un projet s'ouvre toujours sur son onglet Studio : la conversation et l'aperçu côte à côte.
Sur un portable ou un ordinateur de bureau, les deux sont côte à côte. Sur un écran étroit, comme un téléphone, la conversation vient d'abord et l'aperçu se place en dessous.
La barre du haut
La barre en haut indique où vous êtes. Sur l'onglet Studio, elle affiche Projects et le nom du projet. Sur tout autre onglet, le nom de l'onglet suit, puis la section ou la vue que vous avez ouverte à l'intérieur, par exemple Projects / Crumb & Co bakery / Settings / Domain. Chaque élément avant le dernier est un lien pour y revenir. Sur un grand écran, l'adresse en ligne du projet se trouve à côté de son nom et ouvre le site dans un nouvel onglet.
Sous cette ligne se trouve une rangée d'onglets en toutes lettres, l'onglet ouvert étant souligné. Sur un téléphone, la rangée défile sur le côté, et la ligne au-dessus n'affiche que le nom du projet.
| Onglet | Ce qu'il contient | En savoir plus |
|---|---|---|
| Studio | La conversation et l'aperçu. Les modifications et les questions se font ici. | Faire des modifications |
| Visual Editor | Votre propre page à côté d'un panneau : cliquez sur n'importe quel élément pour changer ses mots, ses images et son apparence, puis publiez sans utiliser de crédits. Inclus avec les forfaits payants. | Éditeur visuel |
| Analytics | Visiteurs, pages et provenance, dans une vue Data et une vue Settings. | Analytics |
| Marketing | Publications pour les comptes de réseaux sociaux du site. L'onglet s'affiche dès que la publication est ouverte sur Briks. | Marketing et publications sociales |
| Media | Chaque image et chaque vidéo que le site affiche dans sa dernière version publiée, chacune avec Replace. | Médiathèque |
| Database | Ce que le site stocke, collection par collection. Il apparaît dès que le projet a une base de données, et avant cela seulement pour les Owners et les Admins, afin qu'ils puissent en créer une. | Base de données |
| Stockage | Les fichiers que le projet conserve, pour ses pages et pour vous, dans les vues Files, Usage et Settings. | Storage |
| Chatbot | Un chat pour le site publié qui répond à partir de ses propres pages et transmet ce à quoi il ne sait pas répondre. | Chatbot |
| Settings | Tout le reste : le nom et les marques du projet, son domaine, les formulaires, les chats, les e-mails, les versions, les sauvegardes et les outils pour développeurs. | Voir ci-dessous |
À l'extrême droite de la barre, une fois le site publié pour la première fois, vous verrez une étiquette grise Preview et un bouton Publish. Chaque version générée arrive d'abord à une adresse d'aperçu. Elle est tenue à l'écart des moteurs de recherche, et les messages envoyés par ses formulaires sont conservés dans le studio au lieu d'être envoyés par e-mail. Publish lance une vérification avant mise en ligne et, si rien n'est à corriger, met le site en production. Ensuite, le bouton affiche In production, et un clic dessus propose Back to preview.
La conversation
Le côté gauche est une conversation continue entre vous et Briks. Vos messages sont à droite dans des bulles sombres et les réponses de Briks à gauche. Sous chaque réponse, une petite ligne indique les crédits facturés pour cette demande et le temps qu'elle a pris environ. Au-dessus de la conversation, une pastille d'état montre où en est le site (Draft, Building, Live ou Needs attention) et, dès que quelque chose a été facturé, le total cumulé du projet en crédits.
- Ask for a change en termes simples, par exemple
Ajoutez nos horaires du samedi dans le pied de page : 9h à 13h. Briks le crée et le publie. Voir Faire des modifications. - Posez une question, par exemple
Quand le site a-t-il été modifié pour la dernière fois ?. Briks répond dans la conversation sans rien construire. Voir Poser des questions. - Répondez aux questions de Briks avant une première création, ou validez ses textes, son style ou sa section d'accueil si ces étapes sont activées. Voir Valider en cours de création.
Le champ en bas affiche « Change the hero, add a page, adjust the colours… » jusqu'à ce que vous écriviez. Entrée envoie, et Maj avec Entrée passe à la ligne. À côté du champ se trouvent trois boutons : Attach pictures, Add from your media et Speak your request. En dessous, un interrupteur, Check the site after this change, examine le site publié à quatre tailles d'écran et répare tout ce qui s'affiche mal. Cela ajoute quelques minutes, et votre choix est mémorisé pour ce site dans votre navigateur.
Si votre rôle est Viewer, la zone de saisie est remplacée par une note : « You can view this project. Changes are made by Editors, Admins and Owners of this workspace. » Vous voyez toujours toute la conversation et l'aperçu.
Pendant qu'une construction est en cours
Un panneau apparaît dans la conversation avec un minuteur, les étapes du travail et une ligne en dessous indiquant ce que Briks fait en ce moment. Pour une modification, les étapes sont Applying your changes, Verifying build et Publishing, plus Checking the published site si vous avez activé la vérification. Un bouton Stop se trouve à côté du minuteur. La zone reste ouverte et son bouton devient Queue : vous pouvez ainsi préparer votre demande suivante pendant que celle-ci se termine.
L'aperçu
Le côté droit est votre vrai site publié, dans un cadre. Ce n'est pas une image : vous pouvez le faire défiler, cliquer sur ses boutons et utiliser son propre menu pour passer d'une page à l'autre. L'étiquette au-dessus indique Live preview avec l'heure de la dernière publication, et le cadre se recharge tout seul un instant après chaque publication, pour que vous voyiez toujours ce que voient les visiteurs.
| Contrôle | Ce que ça fait |
|---|---|
| Desktop | Affiche le site sur toute la largeur du cadre. |
| Tablet | L'affiche sur 834 pixels de large, encadré, comme une tablette tenue à la verticale. |
| Téléphone | L'affiche sur 390 pixels de large, comme un téléphone classique. |
| La liste des pages | Apparaît dès que le site compte plus d'une page : choisissez une page pour l'ouvrir dans le cadre. |
| Flèches annuler et rétablir | Revenez à la version précédente, ou avancez de nouveau. Voir Versions. |
| Versions (l'horloge, qui affiche le numéro en cours, par exemple v7) | Liste toutes les versions enregistrées, avec Make live et Test against live. |
| Reload preview | Recharge la page sans attendre une publication. |
| Full screen | Donne tout l'écran à l'aperçu. Appuyez sur Esc pour le fermer. |
| Open in new tab | Ouvre le site à sa propre adresse. |
Avant la première publication, il n'y a pas encore de site à montrer : l'aperçu présente donc votre page morceau par morceau, au fur et à mesure que Briks la planifie et la rédige. Une fois les autres pages planifiées, de petits onglets (Home et le nom de chaque page) vous permettent de les consulter une à une. Suivre une création explique cette vue.
L'onglet Settings
Settings réunit tout ce qui n'est pas un onglet à part. Il s'ouvre sur General, avec toutes les sections listées à gauche par groupes. Sur un écran étroit, comme un téléphone, la liste se replie sous un seul contrôle qui affiche Settings: et le nom de la section ouverte. Touchez-le pour en choisir une autre.
| Section | Groupe | À quoi cela sert | En savoir plus |
|---|---|---|---|
| General | En haut | Nom, logo, favicon, le badge Built with Briks, Made with Briks, copie, déplacement et suppression. | Réglages du projet |
| Domain | En haut | L'adresse du site et vos propres domaines. | Connectez votre domaine |
| Preferences | En haut | Les règles que respecte chaque création, l'origine des images, ce que fait chaque modification et les sites web que le site peut charger. | Réglages du projet |
| Forms | Forms and email | Ce que les visiteurs envoient via les formulaires du site. | Forms |
| Chats | Forms and email | Toutes les conversations que les visiteurs ont eues avec le chat du site au cours des 90 derniers jours, de la plus récente à la plus ancienne, avec Export CSV. | Chatbot |
| Emails | Forms and email | E-mail que le site envoie à ses visiteurs. | E-mail du site |
| Sign-in et Payments | Accounts and payments | Comment les visiteurs de votre site se connectent, et le processeur de paiement avec lequel le site encaisse, chacun avec vos propres clés. | Connexion et paiements |
| Versions | Versions and backups | Chaque version publiée, avec un moyen de la restaurer. | Versions publiées |
| Backups | Versions and backups | Chaque version du code, prête à être restaurée, ou à être téléchargée avec une offre payante. | Sauvegardes |
| File Explorer | Developer | Le code écrit pour le site : lisez-le et modifiez-le, et téléchargez-le sur une formule payante. | Le code de votre site |
| GitHub | Developer | Conserve le code propre au site dans un dépôt GitHub, synchronisé dans les deux sens. | Synchronisation GitHub |
| Secrets | Developer | Clés et mots de passe que lit le code propre au site. Une fois enregistrée, une valeur ne peut plus jamais être affichée. | Secrets |
| Webhooks | Developer | Prévenez d'autres services quand quelque chose se passe sur le site. | Webhooks |
| Deploy hooks | Developer | Adresses secrètes qui republient le projet lorsque quelque chose les appelle. | Hooks de déploiement |
| Scheduled tasks | Developer | Appels que le projet effectue selon un calendrier, dans votre fuseau horaire. | Tâches planifiées |
| Logs | Developer | Chaque création, modification et publication, et les étapes par lesquelles chacune est passée. | Logs |
Les liens enregistrés avant le déplacement de ces sections vers Settings, comme ceux d'anciens e-mails, fonctionnent toujours : ils ouvrent la même section ici.
Un premier aperçu, étape par étape
Dix minutes avec un nouveau projet
Consulter le statut
Où : Studio
Regardez la pastille au-dessus de la conversation. Live signifie que la dernière publication a abouti. Needs attention signifie que la dernière tâche a échoué, et la conversation en explique la raison.
Voir le rendu sur un téléphone
Où : Preview toolbar
Cliquez sur Phone, faites défiler toute la page et ouvrez le menu. Ce que les gens veulent corriger apparaît le plus souvent ici en premier.
Parcourez les pages
Où : Preview
Utilisez le menu du site dans le cadre pour visiter chaque page, exactement comme le ferait un visiteur.
Ouvrir les versions
Où : Versions
Cliquez sur l'icône d'horloge avec le numéro de version. Chaque création et chaque modification figure dans la liste, et celle que voient les visiteurs porte la mention Live.
Donnez-lui un vrai nom
Où : Settings, General
Ouvrez l'onglet Settings, qui s'ouvre sur General. Vérifiez le nom du projet, ajoutez votre logo et votre favicon si vous en avez, puis appuyez sur Save sous Name and marks.
Demandez votre première modification
Où : Studio
De retour sur Studio, écrivez une modification précise et appuyez sur Entrée. Suivez les étapes, puis regardez l'aperçu quand il se recharge.
Publiez quand vous êtes prêt
Où : Top bar
Appuyez sur Publish. La vérification de lancement s'exécute d'abord et son résultat arrive dans la conversation.
Ce que voit chaque rôle
| Rôle | Sur la page du projet |
|---|---|
| Owner et Admin | Tout, y compris supprimer le projet, le déplacer vers un autre espace de travail et changer son adresse. |
| Editor | Modifications, questions, publication, versions, tests A/B, Visual Editor et édition du code. Pas la suppression, le déplacement ni le changement d'adresse. |
| Viewer | La conversation, l'aperçu, la liste des versions et les statistiques, en lecture seule. Pas de zone de prompt, pas de journal Chats, et le Visual Editor seulement pour parcourir et commenter. |
Les rôles appartiennent à l'espace de travail, pas à un seul projet. Membres et rôles contient le tableau complet.
Pourquoi n'y a-t-il pas de bouton Publish ?
Il apparaît une fois le site publié pour la première fois. D'ici là, il n'y a rien à passer en production.
Pourquoi ne vois-je pas l'onglet Database ?
Il s'affiche dès que le projet a une base de données. Avant cela, seuls les Owners et les Admins le voient, afin de pouvoir en créer une. Base de données explique comment en créer une.
Pourquoi ne vois-je pas l'onglet Visual Editor ?
Le Visual Editor est inclus dans les forfaits payants, donc un espace de travail Free n'affiche pas l'onglet. Un Owner peut changer de forfait dans Billing. Voir éditeur visuel.
L'aperçu semble obsolète.
Cliquez sur Reload preview. Après une publication, le cadre attend quelques secondes avant de se recharger, pour que la nouvelle version soit prête partout.
Qui peut arrêter une génération ?
Les Editors, les Admins et les Owners. Arrêter une tâche qui n'a pas encore commencé ne coûte rien.