How to Create a Blog on Yola

How to Create a Blog on Yola

Zoran Zoran
9 minute read

Listen to article
Audio is generated by DropInBlog's Blog Voice AI and may have slight pronunciation nuances. Learn more

In this short tutorial, we’ll show you how to create a blog on Yola in a few simple steps. Blogging is one of the best ways to drive organic traffic to your site, and any business has the potential to benefit from it. 

Adding a blog to your Yola website is quick and easy. So relax, sit back, and we’ll show you how.

What Is Yola, and Can You Blog With It?

Yola is a neat website builder that includes e-commerce functionalities. It’s been on the market for more than twenty years, which means an invaluable amount of experience and user feedback have gone into making the platform as efficient as possible. 

This site builder offers a variety of tools that make it easier for you to build and boost your online presence. However, there’s one thing that’s missing – built-in blogging functionality

There used to be a way around this problem. The platform allowed you to connect your Yola website to a Tumblr blog through a widget, but that’s not possible anymore, at least not if you’re using the new Yola Sitebuilder+ editor.

But even if it was, connecting Tumblr to your Yola site was far from ideal. In a business context, Tumblr is anything but a professional blogging solution. Businesses need their own dedicated space and stand-alone blogs to get the most out of blogging. 

Today, Yola completely lacks a blogging option, which is a shame. Regardless of the size of your company, a serious business requires a modern blogging solution, feature-packed with all the tools. 

DropInBlog fits this description perfectly. It provides you with all the necessary tools, and then some. You’ll be able to spread the word about your business, boost your site’s popularity, and generate more leads. What’s even better is it integrates easily with Yola.

Prerequisites to Blogging on Yola

Adding DropInBlog to Yola simply requires copying and pasting a few lines of code. To do this, you need a DropInBlog account and a Silver or Gold Yola subscription. Unfortunately, it’s not possible to add custom code to the Free and Bronze Yola plans, and since we integrate DropInBlog through embed codes, having at least a Silver subscription ($14/month) is a must. 

As for DropInBlog, you can give it a test drive for free and make the most of the 14-day free trial. You’ll then be able to see for yourself how convenient and powerful it can be.

Create a Blog Page

Now that you have your DropInBlog and Yola accounts set up, you’re ready to start a new blogging chapter. 

The first thing you need to do is create a new page in Yola. You do this by clicking Pages on the left side of the navigation bar, right next to the Yola logo. When you click the round plus icon, you’ll see these options:

How to create a blog on Yola - Yola add page DropInBlog

We thought naming the page “Blog” was most appropriate for our new page, but you can name it as you wish. You can keep the “Display in navigation” and “Empty Page” options unchanged. 

Yola also has a range of templates to make use of. You can select one of these or leave the page blank for now. Page designs can be edited at a later stage. For the sake of this tutorial, we’ll keep things simple and start with a blank page.

Adding an HTML Block

After you’ve added a new page, which you can access by clicking the Pages button, you’re ready to start building your blog page by adding a block. A block is just a container for different types of content.

How to create a blog on Yola: build block page

Clicking the plus button will take you to a page where you choose the block type you want to add. We’ll select the HTML embed option since that’s what we’re doing here: embedding HTML code.

How to create a blog on Yola: html embed block

This is what we’ve got so far:

How to create a blog on Yola: move block up and down

Keep in mind that you can relocate a block up or down the page by clicking on the arrows as shown in the image above.

Add the Embed Code

We’re off to a good start, and we’re ready to move forward with the next step: adding the embed code.

Once you’ve added the block, click Pages and then your blog page’s Settings:

How to create a blog on Yola: blog settings DropInBlog

Scroll down until you see the “Before </body> tag” section. This is where you’ll add the first snippet of HTML code from DropInBlog. 

In your browser, open a new tab, log in to your DropInBlog account, and click Code & Layout. Copy the code from Step 1 and paste it into the closing body tag section, as shown in the picture below.

The Step 1 code looks like this:

<script src=""></script>

How to create a blog on Yola: embed code step 1 DropInBlog

Save your changes by clicking Submit

One thing to note before we go any further. Your DropinBlog ID will be unique to your account and will contain a combination of numerals and uppercase letters. In this image the XXXs are there just for illustrative purposes.

Display the Blog Posts on Your Page

Now, return to your blog page and select Custom HTML.

Head back to the Code & Layout page on DropInBlog, copy the code from Step 2, paste it into your Yola blog page, and click Submit.

This is what the Step 2 code looks like:

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

Yola custom html DropInBlog

In order to finalize the process, you need to publish your site. Click the Publish button in the upper right corner, and you’ll see this message from Yola:

Yola publish site blog

Based on our research, Google will index your Yola site even with a domain. However, we always recommend a custom domain, particularly for businesses.

After you’ve published your site, you can either click on the link that pops up or check how your live website looks from the dashboard. The link you receive, obviously, won’t be exactly the same as the one shown in the image above. 

Copy Your Blog URL to Your DropInBlog Account

There’s one last thing to do. Copy your blog URL:

Yola published blog link

After you’ve copied it, head back to your DropInBlog account once again, click Settings in the navigation menu, and paste the URL as shown in the image below:

DropInBlog settings

Scroll down to the Save All Changes button, click on it, and that’s it. You’re done! See, we told you that it’s an easy and quick process, didn’t we? :) 

Now, your DropInBlog account is fully connected to your Yola account. As you add new posts on DropInBlog, you’ll see them published on Yola. You have a cool website and an amazing blog – you’re well on your way to greatness.

Design Tips for Using DropInBlog With Yola

Yola offers a ton of well-designed templates. No matter which template you choose, DropInBlog will automatically match the layout of your Yola page. Apart from the SEO Analyzer, which is a stand-out feature, the ability to inherit the styles of your template is one of the most valuable assets of DropInBlog.

If you want more control over the look and feel of your blog, you can always add your own custom styling. The process to do this is exactly the same as how we integrated DropinBlog. You just need to add a new HTML embed block to your blog page and write some CSS, but this time, you’ll need to put your CSS code within <style></style> tags.

For instance, if you want to change the background color, you could add something like this: <style>body {background-color:#999;}</style>. Custom CSS can make your blog look exactly the way you want.

Also, DropInBlog lets you add custom CSS directly into your DropInBlog account. To do that, you just need to go to the Code & Layout page. Under Advanced, you’ll find the Custom CSS section where you can add your custom styles.

Custom css DropInBlog

Let’s say you want to add some margin to your page; you can do that by adding the following CSS rule to the Custom CSS section: .dib-post-wrap {margin: 0 3em;}

Although these are only two examples of what you can do, the styling possibilities with custom CSS code are indeed endless. 


Because there is no professional blogging option with Yola at present, you will have to use an alternative. DropinBlog makes it easy to publish SEO-friendly blogs on Yola. 

Once you integrate DropinBlog with your Yola website, your blog posts will be visible on your Yola page as soon as you publish them. It’s super simple, and DropinBlog’s SEO Analyzer will help you optimize your content effortlessly.

In Summary

Yola is a “been there, done that” website builder, but unfortunately, it lacks blogging capability. That’s where DropinBlog comes to the rescue. DropinBlog integrates easily with Yola and allows you to publish SEO-friendly content to your Yola site. Integration is possible by pasting a couple of lines of code – that’s it. 

Get started today, and if you need help with anything, please contact us. We’ll be delighted to help.

« Back to Blog

Get started embedding a blog into your website right now.

Try It For Free