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.
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:
- Background image
- Button image
- Logo image
- CSS file
- Form image
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:
- Enter URL — host your image on a hosting site and enter its URL
- Upload Image File — to EmailMeForm secured servers
- 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:
2) Enter Logo and choose the Upload Image File option.
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:
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:
2) Enter Buttons and Change Button Image.
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:
2) Enter Backgrounds, choose Wallpaper, and then Custom Pattern.
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
2) Choose Advanced and apply new https:// URL of your css file.
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.
2) Enter the new https URL of your image.
Remember to save and preview your form and you’re all set.
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.