When you switch on SSL Encryption on your form, you will be reminded with the message below to check your form for unsecured http files that your form may be using.

Preview Your Form Modal
A reminder to preview your form after turning on SSL (click “Continue”)

First, you need to press Continue to go back to your dashboard and enable SSL on your form(s). Then make sure you preview and test/submit your form to make sure that it looks and works fine.

If the form works as expected, you can get back to whatever you’ve been doing before.

If, however, you see that certain elements of your form are not loading — read on to learn what simple steps you can take to correct the mixed content issue.

We’ve covered each possible scenario below.

What to do if mixed content issue is reported by your browser?

If your browser reports a mixed content issue, it means that some of the custom theme files linked to your form are hosted on unsecured hosting sites.

Custom files are:

Please read the instructions below to find out how to replace the http:// hosted URLs of your custom files.

What to do if logo, button image, or theme are not loading on your form?

This issue only happens when your logo, button image, or other theme files like background image or css file, are hosted on unsecured hosting sites with http:// connection.

When you turn on SSL Encryption, your form gets encrypted and its URL will change to this: https://*. All files used by a secure form must be served via a secure connection.

Update logo image

Your logo image is hosted on an unsecured hosting site and you used its unsecured http:// URL in your form’s theme to display the logo.

To correct this, you will need to update the logo image file that your form’s theme is using.

Our system will offer you three options to choose from:

  1. Enter URL — host your image on a hosting site and enter its URL
  2. Upload Image File — to EmailMeForm secured servers
  3. Choose from Existing Images — those that you’ve already uploaded

Recommended Option: Upload Image File

The easiest option to update your logo image is Upload Image File, in which case you will upload your logo image directly to our cloud storage which is secured and you need not worry about the mixed content issue.

1) To do this, you will access your form’s theme as shown below:

How to Access Your Form’s Theme
Click on the form to see which theme is used > Go to Theme Builder from the upper left main menu > Choose to Edit Existing Theme > Select the theme

2) Enter Logo and choose the Upload Image File option.

How to Access Upload Image File Option
Logo > Choose Your Logo > Change Custom Logo and the module above will show up

Just choose the image file of your company’s logo and upload it to EmailMeForm. Don’t forget to save your theme and preview your form.

Your Current Option: Enter URL

However, if you wish to keep using the Enter URL option (your current choice), the first thing you need to do is upload your image to a secured photo hosting site. Here you can find the list of free photo sharing sites that are secured.

When you upload your logo image to a secured hosting site, its link will become https:// which indicates that it has a secure connection to your form.

Now that you have the correct link, you need to update your logo image link in your form’s theme.

1) Enter Logo and update the logo image link.

Copy the new secured https link you’ve got and paste it in the box:

How to Change Logo Image
Logo > Change Custom Logo > Enter URL

Update button image

If your form uses Custom Button (image) and the button changed after you had turned on SSL, it means that you need to update your button image. Please repeat the same procedure as for logo image that we have explained above.

You can choose to Upload Image File in which case you will upload your button image directly to EmailMeForm. This is an easier option so we recommend that you opt for it.

If your choice is to go ahead with Enter URL option you used before, you will need to upload your button image to a secured file sharing website and paste its new https:// URL to your theme.

1) To do this, access your form’s theme as shown below:

How to Access Your Form’s Theme
Click on the form to see which theme is used > Go to Theme Builder from the upper left main menu > Choose to Edit Existing Theme > Select the theme

2) Enter Buttons and Change Button Image.

How to Change Form’s Button Image
Buttons > Change Button Image > Enter URL

Update background image

If your form uses Custom Pattern (image) for its background and it is not loading properly after you have turned on SSL, you will need to update your custom pattern image.

Repeat the same procedure as explained in the logo section above.

1) First, access your form’s theme as shown below:

How to Access Your Form’s Theme
Click on the form to see which theme is used > Go to Theme Builder from the upper left main menu > Choose to Edit Existing Theme > Select the theme

2) Enter Backgrounds, choose Wallpaper, and then Custom Pattern.

How to Update Form’s Background Image
Backgrounds > Wallpaper > Custom Pattern > Enter URL

What to do if CSS is not loading?

You or someone in your team had created a custom design for your form and linked the css file to your form’s theme.

The issue with css not loading only happens when your css file is hosted on unsecured file hosting sites (served via http:// connection).

You will need to upload your form’s css file to a secured hosting site and then link to it again in the Theme Builder. Here is the list of free hosting sites where you can store your css file securely.

After you have uploaded your css file there, you will need to:

1) Access your form’s theme

How to Access Your Form’s Theme
Click on the form to see which theme is used > Go to Theme Builder from the upper left main menu > Choose to Edit Existing Theme > Select the theme

2) Choose Advanced and apply new https:// URL of your css file.

How to Update Form’s CSS file
Advanced > Paste new https URL into the box > Apply > Save theme

What to do if the image file inside the form is not loading?

Your form has an image field which uses the image hosted on unsecured hosting site with http:// connection.

To correct this, you will need to update your image and you can choose between 3 given options:

Enter URL — host your image on a hosting site and enter its link Upload Image File — to EmailMeForm secure server Choose from Existing Images — those that you’ve already uploaded

We recommend the Upload Image File option since it allows you to simply upload your image to our secured servers. This is the easiest option for you.

If you choose to stick to your current option used (Enter URL) — the first thing you should do is upload your image to a secured server. When you do this, you will get the URL link to your image. A secure image URL will look like this: https://**.

Here are some of the secured free hosting sites which you can upload your images to.

1) Now that you have the new https:// URL of your image, go to edit your form and click on the image field.

How to Update the Image Your Form Uses
Edit form > Double click on the image field

2) Enter the new https URL of your image.

Update Your Form’s Image
Enter https URL > Save Image

Remember to save and preview your form and you’re all set.

Good job!

Your forms are now ready to securely collect and transfer the data your clients submit to you. You can have peace of mind knowing that your business is protected for the years to come.

Still not sure how to do this on your own?

No worries, we won’t leave you stranded.

We understand that this might sound a bit complicated, especially if you had someone to set this up for you in the past.

If updating your form and theme files feels like too much work or you simply have more important stuff to work on — our CustomWorks ProServices team can help. For an hourly fee, we can assist you in migrating your forms to HTTPs, with checking and updating your form files.

To inquire about CustomWorks, please get in touch via this » form.


Author Jovana Milankovic

Jovana Milankovic

Jovana is a content creator and marketing manager at EmailMeForm. Her job is to curate our software to the world and make it more human for our users.

How EmailMeForm can pave the way to your business recovery

Post COVID-19: Win Back Your Business

Ensure safety for all by outwitting the bad guys

Business Owners, Here’s How You Can Make Safe Data Collection Your Secret Superpower

Using the safest form builder can help you keep your peace of mind while reaching your revenue goals

How to Create A Credit Card Authorization Form for Your Business

Win your clients’ trust easily using a Vault PCI Compliance seal when collecting their credit card details.

Vault Seal of Trust: How Important Is It For Your Business Payment Transactions?



More blog posts