---
title: "Add, move, and remove blocks on a page"
url: "https://mycommunitysync.com/add-and-arrange-blocks"
community: "CommunitySync"
description: "Everything about placing blocks: adding from the palette, reordering, duplicating, and deleting."
updated: "2026-07-18T18:45:00.616+00:00"
---

# Add, move, and remove blocks on a page

*Website Builder*

Blocks are the building units of every page in the website editor. This guide covers the four things you'll do constantly: add a block, move it, duplicate it, and delete it. You edit blocks inside the full-screen editor as a community owner or admin — managers and agents can't touch it.

## Add a block from the palette
1. In the editor, click the **Add** icon (the **+**) in the left rail. The block palette opens.
2. Browse the groups: **Layout**, **Hero**, **Content**, **Social proof**, and **Call to action**. Hover any item to see a small wireframe preview of what it looks like.
3. Add it one of two ways:
   - **Click** the item to drop it straight onto the page. It lands right after the block you currently have selected, or at the very bottom if nothing is selected.
   - **Drag** the item onto the canvas. A blue line shows exactly where it will land — release when the line is where you want the block.

New blocks arrive pre-filled with obviously-fake example text so you can see the shape before you style it. Replace that placeholder copy with your own — see [Edit block content](/edit-block-content). Image slots stay empty until you add a picture, so a fresh block won't show a stray stock photo.

![The Add panel open in the editor, showing block groups](https://iaktsmonietvbikzietg.supabase.co/storage/v1/object/public/site-assets/kb/editor-01-add-panel.png "Click the Add (+) icon to open the block palette, grouped by type.")

## Select a block
Click any block on the canvas to select it. You'll see an accent-colored outline around it, and the inspector opens on the right with that block's settings. A floating toolbar also appears just above the selected block.

## Move a block
You can reorder blocks four ways — use whichever feels fastest:

1. **Drag on the canvas.** Grab the block and drag it up or down. The blue drop line shows where it will land.
2. **Arrow keys.** Select a block, then press the up or down arrow key to nudge it one slot at a time.
3. **The Navigator.** Open the Navigator from the left rail and use the up/down chevrons next to a block to move it.
4. **The block toolbar.** Use the move up / move down controls in the floating toolbar above the selected block.

![The Navigator panel listing a page's blocks](https://iaktsmonietvbikzietg.supabase.co/storage/v1/object/public/site-assets/kb/editor-rail-01-navigator.png "The Navigator lists every block on the page — click one to select, or use the up/down controls to reorder.")

## The floating block toolbar
When a block is selected, a small toolbar hovers above it. From left to right it gives you:

- The block's **name** (so you always know what you're on)
- **Move up** and **move down**
- **Add below** (inserts a new block right under this one)
- **Duplicate** (the copy icon)
- **Delete** (the trash icon)

## Duplicate a block
To copy a block — content, styling, and all — click the **copy** icon. It's available in three places: the floating toolbar, the Navigator, and the inspector. The duplicate appears right below the original, ready to edit.

Note: navigation and footer blocks (your site chrome) can't be duplicated — there's only one of each.

## Delete a block
You can remove a selected block from any of these:

1. Press **Delete** or **Backspace**.
2. Click the **trash** icon in the floating toolbar.
3. Delete it from the **Navigator**.
4. Use the delete control in the **inspector** footer.

Every delete asks you to confirm first. Be deliberate: there is **no undo**. If you remove the wrong block, you'll need to add it back and rebuild it.

## Keyboard shortcuts
With a block selected (and not while you're typing in a field):

- **Delete** / **Backspace** — delete the block (with confirm)
- **Up arrow** / **Down arrow** — move the block up or down
- **Esc** — deselect the current block

These shortcuts are ignored while your cursor is inside a text field, so you can type freely without triggering them.

## Troubleshooting

### I clicked a block in the palette but it landed in the wrong spot
A clicked block inserts right after whatever block is currently selected — or at the bottom of the page if nothing is selected. Select the block you want it to follow first, then click the palette item. Or drag instead and watch the blue line to place it exactly.

### I deleted a block by mistake
There's no undo. Add the same block type again from the **Add** palette and re-enter its content. This is why every delete asks you to confirm — pause on that prompt before you commit.

### The arrow keys aren't moving my block
Make sure the block is selected (accent outline showing) and that your cursor isn't inside a text field. While you're typing, the arrow keys move the text cursor, not the block. Press **Esc** or click the block's edge to select the block itself, then use the arrows.

### I can't duplicate my nav or footer
That's expected. Navigation and footer blocks are site chrome — there's only one of each, so they can't be copied. See [Set up site navigation](/set-up-site-navigation) and [Build your footer](/build-your-footer) to edit them.

### Website Builder

- [Add calls to action (CTA bands and buyer/seller guides)](https://mycommunitysync.com/calls-to-action.md)
- [Add social proof: stats, testimonials, case studies, and logos](https://mycommunitysync.com/social-proof-blocks.md)
- [Add a contact or lead form to your website](https://mycommunitysync.com/add-a-lead-form.md)
- [Show your property listings on your website](https://mycommunitysync.com/listings-on-your-website.md)
- [Add an agent directory (and team blocks)](https://mycommunitysync.com/agent-directory-on-your-website.md)
- [Embed a map, video, or custom HTML](https://mycommunitysync.com/embed-block.md)
- [Set up your site's navigation menu](https://mycommunitysync.com/set-up-site-navigation.md)
- [Build your website footer](https://mycommunitysync.com/build-your-footer.md)
- [Add, rename, and organize pages](https://mycommunitysync.com/manage-website-pages.md)
- [Reuse a layout with page templates](https://mycommunitysync.com/page-templates.md)
- [Manage your website images (Asset Library)](https://mycommunitysync.com/manage-website-images.md)
- [Add alt text to images (accessibility & SEO)](https://mycommunitysync.com/image-alt-text.md)
- [Open the website editor and find your way around](https://mycommunitysync.com/open-the-website-editor.md)
- [Edit a block's content in the inspector](https://mycommunitysync.com/edit-block-content.md)