| Coding Tutorials

MailChimp LogoWe recently re-designed this site, and when we did we also decided to run the site entirely over SSL.

Actually moving our site to SSL was relatively simple, but we've found that many web services still struggle to work correctly with SSL.

For example, we found that MailChimp, Feedburner, Amazon, dlvr.it and other RSS services didn't seem to like any feeds served over SSL. We had to tweak our .htaccess file so that our RSS feed doesn't use SSL.

This week we found that our MailChimp sign-up form was breaking our SSL In Chrome.

You can see our newsletter form in the sidebar of this site:

media_1409319019134.png

It took some testing to solve the problem but we managed to do it.

Inside the default MailChimp form we had code that looked like this:

<form action="http://ostraining.us1.list-manage1.com/subscribe/post?u=c4fe34ed80790dd773846d4e1&amp;id=e030bfa9b8

The obvious solution was to remove the http:// from the URL and replace it with // so that it reads like this:

<form action="//ostraining.us1.list-manage1.com/subscribe/post?u=c4fe34ed80790dd773846d4e1&amp;id=e030bfa9b8

However, by itself that wasn't enough. By experimenting, we realized that we needed to change the MailChimp URL also. We had to change list-manage1.com to list-manage.com.

Here's the final MailChimp URL that works behind an SSL in all browsers:

<form action="//ostraining.us1.list-manage.com/subscribe/post?u=c4fe34ed80790dd773846d4e1&amp;id=e030bfa9b8

Update: replace // with https:// so that the form is always secure.

I expect we'll run into more SSL problems as a relatively early adopter. We'll try to post solutions as we find them and hopefully services like MailChimp will adapt to make SSL use easier.


About the author

Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.