# Edit a page

Open a page in the editor to change its texts, add, move or remove blocks, replace pictures and check it at phone width, then save your changes or discard them.

The editor changes a page where it stands: what you see while you edit is what visitors get once you save. Until then your changes stay in your screen only. The page in the pictures is the contact page of the demo website; nothing is saved.

## Before you start {#before-you-start}

- You need the **Editor and Designer** access right on **Website**. A **Restricted Editor** opens the editor only on content they may already change in its own app; blog posts need **Editor and Designer** too: [How the website works](how-the-website-works#access-rights).
- Work on a computer: on a phone the website hides **Edit**.

## Open the editor {#open}

Open the page on the website. **Website/Site/Homepage** shows the home page, and a click on a row of **Website/Site/Content/Pages** opens that page. Then click **Edit** at the top right.

![A page of the website as its editors see it, with the Edit button at the top right.](https://jaah.app/web/image/17250-79879dd5/website-edit-a-page-page_preview-en.png)

The page stays in place and a panel opens beside it, with three tabs, **Blocks**, **Style** and **Theme**, under the buttons **Discard** and **Save**.

![The editor's panel on the side of the page, open on its blocks.](https://jaah.app/web/image/17252-9097891d/website-edit-a-page-builder_blocks-en.png)

## Change a text {#text}

Click a text in the page and type. Selecting words shows a small toolbar to make them a heading or a paragraph, bold or italic, change their color, turn lines into a list or the words into a link.

## Add a block {#add-a-block}

A block is a band of the page: a title with a picture, three columns, a form. **Blocks** lists them in categories such as **Intro**, **Columns**, **Content**, **Images** and **Text**.

- Click a category. The window shows its designs, and its search box finds a block in every category. Click a design: it is added near the middle of the part of the page on screen.
- Or drag the category onto the page, drop it where the marks show, then click a design.

![The designs of one category, with a search box for every block.](https://jaah.app/web/image/17254-a9f159e8/website-edit-a-page-block_dialog-en.png)

**Inner Content**, at the bottom of **Blocks**, holds the small pieces that go inside a block: a text, a button, a picture, a video, a separator and more. Drag them into place; a click only reminds you to drag.

## Change, move or remove a block {#block-options}

Click a block in the page. It gets a frame, and **Style** shows its options, such as the layout, the background or the height, then those of the column you clicked in. Next to its name, **Duplicate this block** copies it and **Remove this block** deletes it; the small buttons on the frame also move it. With nothing selected, **Style** asks you to select a block.

![The Style tab shows the options of the block you click on the page.](https://jaah.app/web/image/17256-87e29f3a/website-edit-a-page-style_tab-en.png)

To change a picture, click it, then **Replace** in **Style**, or double-click the picture. The media window offers the pictures already stored and **Upload an image** for one from your computer.

## The colors of the whole site {#theme}

**Theme** holds the colors, the fonts and the button styles of the whole website, not of this page only: a change there shows on every page once saved.

![The Theme tab holds the colors and fonts of the whole website.](https://jaah.app/web/image/17258-d8e14bd5/website-edit-a-page-theme_tab-en.png)

## Check, then save {#save}

- The phone icon at the top of the panel, **Mobile Preview**, draws the page at the width of a phone without leaving the editor. Click it again for the full width.

![The page as a phone shows it, without leaving the editor.](https://jaah.app/web/image/17260-447b658f/website-edit-a-page-mobile_preview-en.png)

- The two arrows at the top left of the panel undo and redo your last changes.
- **Save** keeps your changes and closes the editor. On a published page, visitors see them at once.
- **Discard** closes the editor without keeping anything. When you changed something, it asks first: **Discard all changes?**

## FAQ {#faq}

### Do visitors see my changes while I edit? {#visitors-during-edit}

No. Nothing changes for them until you click **Save**. On an unpublished page they see nothing even then: [Add a page](add-a-page#publish).

### I removed a block by mistake. {#undo}

Click the undo arrow at the top left of the panel, or **Discard** to drop every change since you clicked **Edit**.

### The Arabic page still shows my old text. {#other-language}

Each language keeps its own texts. After a change in the main language, open the page in the other language and translate what changed: [Translate a page](translate-a-page).

---

- Source: https://jaah.app/docs/website/edit-a-page
- Updated: 2026-10-29
- Version: Website 19.0.1.0
- Verified: 2026-10-29