It's time to create new or re-design your websites to bring it to the next level.

Check out Top 110+ Best Free Joomla! templates Listing of 300+ Best Free WordPress themes

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

WP CLI:

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

Troubleshooting

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)

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 WordPress themes here to get a wonderful theme for yourself.

Image Credit: docs.elementor

Are you Web Freelancer or Web Design Company? Join our Club and Access our Resource!

Access 500+ PRO Premium Joomla! and WordPress themes with $19,200 just $149, Quickstart Package included!

Buy one-time, get life-time access!

Access Life-time All-In-One Membership with 500+ Premium WordPress themes and Joomla templates just $239.00 (instead of $399) after discounted! Life-time Access, Download and Support, One-time Payment, No Renewal. Coupon code: WORKATHOME

Join All-In-One Club with 40% OFF on today!

The Pandemic Continues So Do Our Support! We're offering 40% Discount on all purchases! Code: REMOTEWORK More Details
The Pandemic Continues So Do Our Support! We're offering 40% Discount on all purchases! Code: WORKATHOME More Details