There are several things that you should take notice while migrating pages which are built with Elementor Page Builder.

Migration with plugin

Absolute URLs: In case you are using a site migration in order to migrate your site, you need to ensure that you can replace absolute URLs as Elementor Page Builder uses this kind of URL.

Programmatic migration

Replace URL behavior:

It is necessary for you to consider that the add_post_meta of Elementor can delete the JSON escaped strings with the wp_unslashfunction of WordPress while writing your own code in order to migrate according to the programme.

In order to tackle this problem when you search and replace in the database, you need to copy the code of the replace URL tool of Elementor Page Builder which you can find in WP-content > Elementor  > Includes > Utils


It also enables you to use the WordPress CLI for migrating your sites. You can also check integration with WP CL for more information.

Migrating background photos

You can find the background photos in a CSS file which includes URL. You are able to determine the CSS Print Method to be inline instead of external files in order to refrain from migrating problems with background photos without writing a script. You can do this by switching on Elementor Page Builder, then click on Advanced > CSS Print Method > Internal Embedding > CSS print method which is inline on your WordPress dashboard.

After Migrating

Use the Replace URL method:

Now, it is necessary for you to use the Replace URL tool in order to ensure that all URL instances have been altered. Even when you believe that your plugin has already finished this, it is possible that you have missed several instances because Elementor accumulates them in files instead of in the database. Follow these steps to solve this problem:

Step 1: Switch on Elementor Page Builder, then click on Tools > Replace URL.

Step 2: Type your old and new URLs.


Rebuild the CSS:

When you finish migrating, it is necessary for you to recreate the CSS. It will delete the CSS and after that, it will create the cache again. In several situations, you have to delete your caching layers with the condition that a caching software is able to deter Elementor from rewriting the CSS files.

You need to switch on Elementor, then click on Tools > Regenerate CSS

File 7Wrzry637K


In case you receive mixed media errors after migrating from http:// to https:// or miss photos as well as other assets while viewing the new site, let refer the steps of After Migrate above.

In case you find the editor panel of Text Editor widget is grayed out after migrating, the reason may be that there is an extra character in the new URL of your site, for example, space. In order to solve this problem, let switch on settings and click on General which is in the WordPress admin and then you need to insert the correct URL in the settings panel. (Note: you may not see the extra character; therefore, you should remove the entire URL and insert again manually)

File S7Jarm33F4

File Rcqm1Gqoqh

In conclusion.

If you have any questions about this, don’t hesitate to leave a comment below. we will reply as soon as possible. Besides, you can also take a look at our Free Elementor Templates here to get a wonderful theme for yourself.

Image Credit: docs.elementor

5/5 - (1 vote)
Lt Digital Team (Content &Amp; Marketing)
Latest posts by LT Digital Team (Content & Marketing) (see all)

Summer Sale Grab 50% Off for everything on today, don't miss it. Coupon code: SUMMER2024 Redeem Now
Summer Sale Grab 50% Off for everything on today, don't miss it. Coupon code: SUMMER2024 Redeem Now