Really Simple SSL

How to fix mixed content in Elementor after moving to SSL

We often see mixed content on Elementor based sites after moving to SSL.

Really Simple SSL Pro automatically handles this for you when you activate SSL. If you’re comfortable tweaking your URL settings manually, you can try the following solution:

Be sure to create a backup of your database before performing the following steps

Navigate to ‘Elementor->Tools->Replace URL’ and enter your old site address (with http://) and your new site address (with https://). You can find your current Site Address in the WordPress general settings. If your Site Address in the WordPress general settings is listed with https://www, you can include the www in the URL. If your Site Address uses https://, enter https:// without the www.

After entering and double-checking the URLs, press the ‘Replace URL’ option. This will update the Site Address in all Elementor data.

Once the Replace has finished, navigate to the ‘General’ tab in the Elementor settings and press the ‘Regenerate Files’ button. This will regenerate your CSS files with the new, updated links.

That’s it! Clear any other caches your website uses and your Elementor site should now work without mixed content.



Related articles

9 Responses

  1. When I fill old and new URL and press the button, it just says “0 rows affected.” I then still regenerate CSS, but it doesn’t solve the issue. Still mixed content.

    And I know it comes from Elementor since I disabled it and it was instantly locked content.

    Any clues?

      1. Thanks mate. Indeed, it shows the bad URL on some image, since I change domains and the attachments URLs weren’t updated properly. I tried updating with a plugin and it seems it worked, but it still shows mixed and that URL, so no luck. I will keep trying, but at least I found the problem source. Thanks.

  2. I solved this issue a few days ago. I had a problem with content mixing on my home page that is built with Elementor. Some kinda http://box5656..bla bla bla on my homepage. The site is”https://” but Lock icon is missing and there is an alert message too.
    So that’s not ok.
    I used CartFlows to build HomePage, Checkout, and ThankYouPage.

    There are steps:

    1. Go to your CartFlows -> Flows -> and pick your flow where the Homepage is -> Click on Edit homepage then open is with Elementor

    2. When you open the homepage in Elementor you can see down the update button and arrow beside the button. Click on the arrow and save a template with another name like “Home page 2”, then exit.

    3. Go to your Templates and find that Home page 2 in this example, and click Export Template on desktop

    4. Find the exported Template and open it with Notepad ++. Press CTRL+F for search. In the open search window, click on the second tab Replace. In ‘Find What:’ section enter URL that causes problem in my case “http:\/\/”, then in the section below ‘Replace with:’ enter https:\/\/ Click Replace All, and save file

    6. Then go back to your Templates on the WordPress dashboard, find your template that you exported and you can see on top of the page Import Template. Click on it and import Template from the desktop.

    7. Go to your CartFlows -> Flows -> Home Page -> Edit, then open Hompage with Elementor and remove all sections from it. Delete all. Then click on the file icon “Add Template”, go to My Templates and insert one that you imported from the desktop.
    Click update and you are finished. You should fix this issue with SSL, Security and Lock problem.

    Thank you. I am glad to help.

  3. Insane!!! I did not know the elementor affect with the mixed content problems since i just learned to installed it. I tot i set up my server with wrong settings and then generate numerous Letsencrypt ssl certificates until it touch the limit. Lucky me not destroy the server and rebuild that job is very time consuming.

    Last minutes i just realize from your post that the elementor did the problem and not my server. Haish! Now i force to use ssl from cloudflare to secure my web. Really Simple SSL plugin also save my day! People that use Elementor must read this before use it! Thank you for writing this sir!

Leave a Reply

Join our mailing list - 8 Tips & Tricks in your inbox over the next 8 weeks!

Integrate with Really Simple SSL

Really Simple SSL offers a Free SSL Certificate from Let’s Encrypt. Do you want to integrate with Really Simple SSL as a hosting provider? Let us know!

Choose the answer that most closely resembles your proposed integration. Additional information can be entered below.
After sending the form. The pop-up will close automatically.