HEY

Participate in the next Webflow Challenge!

Blog on Webflow: How to create a blog on Webflow from A to Z (Practical Guide)

As you may have noticed, I talk a lot about Webflow. Quite simply because as a graphic designer I find it the ideal tool to create Sites.

Updated on

20/1/2021

Blog on Webflow: How to create a blog on Webflow from A to Z (Practical Guide)

The blog plays an important role for a website. It makes it dynamic, as long as it is regularly updated with blog posts. In this way it has more chances to propel it into the best search results. The advantage of having a blog does not only lie in the improvement of the SEO of the site. Much more than that, the blog helps you build a relationship of trust with your subscribers. The problem is that you only know Webflow for a short period of time. Since you haven't quite mastered it yet, you are wondering how to create a blog on Webflow. In this guide, I will show you all the aspects you need to know about bloggingon Webflow.

🌈Sondage

Have you ever had the opportunity to create a blog? On Webflow or elsewhere?

No, this is the first time
Yes, but with other site creators (would you please specify it?).
Yes, I did it on Webflow, but I didn't make it to the end. (Oh yeah? Tell me why, maybe I can help you?)
Others? Feel free to give your opinion in comments!

Summary

Steps to create a blog on Webflow

  1. CMS Template
  2. Blog customization
  3. Comment system
  4. Publication
  5. Promotion

Importance of blogs on Webflow

Secret of a successful Webflow blog

Conclusion

In video

Steps for creating blogs on Webflow

1. Webflow blog template

To facilitate the creation of blogs on Webflow, it is best to use a preconceived model. Don't forget, our principle is to be able to create a professional website (possibly with a blog) without having to code. If you don't start from a template, the design will be more or less difficult.

So the first thing to do is to look for the model adapted to your brand, to your activity. Of course, finding one that perfectly matches your expectations would be difficult. Whatever your choice, you will probably have to customize the design (we'll come back to this later).

Concerning the choice of model, don't choose just any model! Make sure you choose a CMS template (with content management system), i.e. one that is suitable for a blog. This will make the rest of the work easier: adding content, commenting system, etc. On the contrary, with a simple template (not adapted to the CMS), the publication of articles will be somewhat complicated.

Where exactly are the models located? In the top bar of the screen, click on resources. A drop-down menu appears, and you have to go to "templates". That's where you have to filter your searches. To do this, type "blog" in the search bar, and all the CMS templates will be displayed and all you have to do is choose the one that suits you best.

As for other website and blog creators, the proposed templates exist in 2 types:

  • some of them are paying
  • others are free

If you're a true beginner, I advise you to progress little by little. A free model will do very well, just to get familiar with the platform.

In both cases (free and paid models), you will always have access to the details by clicking on the model you are interested in.

2. Customizing the blog on Webflow

As I just told you, you won't be completely satisfied with the design you've chosen. Which is understandable! After all, we're web designers; we're not going to easily settle for a website template designed by someone else. The desire to let our creativity speak for itself will prevail.

You would like to customize the template concerned, but before you do so, you need to import it into your dashboard. This is done automatically (once you have clicked on use the template for free or buy the template for X USD). You will then be automatically redirected to your dashboard.

Don't forget to rename the project so you don't get lost. In free mode, you can create 2 sites (which is equivalent to 2 projects). By subscribing to Webflow, you can take care of more projects.

After renaming the project, it's time to customize the blog

Change the blog typography

Typography is only one element among many, yet it plays a significant role in blog design; blogs are mainly composed of text.

However, for each model, a set of typographies is already given. I'm not suggesting that these fonts are ugly. On the contrary, if you don't mind leaving them there, it's your choice. But if they don't match the graphic charter or perhaps they don't manage to bring out the desired emotion, that's another matter. It is absolutely necessary to change it. It's also a way to make the blog more original.

How to choose the best typography for a website? I talk about it in my guide.

In addition, the modification of these typographies can be done in 2 ways:

  • by selector
  • tagged

Let me explain. Let's say you want to start the change with the title. So you have to select the title in question ("selector"). Then a set of menus appears on the right side of the screen. The one we're interested in is the "typography" part.

In this section, you can access these different options:

  • police
  • bold
  • character size
  • color
  • height
  • alignment
  • style
  • spacing
  • withdrawal
  • etc.

What about broader changes (more than just a title)? It is better to modify the tags. I'll take the body of the blog text to illustrate this example.

On the relevant page, go to the right sidebar. From there you can access the style panel. Then click on selector, then body. Finally, go back to the typography panel to choose the font that suits you. As you can see, changes by tag affect a wider area than changes by selector. It's fast!

Also, the list of fonts proposed by Webflow is not sufficient. I much prefer the Google fonts (Google Fonts) which are available later, in the site settings.

Change blog texts

So far, the blog is only composed of dummy texts. They will have to be modified. How do we do that? If the blog is still in draft version (not yet published), the modifications are done via the designer. On the other hand, with an already published blog, you will work from the editor. In any case, the modifications are done in real time. You don't even need to preview the blog's appearance anymore.

What about the actual writing of blog posts?

To publish a new article, go to the toolbar on the left. Click on CMS, then posts (or the name you've given to your blog), and finally, new posts.

In fact, the CMS (content management system), as its name suggests, allows you to manage everything related to content. Apart from being able to create the articles, it is also possible, through this functionality, to :

  • change the cover image of blog posts
  • change the titles of each article
  • manage your team members' contact information
  • and many others... I'll leave you to figure out the rest.

Every time you want to write new posts, just repeat these steps (CMS > posts > new posts); nothing too complicated.

A new window will appear, and you will be asked to fill in the empty fields with the appropriate content:

  • article title
  • introduction
  • category
  • body content
  • author
  • etc.

Once all this is done, click on publish. Your article is online (as long as the blog is online of course)!

Good to note: changing the titles of blog posts has no impact on its URL. And if you change the URLs of your articles, the URLs displayed on the home page will change automatically.

3. Comment system

Tell me, why would you want to start a blog? Actually, a blog serves several purposes:

  • to show Internet users your expertise on a given subject.
  • to gain the trust of your potential customers
  • to retain your current customers,
  • but more importantly, to maintain a relationship with your followers...

To that end, you must not be the only one to write your opinions. Invite them to give their opinions as well. But to do this, you will have to allow them to do so, by integrating a comment system on the blog.

4. Publication of the blog

When you register on Webflow, you are entitled to a domain of this form: domain.webflow.io. To look more professional, however, it is advisable to have a personalized domain. You will need to buy one and subscribe to a paid offer on Webflow.

I recently wrote a guide about this: how to choose your domain name.

In short, all you have to do is click on "publish" (top right).

Congratulations! Your blog is online!

In case you would like to collaborate with other people (editors and copywriters or other web designers), Webflow allows you to do so as well. Simply "Invite collaborators" via the same "share" button on the top toolbar. A drop-down menu will appear, and there you can click on "Invite collaborators".

5. Promotion of the blog on Webflow

Finally, it's time to make your blog known! As soon as you publish, the chances that it can be found by Internet users are less likely. So I advise you to share the link with your friends, your network... Unfortunately, this is not enough. The SEO of the site must be taken into account.

Another guide has been produced on this subject.

Sharing the blog link as well as the articles already on the blog on social networks also helps. Better yet, if it creates a buzz, it shows Google that the blog and its contents are relevant, so it will rank it in its search results easily.

Importance of creating a blog on Webflow

As a webdesigner, is the creation of blogs mandatory? Mandatory, no. But you'd better do it.

  • To show your expertise

Now that you have your blog, you will have to write at least one blog post once a week. Obviously, you're not going to talk about something that has nothing to do with your business. The best would be to talk about subjects related to webdesign. As I do on my blog, I talk about webdesign and webflow.

I do this with a very specific goal: to demonstrate my expertise in this field. In this way, I can easily gain your trust, but also that of my potential clients.

  • To build a relationship of trust

Over time, you will have caught the attention of a few people to follow your blog on a regular basis. It is with these people that you will be able to build a relationship of trust. Through your blog articles, you will be able to help them, inspire them, and so on. Each of your articles should provide added value. For each of them, try to solve a problem, give a solution, help others... In short, you meet the needs of your target.

Not only will you be able to build a relationship of trust with others, but you will also work on your self-confidence. The more you write, the more knowledge and confidence you will gain, and the more grateful you will be to yourself.

  • To show what you can do (Experience & Portfolio)

At first I was just like you. I didn't know anything about the web. I was just an avid hacker hungry for knowledge, and yet, look where I ended up. I started this blog myself. Seeing it, my potential clients and students get a glimpse of what I can do.

I even think that by following my advice on creating Webflow blogs to the letter, beginners will have EVERYTHING to gain. They have little (if any) experience in webdesign, so creating their own blog is very interesting. They will use it as a portfolio, not to mention the experience they gained while creating the blog.

  • To get more customers

I told you earlier that creating a successful blog on Webflow can inspire confidence in potential customers. But still, a successful and well referenced blog will bring customers. Your site will actually be visible on search engines, and it will be easier for you to attract customers.

Other: how to find customers

  • To stimulate your creativity

To be creative, you have to work on your creativity regularly. Writing blog posts can help you do this. Indeed, the regularity that blogging requires forces you to renew your inspiration (especially on the blog topics to be covered).

Also, when you write, you have the opportunity to explain what you can do. As they say, "it's one thing to know, it's another to explain".

  • To get better organized

More than just writing, keeping a blog requires certain technical and organizational skills. In addition to writing, you will need to find time to write, know how to animate a network, etc.

It is not easy to combine all these activities at the same time. If you can't do it, you risk neglecting others (a poor quality item, for example).

The more time goes by, the more you'll be able to master all this better.

  • To make money

Did you know that you can earn extra income by blogging? There are several ways to do this: advertising, affiliate links or selling products / services. However, this is not something that is easily obtained. Behind monetized blogs is a lot of hard work (if only to work on the design of the site, its SEO, the study of the target, the products that might interest him, etc.).

For affiliate links, for example, you should be able to write content that is memorable and enjoyable to read. Enough for people to click on your article and the various affiliate links.

Let's go back to the method of monetizing a blog by selling services. Here are a few examples: ebook, coaching, consulting, training on Webflow...

🔮Les secrets of a successful blog

There are no secrets. Everyone knows that content is king . Once you create your blog, you need to focus on the content.

  • Regular publication

For starters, you need to publish content regularly. Preferably, do it weekly: once a week is the minimum, but if you have enough time and resources to do more, it will be even better.

  • Attractive design

I'm not gonna give you a long lecture on web design. I'm going to focus instead on the visual aspect of a blog post. To make it attractive, you need to structure the text so that it is well ventilated. A long block of text will never make you want to read.

Although structured and airy, if your article is not adorned with images, videos or gifs to illustrate your words, it will not appeal to Internet users. That's why it's important to choose the right media to insert. For images, for example, make sure they are free of rights.

  • Responsive

More than half of Internet users surf the Internet via their mobile phone. So it's crucial to make sure your blog is suitable for both mobiles and computers. This check is done before everything else, i.e. as soon as you choose the CMS model we saw at the top of the list. A blog that isn't mobile-compatible is difficult to use, which will simply encourage users not to come back to it. On Webflow, sites are automatically responsive.

  • Optimization of the article

Putting pictures in your blog post is good. But it's even better if you optimize them. Indeed, high-resolution images have an impact on the speed of the site. But a slow loading site scares visitors away. One thing leads to another, and then Google detects that people don't like your site. It automatically downgrades it from its position.

So I suggest you remove all the images that slow down the site, or at least, optimize them.

  • SEO: blacklinks

I haven't had time to talk about it much yet. Blacklinks are links from other sites that point to your site (be it via comments, reviews, or blog posts...). These blacklinks will be analyzed by Google. With quality links, the referencing of your site will only improve.

Now, there are 2 types of blacklinks:

  • those obtained naturally
  • the ones we buy

There's nothing better than natural blacklinks. All that's left is how to win them. From experience, I know that if you produce a quality and complete product, it becomes easier to get quality blacklinks. That's why it's so important to write about subjects that you master, with enough information, on your blog.

Conclusion

Creating a blog on Webflow isn't as complicated as you thought. If you start on a good basis, your blog will simply be successful, that is to say: it will be visited by a lot of people, because it is visible on the internet, but it will certainly convert your prospects into customers, you will create a community, and so on.

Comments

Coffee break

4 items you might like

FREE TRAINING

Register here to receive the free Discovery Training
.

Start by taking the Discovery Training, where you will learn the basics of Webflow and a taste of what to expect in the Start Weblow training.

Start the free training