Keyboard shortcut
Default shortcut is ⌘⇧M (Mac) or Ctrl+Shift+M (Windows/Linux), also written as
Mod+Shift+M. Your site developer may customize it in macro.config.js — ask them if the default does nothing. Sign in
Open the website
Visit the page you want to edit in a normal browser tab (production or staging).
Press the shortcut
An in-page sign-in modal appears. There is no separate
/loginpage for editors.Use your site-user account
Sign in with the email and password your team set up under Dashboard → Users (website editors). Dashboard collaborator logins are not the same as overlay site users.
Overlay chrome
After login, Macro wraps the page with editor UI. Typical pieces:
| Name | Type | Description |
|---|---|---|
Inline highlights | page | Editable keys glow or outline on the page so you can click them in context. |
Right sidebar | panel | Field inspector for the selected key — text, image picker, richtext, or component fields. |
Rail / tree | nav | Navigate structure (pages, groups, components) when the page has nested content. |
Version bar | toolbar | Switch draft vs live, create drafts, preview older versions, and publish. |
Click what you see
Highlighted regions on the page are editable. Click text to type inline; open the sidebar for fields that need a picker, rich editor, or component settings.
Leaving edit mode
Use the overlay’s exit / logout control when you are done. Unsaved prompts may appear if a draft still has pending changes — finish editing or discard before leaving.