# Add, move, copy and delete blocks on a page

Drag a block from **Add Blocks** onto the page, or press `+` on a container block; the floating toolbar on any selected block lets you copy, paste, move it up or down, or delete it.

## Steps

1. Open **Online Store → Theme Settings** and pick the page in the page selector.
2. Add a block: click `+` in the left rail to open **Add Blocks** and drag the block onto a drop zone on the canvas. Blocks with several designs show an **Available Variants** panel on hover — pick the design before dragging.
3. Add a block inside a container: select a Section, Box, Hero, Slider, Banner, Footer, Express Checkout or Checkout Form block and press `+` in its floating toolbar; a searchable **Add block** window opens.
4. Move a block: use the move up / move down arrows in the floating toolbar. To find a block quickly, open **Design Layers** — clicking an item scrolls the canvas to it.
5. Copy a block: press **Copy this block**, select the block you want it placed next to, then press **Paste your copied block**.
6. Hide a block without deleting it: in **Design Layers**, click the eye icon next to it.
7. Delete a block: press the delete icon in the floating toolbar or in **Design Layers**.
8. Change a block's design: select it, open the pencil tab and choose **Variants**. Switching a variant keeps the block's content but resets its Styles.
9. Click **Save**; switch **Published** on when the page is ready for visitors.

## Common problems

- A red **Missing required blocks** alert appears after deleting → some blocks are crucial to their page (Collection on Categories, Cart on Cart, Checkout Form and Confirm Checkout on Checkout, Wishlist, Blog, Blog Post). Click the alert to re-add the block.
- `+` does not appear on the selected block → only container blocks accept children. Select the parent Section or Box instead, or drag from **Add Blocks**.
- Custom padding, colours or animation disappeared after switching a variant → expected; a variant swap resets Styles. Use Undo to get the previous design back, then re-apply your styles.
- A block added to the header shows on every page → the header and footer are **Shared across all the store**; put page-specific blocks under **Page** instead.

## Related
- [Open the theme editor and find your way around](https://help.dropify.shop/en/guides/open-the-theme-editor-and-find-your-way-around/)
- [Change the design (variant) of a block](https://help.dropify.shop/en/guides/change-the-design-variant-of-a-block/)
- [Style a block: spacing, background, border, shadow, animation](https://help.dropify.shop/en/guides/style-a-block-spacing-background-border-animation/)
- [How to customize sections on your product page](https://help.dropify.shop/en/store_theme/customize-product-page-sections/)
