A tour of the editor
What each part of the editor does, how saving works, and the shortcuts worth knowing.
Click ✎ Edit on any page card to open the editor. On a computer you’ll see the settings on the left and a live preview of the page on the right. Every change shows in the preview straight away.
The top bar #
| Button | What it does |
|---|---|
| ← and the page name | Back to the portal. Your latest edits are saved first. |
| New | Replaces this page with a template or a blank page. Undo brings back what you had. |
| Open / Save project | Load or download a .json copy of the page, for keeping a backup on your computer. |
| 🕘 History | Saved versions of the page. See Undo and version history. |
| ↶ ↷ | Undo and redo. |
| ◐ | Light or dark look for the editor itself. It doesn’t change your page. |
| 🚀 Publish | Sends your saved edits live. See Publish your changes. |
The four tabs #
- Blocks: the parts of your page, top to bottom. Click one to open its settings. See Add and arrange blocks.
- Theme: colors, fonts, corners and spacing for the whole page. See Colors, fonts and spacing.
- Pop-ups: menus that slide up from the bottom of the screen. See Pop-up menus.
- Publish: the Publish button, the install code, the pop-up worker and a few page options.
The preview #
- 📱 Phone Tablet Desktop show the page at each size. Most people will see it on a phone, so check that one first.
- 🎯 Tap to edit, then tap anything in the preview to jump to that block’s settings. On a computer you can also hold Alt (Option on a Mac) and click a block any time.
- The 🕒 menu appears once your page has special times. It switches the preview between the time you’re editing and what’s live right now.
- Buttons work in the preview, so you can open pop-ups, forms and lists to check them.
On a phone or small screen #
The editor works on a phone too. The settings fill the screen, and a round button at the bottom switches between 👁 Preview and ✎ Edit.
How saving works #
You never need a save button. The bottom of the settings panel tells you where things stand:
- Unsaved changes · saving soon: your edits save within 15 seconds.
- Saved to [your church]: everything is safe in the portal.
Edits also save right away when you press Ctrl+S (⌘+S on a Mac), publish, click ←, or close the tab.
Saving keeps your work safe in the portal. Visitors only see it after you press 🚀 Publish.
If two people edit at once #
If someone else saved the page after you opened it, DoorStep asks whose version to keep. OK keeps yours and replaces theirs. Cancel loads theirs, and you lose your changes since you opened it. To avoid this, agree on who’s editing a page, or reload before you start.
Keyboard shortcuts #
| Keys | Does |
|---|---|
| Ctrl/⌘ + Z | Undo |
| Ctrl/⌘ + Shift + Z | Redo |
| Ctrl/⌘ + S | Save now |
| Alt/Option + click | Edit the block you clicked in the preview |
Related guides #
Still stuck? Ask whoever set up DoorStep for your church, and mention this article: A tour of the editor.