Formidable Forms

The Most Advanced WordPress Forms Plugin and Form Builder

  • Features
  • Pricing
  • Blog
  • Support
  • Login
  • Get Formidable Forms

Nathanael Jones / August 24, 2017

How Chrome is leading the switch to HTTPS for WordPress forms

Have you heard about the coming Chrome changes to your WordPress forms? Don't delay. Learn how to switch to HTTPS today.


How Chrome is leading the switch to HTTPS for WordPress forms

Last week, Google sent out email notices to webmasters everywhere:

Starting October 2017, Chrome (version 62) will show a “NOT SECURE” warning when users enter text in a form on an HTTP page, and for all HTTP pages in Incognito mode.

switch to https for the green SSL padlock You don't often see bold, bright red text in my blog posts, so take note, this really is a big deal. It will affect your website.

Formidable Forms is the best WordPress Form Builder plugin. Get it for free!

The official email from Google Search Console/Chrome included a list of pages on your site that will trigger the new Chrome warning. This included pages with text input fields, which is nearly every page with a form on it. The email concludes with: The new warning is part of a long term plan to mark all pages served over HTTP as “not secure”.

Why should I switch to HTTPS?

How would you react if you saw a webpage marked as "Not Secure" that was asking you to input your personal information? I know I'd think twice about completing the form, even if it was only a simple contact form.

It's easy to agree, this move by Google could have a major impact on form conversion rates. Since other browsers are sure to follow suit, this is an issue that shouldn't be ignored. But how hard is it to fix this?

To prevent the “Not Secure” notification from appearing when Chrome users visit your site, the way forward is to switch to HTTPS. Making the switch may be much easier than you'd expect.

Read more: What is the difference between HTTP and HTTPS?

An SSL certificate is required to switch to HTTPS. These certificates used to be mainly for online stores, or official government or corporate websites. Until recently, SSL certificates had a cost attached. While not prohibitive (usually starting at about $80 - $100 a year), it was simply unnecessary for most small websites.

The recent availability of cheap or even free options has meant SSL uptake has skyrocketed. If you're lucky enough that your hosting provider offers LetsEncrypt SSL certificates, you may be able to do this completely free. However, some providers still charge a one-time setup fee.

How to switch to HTTPS

How to switch to HTTPS with Lets encrypt For this example I'm going to switch my dad's website to HTTPS. He has a cleaning business with a simple website. Don't judge - I built it years ago. Since he's just about to retire, it's not getting a revamp!

Read more: How to switch to HTTPS for secure WordPress forms

Step 1 - Update everything

Update your plugins, WordPress and your themes. This has absolutely nothing to do with SSL. It's just good practice. Do it every time you login to your site. I even updated the PHP version the site runs on to give a bit more speed.

Step 2 - Get a SSL certificate

Login to your hosting control panel and look for the SSL certificates section. Luckily for my dad, his hosting provider offers free LetsEncrypt certificates. I'll click that button, click the "Check my domains" button to make sure there's nothing funky with my the DNS setup. When the check comes back OK, click the "Request SSL" button.

Within 60 seconds I now have an SSL certificate! But simply having the certificate is not enough.

Step 3 - Redirect HTTP to HTTPS

Next I need to setup a redirect to force all traffic to use HTTPS. I'm going to use .htaccess redirect to HTTPS with a few added lines. If you use Yoast SEO, under the Tools menu there is a handy file editor feature that allows you to make this change from inside WordPress.

I'm going to add this code to the very beginning of the htaccess file and click save.

RewriteEngine On 
RewriteCond %{SERVER_PORT} 80 
RewriteRule ^(.*)$ https://johnjonescleaning.com/$1 [R,L]

Important: Change the URL to match your website. If you have existing code in your .htaccess, add this above the rules with a similar starting prefix. Be careful not to add it between the # BEGIN WordPress and # END WordPress lines. If you do, your changes can get overwritten at any point.

Step 4 - How to tell if a website is secure

Check for mixed content errors. HTTPS redirect doesn't instantly make your site secure.

Although your page is now loaded over HTTPS, there may be elements that are still requested via insecure connections. Because of this you may see HTTPS in the URL bar of your browser, but the reassuring padlock icon that usually goes with it is missing.

How to tell if a website is secure after redirect http to https To fix this, right click on your webpage and click on "Inspect". Click the Console tab in the panel that opens up. This will show details of mixed content.

Most of these errors can be automatically fixed in one quick action by installing a plugin like SSL Insecure Content Fixer or HTTP / HTTPS Remover. I use the 2nd option myself. These plugins simply remove the HTTP or HTTPS references from your pages, so the redirect you setup in step 3 can be applied to all links.

If you still see mixed content errors after using one of these plugins, you should be able to track down the link and update it manually. You can even run a search and replace function if the link is hidden in a theme file somewhere. WhyNoPadlock.com may also help you root out the problem.

Check EVERY page of your website. You may be loading external resources like ratings widgets or award badges on some pages. These may need to be manually switched to HTTPS.

The result of the switch to HTTPS

switch to https complete with secure green padlock Once you've fixed all the mixed content errors on each page, you will get the reward for your switch to HTTPS. That coveted green padlock icon is finally in your address bar with the reassuring word "Secure" next to it!

At this moment in time, switching to HTTPS has already had a positive influence on the Google ranking of my dad's site. For that reason alone it was already worth doing. Plus, the upcoming changes will soon have a HUGE negative impact on pages with WordPress forms. A big red "Not Secure" notice on your pages will impact user experience and form conversion rates if you don't make the switch to HTTPS. So don't wait. Make the switch to HTTPS today!

Install Formidable Lite

Using WordPress and want to get Formidable Forms for free?

This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Comments

  1. Bryan Veloso says

    August 30, 2017 at 7:06 am

    Now I have to make my blog https ready. ?

    Reply
  2. Bob says

    September 2, 2017 at 7:59 am

    Great thorough article... but i still dislike the idea that all that work needs to go in to make a simple switch. Think of the countless webheads who already have a ton of geek todos in their plate to manage. Now yet another one...and long too boot.

    Well enuf of my belly aching. I agree on all points of the 'why' part. Im hoping my provider has thought this thing through for us to make life easier.

    Reply
  3. Harish says

    October 26, 2017 at 1:59 am

    Thank god for Chrome did that. And not, you don't need htaccess guys. You can just put the Force https for apache or Nginx (don't matter) since that is managed at plugin level (not server): https://wordpress.org/plugins/force-https-littlebizzy/

    You can put SSL redirect in server rules if you wish too, that is 2nd layer...

    Reply
  4. Website Design Oakville says

    May 19, 2018 at 7:09 pm

    I like the valuable information you provide in your write-ups.
    I will bookmark
    your blog and frequently check again here. I am quite sure I'll learn
    lots of new stuff right here! All the best for the next!

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Get news and updates

Newsletter Signup

Popular Resources

    • WPForms Alternative: Formidable Forms vs WPForms Compared
    • 5 Best WordPress Customer Reviews Plugins [2020]
    • How to Create a WordPress User Directory
    • The Best Online Order Form Creator for WordPress
    • Online Survey vs WordPress Form Plugin Compared
    • How to Create a Calculator in WordPress
    • How to Create a WordPress Contact Form with File Uploads
    • Create An Instant Online Quote Form
    • How to Make a Quiz in WordPress
    • The Best Gravity Forms Alternative? Formidable Forms vs Gravity Forms Compared
    • How to Create WordPress Appointment Booking Forms
    • How to Create Charts and Graphs from WordPress Forms
    • How to Print Your WordPress Form Submissions to PDF
    • How to Make a MailChimp Contact Form in WordPress
    • 5 Easy Steps to the Perfect Online Lease Agreement Form
    • The Ultimate WordPress Questionnaire Builder
    • How to Add a Simple Contact Form in WordPress
    • How to Allow User Submitted Posts in WordPress Forms
    • The Best Voting Plugin for WordPress
    • How to Build a Multi-Step Form in WordPress
    • How to Build a Custom WordPress Login Form in 4 Easy Steps
    • Jotform Alternative: Formidable Forms vs Jotform Compared
    • Ninja Forms Alternative: Formidable Forms vs Ninja Forms Compared
    • How to Create a Real Estate Website with WordPress
    • How to Create User Accounts On Your WordPress Site
    • Contact Form 7 Alternative: Formidable Forms vs Contact Form 7 Compared
    • How to Collect Electronic Signatures in Online Forms
    • Beautiful Contact Form Design in WordPress (with Examples)
    • How to Replace Radio Buttons with Images in WordPress Forms
    • How to Create Conditional Drop Down Lists in WordPress Forms

Take on bigger projects Right Now

Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

Get the most advanced WordPress form plugin and the only form builder with integrated Views.

Get Formidable Forms Now

Resources

  • Community
  • Affiliates
  • Contact
  • Free Online Form Builder

Top Features

  • Front End Editor
  • Repeating Fields
  • Views from Entries
  • Calculator Forms
  • Conditional Logic
  • Visual Form Styler
  • Form Templates
  • User Submitted Posts
  • File Upload Forms
  • Spam Protection
  • Multi Page Forms
  • Surveys & Polls
  • Form Graphs & Charts
  • Save and Continue
  • Mobile Forms
  • Stripe Forms
  • PayPal Forms
  • WooCommerce Forms
  • MailChimp Forms
  • User Registration
  • Signature Forms
  • Bootstrap Forms
  • Quiz Maker
  • Zapier Forms
  • Salesforce Forms
  • HubSpot Forms
  • API Webhooks
  • Multilingual Forms
  • Directories

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • Blog

Copyright © 2021 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
Privacy Policy | Terms of Service | Sitemap

Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews