How to Undo Changes in Elementor

Accidentally deleted or changed something while designing? Elementor makes it easy to undo changes and go back to a previous version. In this guide, you'll learn how to quickly reverse edits in the Elementor editor and fix mistakes without hassle.

Basic Undo Options in Elementor

Elementor includes built-in options to undo your most recent actions. These are accessible via the toolbar and keyboard shortcuts.

• Undo button: Click the curved arrow icon in the Elementor editing toolbar.
• Keyboard shortcut: Press CTRL + Z (Windows) or CMD + Z (Mac).
• Redo action: Use CTRL + SHIFT + Z (Windows) or CMD + SHIFT + Z (Mac).

Using Elementor Revision History

Elementor includes a built-in Revision History feature that automatically saves previous versions of your page or section. Whether you’ve made an accidental change, deleted content, or simply want to compare layouts, this tool gives you full control over restoring earlier states of your design—without needing to rely on third-party backups.

Accessing Revision History

1. While editing a page in Elementor, click the History icon (a clock symbol) located at the bottom-left of the editing panel.
2. In the sidebar that appears, switch from the default Actions tab to the Revisions tab. This tab contains a chronological list of saved versions.
3. Browse through the entries, each labeled with a timestamp and editor ID. Select the desired version and click Apply to instantly revert your content to that point.

How revisions differ from actions

The Actions tab shows changes made during the current editing session—like a short-term undo tool. In contrast, Revisions store saved versions even after closing and reopening the editor. This makes revisions more suitable for rolling back to a previously published design or recovering from mistakes made hours or days ago.

Tips for managing revisions effectively

• Preview before applying: Use the preview panel to verify the content of the revision before clicking Apply.
• Combine with Save As Draft: Use drafts alongside revisions to experiment safely with layouts.
• Restore sections only if needed: Consider copying content from older revisions into your current design rather than overwriting the whole page.

Using Navigator to Revert Elements

Navigator is another helpful feature in Elementor that lets you view and manage every element on your page.

• Open Navigator by clicking the layered icon in the bottom-left corner.
• Right-click an element in the list to delete, duplicate, or reset its settings.

Restore from WordPress Revisions

If Elementor’s built-in revision history doesn’t provide the version you need, WordPress also offers its own page/post revision system. This feature stores full snapshots of your page content every time it's updated or saved, making it another safety net for undoing changes—even outside of Elementor.

Restore a previous WordPress version

1. Log in to your WordPress dashboard and go to Pages > All Pages.
2. Find the page you want to restore and click Edit (not “Edit with Elementor”).
3. In the right sidebar under Page settings, locate the Revisions section (next to “Published On”). Click the link (e.g., “5 Revisions”).
4. You’ll see a slider interface showing a timeline of previous versions. Drag the slider or click “Previous” and “Next” to compare content changes.
5. Once you’ve found the version you want to restore, click the Restore This Revision button.

Important notes when using WordPress revisions

• WordPress revisions restore the entire page—including any changes made outside of Elementor, such as custom fields or shortcodes.
• Restoring a revision may override your current Elementor layout if major edits were saved in the WordPress editor afterward.
• If you're using Elementor Theme Builder templates (headers, footers, etc.), those are managed separately and won’t be affected by page revisions.

Tips to Avoid Mistakes in Elementor

Preventing accidental changes in the first place can save a lot of time.

• Use Save as Draft before making major edits.
• Duplicate sections before customizing them.
• Take regular backups of your website.
• Use Elementor's keyboard shortcuts for quick access and editing safety.

Useful Links

Elementor Developer Docs: History Panel – Explains how the History panel works, including Actions and Revisions tabs for undoing and restoring changes in Elementor.

Elementor Blog: Undo / Redo History – Announcing Elementor’s built-in undo and redo capabilities, along with workflow improvements via the History feature.

Elementor Academy: Tools & Tips (Navigator & History) – Overview of key tools including Navigator access and History panel instructions.

Elementor Blog: Revision History Feature – Details the Revision History that logs your saved changes for long-term editing control.

Your Elementor Website Can Do Even Better!

Elfsight created dozens of useful widgets to make your website more attractive and boost its performance in so many ways. Try these no-code solutions for free on Elementor!

Conclusion

Understanding how to undo in Elementor is essential for stress-free editing. Whether you're using the undo button, keyboard shortcuts, or browsing through revision history, Elementor offers several tools to help you go back and fix mistakes.

Keep experimenting and designing confidently—now that you know how to undo in Elementor, you're better prepared to manage changes and edits with ease.