Elementor

If you’re going to crosspost pages created with Elementor (or Elementor PRO), there are just a couple of things you need to keep in mind.

Before we start, if you’re using Simple WordPress Crossposting (non-multisite version), please make sure that you’ve configured metadata.

1. In order to crosspost a post (or to sync the changes) it is recommended to switch to a standard WordPress editor

Feel free to create and update posts with Elementor, but once finished, switch back to a standard WordPress editor:

how to exist Elementor to standard editor

Select the sites you would like to crosspost it to:

select specific WordPress sites to crosspost
If you’re using Block Editor, this panel may look a bit differently, but with Elementor my recommendation is to install free Classic Editor plugin – it will definitely helps to decrease the amount of possible issues.

And hit the “Update” button:

how to update a WordPress post created with Elementor

There is no way to sync changes directly from Elementor – in that case Elementor will provide us with tons of bugs. So better safe than sorry.

Simple WordPress Crossposting (non-multisite version) usually synces the changes without switching to the default editor, but you can do it just in case.

2. Install a special add-on for Elementor

This add-on is optional – the Elementor posts are going to be crossposted correctly anyway but it provides:

Multisite version of the plugin:

Download Simple Multisite Crossposting – Elementor 1.3

Non-multisite version of the plugin:

Download Simple WP Crossposting – Elementor 1.2

Below is a little bit more details about how this add-on is working.

Better support for Image widget

By default my crossposting plugins are focused on site performance and it don’t duplicate images in post content, because we can easily use original file URLs.

But Elementor (or Elementor PRO) plugin doesn’t agree with that. It actually never uses data from post_content and renders the content from scratch from its own _elementor_data meta field. This approach leads to an issue – when you add an image in Elementor, change its image size (look at the screenshot below) and then crosspost it to another site, the image may lose its size and will be presented in its full size.

Elementor using image sizes

This is automatically fixed by the add-on, the only thing to make sure of is that the same image sizes are registered on all websites you’re going to use for crossposting.

In case you’re using Elementor PRO on your website and you decided to use Gallery widget on a page, then you might notice that after crossposting the page with my plugin, the images misteriously disappear.

Elementor PRO Gallery widget
Gallery widget in Elementor PRO

Why it happens? Because Elementor stores the post content not in post_content database field but in its own meta field _elementor_data as JSON and images are stored there as IDs. So your gallery images either don’t exist on Site 2 or have different IDs.

This is automatically fixed by the add-on.

Elementor templates

If you’re using custom Elementor templates in your pages, before crossposting a page which contains a template, make sure that this specific template is already crossposted to the same sub-site.

If you’re not sure about it, just go to Templates > Saved Templates, open the template you need, select websites in “Publish on” metabox and hit the “Update” button.

Please note, that if you’re using a non-multisite version of the plugin, then in order for your templates to be crossposted, their post type should support REST API. We can do it with this simple piece of code:

// only for "Simple WP Crossposting" (not for "Simple Multisite Crossposting")
add_filter( 'register_post_type_args', function( $args, $post_type ) {
	
	if( 'elementor_library' === $post_type ) {
		$args[ 'show_in_rest' ] = true;
		$args[ 'supports' ][] = 'custom-fields';
	}
	return $args;
	
}, 10, 2 );

You need to use this snippet on every site you about to crosspost to. If you don’t know where to insert it, check this guide.

3. Global styles issue

Sometimes when you crosspost a page in Elementor which looks like this:

Elementor page example

After the crossposting it may look like this for example:

elementor page global colors broken

The only reason why this is happening is because you’re using custom global styles. These styles aren’t connected to a specific page, so we can not just crosspost them.

So I am using a custom global color in an example above:

custom global color Elementor
On the screenshot you can see two custom global colors – New Item #1 and New Item #2.

So, what are the options?

The second one is kind of tricky, because it is not enough just to add the same colors in Elementor Kit, we also have to change their IDs to match the first website.

Here is a step by step:

  1. Please proceed to the second website and create the same global color there.
  2. Then we have to find out the ID of the global kit on the first website, in order to do so, please go to Templates > Saved Templates, then click All and you will find Default Kit there (or any kit you’re using). We need only its ID, you can check it in URL.
  3. Open phpMyAdmin and go to wp_postmeta table. Search for meta key _elementor_page_settings for the ID we have just found. There should be serialized data. You can unserialize it with any online tool or just find the specific HEX code of a color you added a couple minutes ago. Nearby you wll find its id, it would be something like 4eff485.
  4. Let’s go to wp_2_postmeta table (or whatever site ID it is). Also find the ID of the Default Kit on that website, then find metadata with _elementor_page_settings key, find the same color code. But there would be a different ID! Change that.
  5. Done!

4. Different Elementor version issue

This is also a very interesting moment, because even when you have the same Elementor version displayed in your admin area, its configuration could be different, please take a look at two examples below when we add exactly the same “Container” widget.

Example 1:

Elementor structure version 1
Structure 1

And now check this – the same (3.17.3) version of the Elementor!

Elementor structure version 2
Structure 2

So if you’re going to create an Elementor page/template with “Structure 2” and crosspost it to a website with “Structure 1”, of course, it won’t be crossposted correctly. It means that your goal is to make sure that you’re using the same Elementor version and it is configured the same way.

Need more help?