# Editing your popup Canonical URL: https://support.optimonk.com/en/articles/editing-your-popup Once your popup is built, you can change it in two ways: by hand in the visual editor, or by describing the change in words. Both live on the same screen, and both end at the same **Save** button. ## Opening the editor The editor is a page of its own, at `/editor/`. - From your design thread, the preview panel and the preview overlay both have an **Edit** button that opens the popup you are looking at. - From the campaign page, click a variant to open it, then use **Drag & drop editor** in the overlay footer. Before the editor opens, the app makes sure the variant has a build of its own — if two variants still share one build, it forks a copy first, so editing one never changes the other. ## What is on screen The top bar shows the popup's name and, under it, either **Saved** or **Unsaved changes**. In the middle you get the desktop/mobile switch, a preview-size dropdown, the current zoom percentage, and a **Preview** button that opens the popup in a new tab. If the popup has a coupon element, a **Coupon** button appears next to it. On the right sit **Undo**, **Redo**, **Cancel**, **Save **and **Save & Exit**. The popup itself is in the middle. The panel on the right has two tabs: **Visual** and **AI**. ## Changing things by hand (Visual tab) Click any element on the canvas. Until you do, the panel says *"Select an element"* — *"Click an element to edit its properties. Flow elements can be reordered by dragging."* What the panel offers depends on what you selected. The sections you may see include **Layout**, **Spacing**, **Size**, **Element placement**, **Typography**, **Color**, **Background**, **Background image**, **Image**, **Field**, **Behavior (on click)**, **Close behavior** and **Dim overlay**. For pictures there is **Replace image** with an upload option and **Browse images**; for any element there is **Hide element** and **Delete element (Delete)**. Some things are deliberately not typed over on the canvas, because the value matters, not the pixels — coupon codes, countdown digits, survey option texts, lucky-wheel and scratch-card prizes. Those have their own settings, and the panel says so and links to them (for example **Coupon settings**). ## Asking for a change (AI tab) Switch to **AI**, type what you want in the box — *"What should I change?"* — and send it. The tab also shows **Examples:** with four starters, such as *"Move the logo under the headline"* and *"Make the CTA button much more prominent"*. There are two lanes, and the app picks between them: - A **Fast edit** applies straight to the canvas, usually in seconds. - A larger, structural request becomes a **Major rebuild (render + check)**, which takes roughly 1–3 minutes. That one comes back as a **Before** / **After **pair of pictures with **Apply** and **Revert** buttons, so you decide. Either way the change lands on the canvas only: *"Apply is undoable - saving only happens with the Save button."* AI editing works on the popup's main page only — the tab says so when you are on another page. Some asks are politely refused with an explanation instead of a wrong edit. Ask for a trigger, targeting or frequency change and the reply points you at the campaign's Settings page; ask about the dimmed area behind the popup and it explains that this is the campaign's overlay setting, not part of the design. ## Which one to use Use the **Visual** tab when you know exactly what to change and where — a colour, a font size, a field, a button's action. Use the **AI** tab when the change is easier to say than to click: reordering blocks, making a layout two-column, tightening the copy. A good rhythm is to ask for the big move on the AI tab, then tidy the details by hand. ## Saving, and what your visitors see **Save** keeps you in the editor; **Save & Exit** saves and takes you back where you came from. If you try to leave with unsaved work, a dialog appears — **Unsaved changes**, *"You have unsaved edits. Save them before you leave, or discard them?"* — with **Stay** and **Discard & leave**. Saving does two things. It stores the edited document, and it immediately pushes the creative to the live campaign, so what is served matches what you just saved. There is no second "publish" step for a design change. If that push fails you are told and kept in the editor: *"Saved, but updating the live campaign failed: {message}"*. Two things Save does **not** do. It does not switch a campaign on — that is the **Active** / **Inactive** control on the campaign page. And a save is only recorded as an edit in your campaign thread when the HTML actually changed, so opening and closing the editor leaves no trace. One place behaves differently on purpose: the variant overlay on the campaign page. Every AI change there is kept as a draft — the header shows an **Unpublished draft** badge — and *"Nothing changes for your visitors until you press Save."* In the editor, Save publishes; in the overlay, Save is what publishes.