How. to Create a Blog on Teachable

Blogging is one of the most powerful and – at the same time – economical ways to attract new visitors to your site and convert them into students. In this tutorial, we’ll guide you through the simple steps of how to create a blog on Teachable. It’s a quick and easy process, so buckle up and enjoy the ride.

What Is Teachable, and Can You Blog with It?

Online learning is slowly but surely transforming the modern-day education landscape. There are multiple options – from Udemy and Kajabi to Thinkific and Teachable. However, Teachable is one of the forces driving this revolution. 

Teachable enables you to create, sell, and promote online courses and coaching services. Teachable is ideal for starting an education business and building an education empire. 

Until recently, you could create a blog on Teachable, but unfortunately, that’s not the case anymore.

On the one hand, it’s a shame that Teachable doesn’t include a blogging feature considering it can be so valuable. On the other hand, built-in blogs are rarely up to par when it comes to blogging professionally. More often than not, you’ll simply need a more specialized solution.

Even though Teachable no longer offers a blog, this isn’t such a huge loss when you can add a top-notch blogging tool like DropInBlog to your Teachable site.

Here, we’ll show you exactly how you can integrate DropInBlog with Teachable. Starting your blogging journey takes only a few minutes, a passion for learning new skills, and the ability to copy and paste a couple of lines of code. Easy enough, right? 

Along the way, you’ll also learn about embed codes and how they can extend the capacities of your site.

Prerequisites

You need two things to create a blog with Teachable: a DropInBlog account and at least a Teachable Basic account. 

The Teachable Basic plan allows you to add custom HTML block snippets. Without this level of functionality, you won’t be able to integrate with embed codes. Don’t know anything about coding? Don’t let that discourage you, as the process is so simple. You only have to know how to copy those few lines of code from DropInBlog and paste them into your Teachable site.

Regarding your DropInBlog account, there aren’t any special requirements. You can enjoy the perks of blogging even with the 14-day free trial.

Get Started: Create a New Teachable Page

Adding a new page to your site is the first step in creating a blog on Teachable. To do that, you need to click Site and then Pages in the admin sidebar on the left. This will show all your existing pages as well as the New Page button.

Next, click New Page, and Teachable will immediately create and show your page. Clicking the Settings wheel icon at the top of the sidebar will show you something like this:

In the image above, you can see the field where you’ll put your Page Title is circled. We’ve simply named our page Blog, but you can name yours whatever you see fit. We just thought Blog was the most appropriate considering the purpose of our newly created page. 🤓

Here, under Settings, you can make other changes as well, such as getting rid of the page’s header and footer or adding a page description. 

Once you’ve set the page title, click Publish. On the popup, you can change the page URL to reflect your page title, then click Publish again.

To ensure that everything went as planned, you can check whether your newly created page is listed in the dashboard.

Now that your new page is set up and ready to go, it’s time to move on to the next step.

Add the DropInBlog Embed Code

From your Teachable dashboard, open your blog page by clicking the Edit icon. In the left sidebar, you’ll see the option Add New Block. Click on it, select Custom HTML, and then click Add.

In a new browser tab or window, open DropInBlog. Log in to your account, and click Code & Layout in the navigation bar. This is where you’ll find the embed codes. There are two pieces of code you need to copy. The code snippet from Step 1 looks something like this:

<script src="https://io.dropinblog.com/embedjs/XXXXXXXXXXXXXXXXX.js"></script>

We say it’ll look “something like this” because you won’t see all these Xs in your code. Instead, what you’ll see will be your own unique DropInBlog ID, which is a mixture of numbers and uppercase letters.

This is how the Step 2 code will look:

<div id="dib-posts"></div>

Copy the code from Step 1 and Step 2. Then head over to your Teachable blog page, and paste both snippets into the HTML Code sidebar on the left. It’ll look like this:

After you’ve pasted both DropInBlog code snippets, click Publish and then Preview to see the changes you made.

Pretty cool, right?

Set Your Blog URL in Your DropInBlog Account

You’re very close to having a fully functional blog on Teachable. However, there’s one more thing to do before writing your first post. 

You need to input your Teachable blog URL in your DropInBlog account. This is the final step that allows you to fully connect your DropInBlog account to your Teachable account.

On Teachable, open your Site Pages List. Find your blog page, click the Preview option to open your blog in a new tab, and copy the URL from the navigation bar.

Now, go back to DropInBlog again and navigate to Settings. You’ll see a page with a ton of customization options, but at this point, the only one you need to look for is the Blog URL. Click on this field and paste the blog page link you copied before. Note that your unique blog URL will be different from what you see here. 

Now, click Save All Changes. That’s it – you’re all done! 

Tips for Using DropInBlog with Teachable

Now that you’ve created a blog and learned how to add custom HTML blocks to your Teachable site, you can make the most out of it by experimenting with other available options on DropInBlog. You can add your own custom code blocks directly to your blog page and change the style however you want.

When you open the DropInBlog Code & Layout page, under Advanced, you’ll find the Custom CSS option. Here you can tweak the styling of your blog via your DropInBlog account. 

This can come in very handy if you’re unable to modify the CSS through your Teachable account.

DropInBlog inherits the styles of the design templates you use for your site, but if you want to customize your blog, this is where you’ll do it. 

For example, if you would like to add a margin to your blog, you can do that by adding the following CSS into DropInBlog: .dib-post-wrap { margin: 0 3em; }. 

Just remember to save your changes!

You can also change styles from within Teachable the same way you added the embed code from DropInBlog. Add a new custom HTML block to your blog page, write your CSS code between <style>...</style> tags, and hit Publish – it’s as easy as that.

In addition, you can also add widgets like recent posts from DropInBlog. As you already guessed, you’ll find the code for those on the Code & Layout page, in the Widget Code section, right below Custom CSS. 

You can paste it wherever you want into your site and set the number of recent posts to any number you like, so people can see and access your recent blog posts from anywhere on your website.

FAQs

Final Thoughts

As you’ve just found out, you don’t need to have a ton of coding skills to integrate DropInBlog into Teachable, and the process is as easy as it comes. In case you do need some help or you have any questions, please reach out to us. The team at DropInBlog is always willing to help.