If you’ve received about your Teachable school having mixed-content that may conflict once SSL security is enabled on your school. you might not know where to start, or what to look for.
I’ll admit I ignored the message, until someone tagged me in a post asking if I had any tips.
” On October 25, 2017, Teachable will officially enable SSL security (HTTPS) on all schools. SSL security is an important step in protecting your site and your users, improving search engine optimization, and promoting student trust in your school.”
- Teachable has a full support document on their website
- What is Mixed Content? (Google)
- Preventing Mixed Content (Google)
I’ve captured a few of the ones I’ve found on my teachable site, to save you a bit of the same potential headache.
If you recall adding a YouTube video, or <div> code to any of your lectures, consider checking those course(s) or lesson(s) first to see if you notice any issues. If you do, make note of them so you can make changes later.
Most of my lessons include content I’ve uploaded to teachable, so they won’t be a problem. But other lessons have YouTube videos or screenshots and were added more than 2 years ago. Those are the ones I’m checking first.
Here’s the steps I’m taking to double check things & some examples of what needs to be fixed.
First, go to Admin > Settings > SSL and click on the “preview with SSL” button so you can view what your site will look like in SSL mode.
Your site will now display with https at the beginning like this:
Go to one of the courses you might suspect would have problems. Click on any of the lessons to see if it previews the way it usually does. It might, but it might also look like some of the pictures below.
Here’s an example of one of the problems on my site.
While viewing with preview SSL, the page is blank – there should be a video here but I see nothing instead
To fix lessons with your Teachable school having mixed-content that may conflicts once SSL security is enabled
When I go to edit the firsts lesson I can see it was an iframe YouTube video. (looks like this)
Add an “S” to the “http://” string (assuming those sites are running in https).
Click Save and preview to see if the content displays as it should. It is in my case, but if I hadn’t converted my blog to https already, I would have left the blog links as they were.
If you’re working on several problematic lessons within the same course, use the right /left arrows while in admin mode. It will make it faster to navigate between lessons.
You can view this entire solution on my Freshdesk portal here