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.
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.
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 | ✗ | ✗ | ✓ |
Open the checkout and accounts editor
You can get to the editor from two places. Use whichever route you prefer.
From Settings
From the theme editor
Go to Settings
From your Shopify admin, go to Settings → Checkout.
Customize your configuration
In the Configurations section, click Customize next to the
configuration you want to edit.
Select the page
In the editor, select the page you want to add blocks to (for example,
Order status).
Open the theme editor
From your Shopify admin, go to Online Store → Themes and click
Edit theme on your live theme.
Switch to checkout and customer accounts
In the theme editor, open the page menu and select Checkout and
customer accounts.
Select the page
Select the page you want to add blocks to (for example, Order
status).
Add a block to a page
Open the apps menu
Click the Apps button in the top menu bar to see the available blocks.
Add the block
Click the Editr block you want to add and select the page it should appear
on.
Configure the block
Click the block to open its settings in the right-hand panel. Drag it in the
sections sidebar to reposition.
Save
Click Save in the top-right of the editor.
