--- title: "Edit Your Website on the Page Itself | Briks" url: https://briks.dev/features/visual-editor description: "Click anything on your own page and change its words, pictures, colours, spacing and sections, per screen size. Changes publish in half a minute, free." last_updated: 2026-10-08 --- Paid plans # Change your site on the page itself The Visual Editor lets you change your Briks site on the page itself, on every paid plan. Open it from any project, click the words, picture or section you want to change and set it in the panel, the way a design tool works. Every change is written into your site's own code, and the edits you make yourself are published without using credits. ## How it works 1. **Click it on the page** Choose anything on any page of your site, or find it in Layers. Double-click words to type in place. 2. **Change it for each screen** Words, links, pictures, colours, spacing, type and sections, for phones, tablets and desktops, shown on the page as you go. 3. **Publish** Your changes go live in about half a minute as a new version, with nothing charged. ## What you can change Words, whether they are written in a heading, in an item of a list, in a part used in several places, or in your site's details such as its email address, which then changes everywhere it shows. Links, and where a button leads. Pictures and videos, replaced from your media library. The look of anything, in the panel's sections: layout, the space inside and around it, type, colour, lines, corners, shadow and opacity. Colours are your site's own, shown in the colours they paint, and the panel tells you how well words read on their ground. Sections and lists. On the home page, move a section up or down, copy it or hide it; on other pages, move it or take it off. Move, copy or remove an item of a list, such as a card, a plan or a question. The whole site, from the Site tab: its colours, its headline and text faces, its corners, light or dark mode, the width of its content and the space between sections. ## Phones, tablets and desktops Switch the width to see the page as a phone, a tablet or a desktop shows it. A change applies from the width you are looking at upwards, so a smaller headline for phones leaves the desktop as it is, and anything can be shown or hidden on each. Hover and focus have settings of their own, so a button can change colour when someone points at it. ## Sections, layers and pages Add a section between any two: a designed one, drawn in your site's own colours and free, a blank one to fill, or Generate with AI, which shows its usual credit cost before anything is built. Quick Edit puts every word and picture of a section in one form. Layers lists the page section by section, so anything is easy to find and choose. Right-click anything, on the page or in Layers, for its menu: edit, replace, duplicate, hide on a phone, move, or remove. The pages panel adds, renames, duplicates and deletes pages, sets their order in the menu, and gives each page its own search and share settings. ## Nothing changes until you publish Every change shows on the page as you make it, and waits in a draft kept on the server, so it survives a reload, a closed tab or another device. Everyone editing the project works on the same draft. Undo and redo step through it, the list of changes names each one and lets you drop any of them, and Discard puts the page back as it was. Publish writes the changes into your site's code and publishes it as a new version, usually in about half a minute. A change the code cannot take is refused with the reason, and then nothing is published. History lists every saved version of the site, who asked for it and when, shows each as it looked, and restores one with a click. ## Comments, and who else is editing Pin a comment to anything on a page, answer it in a thread, and name a teammate with @ to tell them. Everyone in the workspace can comment, a Viewer too, and an Editor or above marks a thread resolved. Faces in the editor's bar show who else has the project open, the page each is on and what each has chosen, outlined on the page in their colour. ## Ask AI, only when you want it Rewrite words, make them shorter or longer, or change their tone, and have a picture's alt text written. Each button shows its price, up to 0.2 credits for words and up to 0.1 for alt text, and you keep the result or drop it before anything is written. Ask AI on a section gives it a new design or fixes its layout, or takes any request you type about the part you chose. It is a normal change in the Studio, with its usual cost shown first, and Versions takes it back. Check reads the page at the width you are looking at for pictures without alt text, words hard to read, headings out of order and links without a name. It uses no AI model and costs nothing. ## When you need the builder Something the editor does not do, such as a new element or another layout, goes to the builder from the panel, about the element you chose. That is a normal change in the Studio and uses credits. ## Visual Editor in practice Three example businesses, and how each would use it. Where a site is pictured, it is a sample Briks built for an example business, not a customer. 1. Bakery **New hours, and the summer menu first** A bakery changes its Saturday hours in its site's details, so the footer and the contact section both follow, moves its summer menu above its story, and publishes both at once. 2. Fitness studio **A smaller headline on phones** A fitness studio's headline wraps onto four lines on a phone. The owner switches to Phone, takes the size down two steps there, and the desktop headline stays as it was. 3. Pottery studio **One more class** A pottery studio copies a class card, types the new class's name and price into the copy and publishes, then replaces the copy's photo from its media library. ## What you get - Words, links, pictures, colours, spacing and type - Settings for phones, tablets, desktops, hover and focus - Sections and list items moved, copied, hidden or removed - The site's colours, faces and corners in one place - Sections added, pages managed, a right-click menu on anything - A shared draft, history and undo - Comments pinned to the page, and who else is editing - Published in about half a minute, as a version - Your own edits use no credits; AI shows its price first ### Good to know - The Visual Editor is on paid plans, for everyone in the workspace who can change its projects. - A site the editor cannot read yet is ready after its next publish. ## Questions about the Visual Editor ### Does the Visual Editor use credits? Not for the changes you make yourself: those, and publishing them, use none. Rewriting words, alt text, Ask AI and Generate with AI use credits, and each shows its price first. ### Can my team comment on the page? Yes. Everyone in the workspace can pin a comment to anything on a page and answer in a thread, and naming someone with @ tells them. ### Who can use it? Anyone in a workspace on a paid plan who can change its projects: every role except Viewer. ### Can I change how it looks on phones only? Yes. Switch the width to Phone and change it there; tablets and desktops keep their own settings. ### What if I change my mind? Before publishing, undo, redo or drop any change. After publishing, restore the earlier version from History in the editor or from the Studio. ### Can I edit all of my pages? Yes. Choose any page of your site from the list at the top of the editor. ## Related features - [On every plan **Changes in plain words** Ask for any change in the studio chat, like a darker header or new opening hours. Briks builds it and publishes it, and every change is a version you can undo. How it works](https://briks.dev/features/changes-in-plain-words) - [On every plan **Versions and undo** Every Briks build and change is saved as a version. Undo, redo or restore any of them from the studio, and the site is published again as it was. How it works](https://briks.dev/features/versions-and-undo) - [On every plan **Media library** Every picture and video you upload sits in one library for your workspace, ready to use in any project's prompt box. Storage grows with your plan. How it works](https://briks.dev/features/media-library) [See all 32 features](https://briks.dev/features) ## Try it on your own business Describe it in a sentence and Briks builds it. Start free with the credits you get at sign-up.