How can I undo the changes I made in Webflow when I accidentally deleted a section without backing it up and there is no option to undo or cancel the changes?
TL;DR
- Use Webflow's Backups feature to restore and manually copy the deleted section.
- Check other open tabs for an unsaved version, or inspect the live site to manually extract code.
- Look in the Navigator panel for hidden or misplaced elements.
- As a last resort, duplicate the project and fully restore a backup to recover the section.
If you accidentally deleted a section in Webflow and the Undo option (Cmd+Z or Ctrl+Z) is not available, you still have a few recovery options using Webflow’s built-in versioning.
1. Use the Webflow Backups Feature
- Webflow automatically creates versioned backups every few minutes while you're editing.
- To access them, Go to the Designer, then click the project name dropdown in the top-left corner, and select Backups.
- Browse through the list to find a backup made before you deleted the section.
- Click Restore on the desired backup. This creates a separate restore point, so no current work is lost until you confirm.
- Review that version and manually copy the deleted section’s content from it.
2. Open Your Project in Another Tab
- If you had the Designer open in multiple tabs, one might still show the previous DOM structure with the deleted section.
- Don’t refresh the tab. Instead, try copying the missing section content from that tab.
- Paste it directly back into your active version.
3. Check the Page’s Published Version
- If the site was published before the deletion, visit the live or staging URL (e.g., yourproject.webflow.io).
- Use Developer Tools (right-click, Inspect) to manually extract HTML/CSS content from the published version.
- You’ll need to recreate the content structure manually in your Designer.
4. Use the Navigator to Check for Hidden Elements
- Go to the Navigator panel in the Designer.
- Ensure the deleted section wasn’t just display: none, moved inside another element, or accidentally dragged into a Symbol.
- You might be able to drag it back into place if it's still in the DOM tree.
5. Restore Using Site Backups Cautiously
- Full backup restores will overwrite your project to that point.
- If you choose to fully restore, consider first duplicating your project, then restoring the duplicate and copying the section back into your original build.
Summary
To recover a deleted section in Webflow without a direct undo, use the Backups feature, look for existing open tabs, inspect the published version, or review the Navigator for misplaced elements. Avoid refreshing any tabs where the content may still be present until you've copied it.