Moving a site to a new address is easy to plan and easy to get wrong. When you change domain in Elementor, old URLs stay hidden inside your page data, and your pages can show missing images, dead buttons, and broken menus. This guide shows how to change the address safely and how to check the result.
It works for a rebrand, a switch from a staging address, or a move from http to https. In short, you back up first, update every stored URL, and then test.
Why URLs Break When You Change Domain in Elementor
Elementor saves your layout as structured data in the database. That data often includes full URLs for images, buttons, backgrounds, and links. Therefore, changing the site address in WordPress settings is not enough. The old domain remains inside each saved design, and visitors still see it.
To make things harder, much of this data is serialized, which means each value stores its own length. A careless find and replace can corrupt it. We explain the causes in more detail in our post on how to fix broken links after a site migration in Elementor.
What You Need Before You Start
Before you change domain in Elementor, gather a few things first, and the move will go smoothly. You need access to your hosting account, your domain settings, and a way to restore a backup. You also need a list of every address you use, such as the main site, a blog subdomain, and any staging copy.
Plan the timing too. If you can, make the change at a quiet hour, and tell your team to stop editing. Changes made during the move can be lost or overwritten, and this is easy to avoid.
Step 1: Choose and Confirm the New Domain
First, settle on the new address. Keep it short, easy to spell, and close to your brand. Before you register it, run it through a domain availability checker so you do not plan a whole move around a name you cannot get.
Then point the new domain at your hosting and make sure HTTPS works. Do not touch the site content until the new address loads your site.
Step 2: Make a Full Backup
Next, back up your files and your database. This is the step people skip, and it is the one that saves you. The WordPress handbook explains the basics in its backup guide. Store a copy off the server, and test that you can restore it.
Step 3: Update the Site Address in WordPress
Now change the WordPress Address and Site Address. The official page on changing the site URL lists the safe methods. If you are locked out after the change, you can also set both values in the configuration file.
Step 4: Replace the Old URL Inside Your Designs
This is the core of the job. You need to find the old domain in every post, page, template, and Elementor setting, and swap it for the new one. Use a tool that understands serialized data, so the lengths stay correct. General tools such as Better Search Replace can handle the database. Our own Search & Replace for Elementor focuses on Elementor data.
- Run a dry run first and read the results.
- Replace the full old address, including http or https.
- Search the www and non-www versions separately.
Step 5: Regenerate Elementor Files and Clear Caches
Elementor stores generated CSS files with old addresses inside them. Open its tools page and regenerate the files. Afterward, clear your page cache, your server cache, and any CDN cache. Otherwise, you may still see the old version and think the change failed.
Step 6: Set Up 301 Redirects
Visitors and search engines still use your old address. Add permanent 301 redirects from every old URL to the matching new URL, so rankings and bookmarks carry over. Most hosts let you do this with one rule at the server level. Also tell Google about the move, using the Change of Address tool in Search Console.
Step 7: Test Everything
Finally, open your key pages and check images, menus, forms, and buttons. Run a crawler to find leftover references to the old address. If you want a broader checklist, the WordPress team documents the process in its guide to moving WordPress, and my other site, Developry, has a step-by-step guide to changing a WordPress domain name.
Common Mistakes When You Change Domain in Elementor
Most problems come from the same few shortcuts. People forget the backup, run a plain text replace on serialized data, or skip the cache clearing. Others forget the redirects and lose traffic for weeks. Also watch for hard-coded addresses in custom CSS, code snippets, and widgets that hold their own URLs.
Large sites need extra care. If you run hundreds of pages, test the process on a staging copy first, and compare a few pages before and after. This catches odd cases, such as widgets that store URLs in unusual fields, before they reach your visitors. Take your time with each step. A calm, ordered process costs an hour. A rushed one can cost a weekend.
Quick Checklist
Print this list and tick each item as you go. It covers the full process in one place, so nothing gets skipped.
- Confirm the new domain is yours and loads over HTTPS.
- Back up files and database, and test the restore.
- Update the WordPress Address and Site Address.
- Replace the old URL in all Elementor and WordPress data.
- Regenerate Elementor files and clear every cache.
- Add 301 redirects and use the Search Console change tool.
- Crawl the site and fix leftover old links.
Conclusion
To change domain in Elementor safely, confirm the new name, back up, update WordPress, replace every stored URL, regenerate files, add redirects, and test. Follow the order, and your design, links, and rankings should survive the move. Have a question about a tricky migration? Leave a comment below.
