> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scayla.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding editing blocks to your theme

> Use the checkout and accounts editor to place Editr blocks on your Order status, Orders, and Thank you pages.

Editing blocks are the customer-facing parts of Editr. They render buttons, modals, and banners on your storefront so customers can manage their orders after checkout. You add them through Shopify's checkout and accounts editor.

<Note>
  Editing blocks stay hidden from customers until you turn on the global app
  toggle in the Editr admin, regardless of whether they've been added to your
  theme.
</Note>

## Where each block can go

| Block               | Order status | Order index | Thank you |
| ------------------- | ------------ | ----------- | --------- |
| Cancel order        | ✓            | ✓           | ✗         |
| Contact support     | ✓            | ✓           | ✗         |
| Edit items          | ✓            | ✗           | ✗         |
| Add items           | ✓            | ✗           | ✗         |
| Time left countdown | ✓            | ✗           | ✓         |
| Edit order banner   | ✗            | ✗           | ✓         |

The **cancel order** and **contact support** blocks render as a menu item on both the Order status page and the Orders index in customer accounts simultaneously.

## Open the checkout and accounts editor

You can get to the editor from two places. Use whichever route you prefer.

<Tabs>
  <Tab title="From Settings">
    <Steps>
      <Step title="Go to Settings">
        From your Shopify admin, go to **Settings → Checkout**.
      </Step>

      <Step title="Customize your configuration">
        In the **Configurations** section, click **Customize** next to the
        configuration you want to edit.
      </Step>

      <Step title="Select the page">
        In the editor, select the page you want to add blocks to (for example,
        **Order status**).
      </Step>
    </Steps>
  </Tab>

  <Tab title="From the theme editor">
    <Steps>
      <Step title="Open the theme editor">
        From your Shopify admin, go to **Online Store → Themes** and click
        **Edit theme** on your live theme.
      </Step>

      <Step title="Switch to checkout and customer accounts">
        In the theme editor, open the page menu and select **Checkout and
        customer accounts**.
      </Step>

      <Step title="Select the page">
        Select the page you want to add blocks to (for example, **Order
        status**).
      </Step>
    </Steps>
  </Tab>
</Tabs>

## Add a block to a page

<Steps>
  <Step title="Open the apps menu">
    Click the **Apps** button in the top menu bar to see the available blocks.
  </Step>

  <Step title="Add the block">
    Click the Editr block you want to add and select the page it should appear
    on.
  </Step>

  <Step title="Configure the block">
    Click the block to open its settings in the right-hand panel. Drag it in the
    sections sidebar to reposition.
  </Step>

  <Step title="Save">Click **Save** in the top-right of the editor.</Step>
</Steps>

## Related guides

* [Cancel order block](/editr/guides/editing-options/cancel-order)
* [Edit items block](/editr/guides/editing-options/edit-items)
* [Edit order banner](/editr/guides/editing-options/edit-order-banner)