fbpx

How to fix mixed content in Elementor built websites

THIS POST MAY CONTAIN AFFILIATE LINKS. PLEASE READ MY DISCLAIMER FOR MORE INFO.

In this article, you’ll learn (in 2 steps) how to fixed mixed content caused when adding an SSL or https to websites built with the Elementor WordPress plugin.

Most page builders have this issue. And if you’re a web developer or designer building sites for clients, you often use a development domain before migrating the site to your clients hosting and domain.

In which case, these WordPress page builder plugins store those URLs throughout the different pages and in most cases makes it difficult to replace those URLs with a typical Database Search and Replace plugin.

Another Reason To Use Elementor

They have made this so simple. The solution is built into the Elementor plugin.

Which means you don’t have to mess with database search and replace and avoid the risk of blowing up your site!

Here Are The Steps

PRO TIP: Be sure to backup your website first! Files and database, or what is known as a full backup.

#1 Replace URLs

Elementor => Tools => Replace URL

Then enter the old URL and the new URL.

For example, if you built the site on a temporary URL like, devsite.yourdomain.com, that would be the “old-url.com below, and if you are wanting to use a custom domain like, mybusinessdomain.com, that would be the “new-url.com” below.

You want to be aware of the http protocol as well. If your dev site didn’t have an SSL, but your new site does, be sure to use the proper http/https.

In some cases you may need to do this for a couple different “old-urls.com”.

Let me explain. Let’s say you built the site at, devsite.yourdomain.com then migrated to WP Engine on a temp URL, username.wpengine.com, then switched to yourbusinessdomain.com. You will want to do this twice for both of the temporary domains.

Elementor SSL Mixed Content

#2 Regenerate Files

Still in Elementor => Tools, just switch from the “Replace URL” tab to “General” tab.

After you have changed the URLs in the first step, you will want to click “Regenerate Files” as shown below.

This will update URLs through out all the files Elementor creates during the build process, i.e the CSS (style sheet).

Fix Mixed Content Elementor

The Wrap Up

That is it! You should see that you have the green padlock now and no more warning about some content not being secure.

If this did not work for you, feel free to use the chat / comments  or order a One Time Fix and we’ll get it fixed for you!

Advertisements

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.