--- title: "Get to know the editor" description: "The left panel, the canvas, desktop and mobile views, autosave, the Update button and handy keyboard shortcuts." url: https://scratcher.io/help/campaigns/editor-overview language: en --- 1. [Help center](https://scratcher.io/help) 2. [Campaigns and the editor](https://scratcher.io/help/campaigns) 3. Get to know the editor # Get to know the editor The left panel, the canvas, desktop and mobile views, autosave, the Update button and handy keyboard shortcuts. The editor is where you build your campaign. Everything you change is saved as a draft right away. It only goes live when you click **Publish** or **Update**. ## The left panel The left panel has three groups: - **Layout:** the **Designkit** with your colors, fonts and logo. Popups also have **Placement** here. - **Flow:** the pages of your campaign in the order players see them. Click a page to open it. Use **Add page** to add one, and **Reorder** to change the order. - **Options:** - **Display** (popups only): when, where and to whom the popup shows. - **Connect**: **Integrations**, **Tracking**, **Webhooks**, **Products** and **Emails**. - **Settings**: **Participation**, **Embed & URL**, **Localization**, **Global Effects**, **Cookies**, **Security** and **Draw**. When you click an element on the page, the left panel shows its settings instead, in the tabs **Content**, **Styles**, **Settings** and **Effects**. See [How element settings work](https://scratcher.io/help/elements/element-settings-basics). ## The canvas and the toolbar The page you are editing is shown in the middle. Above it you find: - **Insert**, to add elements and games (or press Shift+A). - **Edit background** for the current page. - **Undo** and **Redo**. The editor remembers your last 25 steps. - **Desktop**, **Tablet** and **Mobile**, to see and edit each screen size. Changes you make in the mobile or tablet view only change that layout. ## The top bar - The logo menu has **View all campaigns**, **New campaign**, **Notes**, **Keyboard shortcuts**, **Copy campaign** and **Delete campaign**, and the **Grant support access** switch. Turn it on to let our support team open the campaign when you ask them for help. - The flag button shows the campaign's language versions. See [Run a campaign in several languages](https://scratcher.io/help/campaigns/languages-and-translation). - **View statistics** opens the campaign's dashboard. - The link button gives you the preview link, the live link, the embed code and QR codes. - An error icon with a number appears when the editor has found errors or warnings. Click it to see them. See [Editor errors and warnings](https://scratcher.io/help/campaigns/editor-errors-and-health-check). - **Run campaign health check** tests the whole setup, from your website to prizes and emails. See [Run a campaign health check](https://scratcher.io/help/campaigns/campaign-health-check). - **Preview** lets you play the campaign as a player. - **Publish** (or **Update** when the campaign is live) puts your changes live. ## Saving and going live Your work is saved automatically as you go. When the campaign is live and you have changes that players don't see yet, a dot appears on the **Update** button: "You have unsaved changes — click Update to publish them". Click **Update** (or press Ctrl+S, Cmd+S on Mac) to put them live. ## One person at a time Only one person can edit a campaign at a time. If a colleague is editing, you see who it is and can click **Request access**. They can then click **Allow access** or **Decline**. ## Keyboard shortcuts Open the logo menu and click **Keyboard shortcuts** to see them all. The most useful: - Ctrl/Cmd+S: save and update the campaign - Ctrl/Cmd+Z and Ctrl/Cmd+Shift+Z: undo and redo - Ctrl/Cmd+.: switch preview mode on and off - Shift+A: add an element - Shift+N: add a page - Shift+D: open the design kit - Ctrl/Cmd+D: duplicate the selected element - Ctrl/Cmd+B: edit the page background - Ctrl/Cmd+Shift+↑ / ↓: previous or next page - Ctrl/Cmd+K: quick actions, to search campaigns and jump anywhere - ?: show all shortcuts ## Editing on a phone The full editor needs a computer. On a phone you can still publish, pause or stop a campaign, change its dates and copy its links. ## All keyboard shortcuts The **Keyboard shortcuts** dialog (press ? at any time to bring it up again) lists: - **Save / update campaign**: Ctrl/Cmd+S - **Open publish panel**: Ctrl/Cmd+P - **Quick actions**: Ctrl/Cmd+K - **Toggle preview mode**: Ctrl/Cmd+. - **Undo** and **Redo**: Ctrl/Cmd+Z and Ctrl/Cmd+Shift+Z - **Edit background**: Ctrl/Cmd+B - **Duplicate page**: Ctrl/Cmd+Shift+D - **Previous / next page**: Ctrl/Cmd+Shift+↑ / ↓ - **Open design kit**: Shift+D - **Add element**: Shift+A (the **Insert** button: "Add templates, elements and game formats") - **Add page**: Shift+N - **Duplicate element**: Ctrl/Cmd+D - **Delete element**: Delete, and **Delete element (skip confirmation if allowed)**: Alt+Delete - **Move up / down**: Shift+↑ / ↓ - **Select next / previous element**: Tab / Shift+Tab The dialog also lists **Copy element** and **Paste element after**, but copying elements isn't available yet. See [Good to know about the editor](https://scratcher.io/help/campaigns/editor-good-to-know). ## Small things worth knowing - **Double click to edit** a name, such as the campaign or a page name. - In preview mode, the editor shows "You are currently in preview mode". - Drag a page by its handle (**Drag to reorder page**) after clicking **Reorder**. - When a colleague asks for the campaign, you see **Edit access request** with **Allow access** and **Decline**. If you are the one waiting and you are declined, click **Back to campaigns**. Campaigns and the editor - [Create a campaign from a template](https://scratcher.io/help/campaigns/create-a-campaign) - [Get to know the editor](https://scratcher.io/help/campaigns/editor-overview) - [Add, reorder and manage pages](https://scratcher.io/help/campaigns/pages-and-flow) - [Add and edit texts, images and other elements](https://scratcher.io/help/campaigns/add-and-edit-elements) - [Add your brand with the design kit](https://scratcher.io/help/campaigns/design-kit) - [Animations, confetti and other effects](https://scratcher.io/help/campaigns/animations-and-effects) - [Personalise texts with dynamic tags](https://scratcher.io/help/campaigns/dynamic-tags) - [Publish, schedule, pause and end a campaign](https://scratcher.io/help/campaigns/publish-and-schedule) - [Preview and test your campaign](https://scratcher.io/help/campaigns/preview-and-test) - [Editor errors and warnings: what they mean and how to fix them](https://scratcher.io/help/campaigns/editor-errors-and-health-check) - [Run a campaign health check](https://scratcher.io/help/campaigns/campaign-health-check) - [Run a campaign in several languages](https://scratcher.io/help/campaigns/languages-and-translation) - [Organise, copy and delete campaigns](https://scratcher.io/help/campaigns/organise-campaigns) - [Send emails to players](https://scratcher.io/help/campaigns/send-emails-to-players) - [Plan your year with the Plan calendar](https://scratcher.io/help/campaigns/plan-your-campaigns) - [Products and product feeds](https://scratcher.io/help/campaigns/products-and-product-feeds) - [Good to know about the editor](https://scratcher.io/help/campaigns/editor-good-to-know) ## Related articles - [Add, reorder and manage pages](https://scratcher.io/help/campaigns/pages-and-flow): The flow is the list of pages players go through. Add intro, form, game and finish pages, or special pages like a countdown. - [Add and edit texts, images and other elements](https://scratcher.io/help/campaigns/add-and-edit-elements): Insert elements, change texts, upload images and fonts, and style everything for desktop and mobile. - [Add your brand with the design kit](https://scratcher.io/help/campaigns/design-kit): Set the background, fonts, text colors, links, logo and button style once, and every page of the campaign follows them. Save kits and reuse them in other campaigns. ## Still need help? Real people are here to help. If you already use Scratcher, the quickest way is the chat inside the platform. - **[Chat with us](https://platform.scratcher.io/login)** Log in and click the chat button in the bottom-right corner. Rex answers right away, and our team is a click away. - **[Book a meeting](https://scratcher.io/book-a-meeting)** A free 30-minute video call with our team: a tour, campaign ideas or help with your setup. - **[Email us](mailto:contact@scratcher.io)** Write to contact@scratcher.io and we will get back to you.