My Journey as a web developer using Webflow.

Table of Contents

Starting with my story

I started my journey with Inbound Mantra not knowing much about webflow and was expected to deliver results for our client demandfarm. This pushed me to quickly adapt and grow my skill set. The more I discovered about webflow the more I fell in love with the tool.

Webflow vs WordPress: Which Is Better?

1 Overview

Before we begin, let's take a quick look at WordPress vs. Webflow in terms of content management systems:

WordPress is open source software, which means that anyone may use it for free all you have to do is pay for hosting.It is older than Webflow and has been in use for the last 17 years. It is highly popular among businesses, bloggers, designers, and developers.

Webflow, on the other hand, was started in 2013 and has been growing its users steadily since then. It allows users to build websites without having to write lines of code.

2 Ease of Use

The majority of new customers are not programmers or coders. As a result, there must be an easy-to-use platform that does not require assistance. It means that the skill levels of millions of users around the world differ.

Webflow Site Designer is a coding automation tool that allows you to work with HTML, CSS, and JavaScript without having to write any code. You may visualise the code, and the system will change it to the layout you specify. To put it another way, the Site Designer is the one who creates the code for all of the elements and layouts.

It's worth paying additional attention to the animations. It can be found in the panel's "Interaction" section and allows users to bring virtually all elements on their website pages to life. Menus, blocks, content blocks, photos, and other elements can all be animated. 

There's Webflow University, the Webflow blog, forum and most importantly a great customer support team to answer any questions you have. And the YouTube channel also offers helpful tutorials.

WordPress is the platform, and because of its open-source nature, it's an excellent option for professional developers and designers. Using your HTML/PHP knowledge and numerous paid and free plugins, you can alter templates or write code for your website.

WordPress does not have a customer support team because it is an open-source platform. You can only rely on the experience of previous developers and web designers who have encountered similar issues. Issues are described with solutions on numerous forums available online in stackoverflow , including the official WordPress.org community.

3 SEO friendly

Webflow gives you quick and easy access to all the on-page SEO settings you need. For CMS content, meta titles and descriptions are automatically created based on fields you create and define. All Webflow websites receive free SSL. Check out this case study to learn how a digital agency increased its organic traffic by switching from WordPress to Webflow.

WordPress is also effective in SEO optimization. By installing plugins, the system allows users to alter the SEO criteria of projects generated with it. Yoast SEO is the most popular and powerful SEO plugin for WordPress, however you can choose which ones perform best for your specific project.

There are many of them available on the internet SEMRush, Rank Math, Broken Link Checker, SEO Press, Google Keyword Planner, Ahrefs, Google Search Console, Yoast SEO and All In One SEO Pack .

4 CMS

Webflow has a straightforward on-page editing interface and a clean dashboard UI. While the WordPress dashboard has a lot of options, most of them aren't relevant to your clients. Webflow, on the other hand, just provides you the information you require.

Although Webflow's default editor is more user-friendly, it still has the same learning curve as WordPress. On the other hand, WordPress is extensible so you can replace the default editor with a page builder that suits your needs.

5 Design and templates

Webflow has a lot of premium and free templates that you can use. They're all mobile-friendly and can be utilised for a variety of websites.

When you create a new project, you can choose a new template. However, after you've chosen a template, you won't be able to modify it. You can start a new project and then change the template.

It's simple to make changes to your templates. Because Webflow is a visual design tool, it includes a robust visual editor that allows you to update any element on any page of your website.

Any changes you make to layout components like the header, navigation, and footer will be reflected across the entire site.

WordPress gives you access to a lot of WordPress themes (Appearance > Themes). Many of them are completely free to use and most of them are already mobile-friendly.

To create your website, you can start with any of these professionally designed WordPress themes. You can change the theme of your website at any time and switch to a different one. They're simple to use, and you can change them using a live customizer within WordPress.

You can also use a theme and then use a page builder plugin to create pages. These page builders also come with professionally designed templates and different section blocks that you can make your own. Here are some of page builders SeedProd, Beaver Builder, The Divi Builder, Elementor.

6 Ecommerce

Webflow

Webflow allows you to start an online store with a single click. Plans start at $29 a month, which is comparable to the cost of using competing ecommerce platforms like BigCommerce, Shopify, and Squarespace.

You can sell both physical and digital items with your Webflow store. You can create custom product fields, product variants, sales pricing, discounts, and promotions at any moment. For any location around the world, taxing and shipping rules may be configured, and all orders can be viewed on a dedicated orders page.

Webflow allows you to accept credit cards, Stripe, Apple Pay, Google Pay, and PayPal payments from over 200 countries.

Despite the fact that Webflow is an intriguing ecommerce alternative, WordPress continues to be the most popular website platform for store owners.

Webflow is more expensive, has a transaction fee (on the standard plan), has a limited selection of items, and offers fewer features and integrations.

WordPress provides a more versatile platform for selling whatever you desire. It offers more payment choices, add-ons, and no limits on the number of things you can add.

To get started, you can use WooCommerce or any other eCommerce plugin. You can easily relocate your business to any other hosting service without causing any problems.

Because WooCommerce is completely configurable, the possibilities for design are endless. It has thousands of store design templates to choose from, or you may create your own.

7 Costs

Webflow's price structure is straightforward. There are just three pricing choices for the website. If you're an agency interested in learning more about their account pricing choices, click here.

Most organisations must simply choose between the Basic and CMS plans. The key difference is that the CMS plan includes a system for adding blog entries to the website dynamically, whereas the Basic plan does not.

Basic: $12 per month includes hosting, a free SSL certificate, a content delivery network (CDN), 25,000 monthly views, and 500 monthly form submissions.

CMS: $16 a month includes hosting, a free SSL certificate, a CDN, 100,000 monthly visits, 1,000 monthly form submissions, 2,000 CMS items, a CMS API, three content editors, and a site search.

Business: $36 a month includes hosting, a free SSL certificate, a CDN, 1,000,000 monthly visits, 10,000 monthly form submissions, 2,000 CMS items, a CMS API, three content editors, a site search function, and a form file upload option.

WordPress is a completely free platform. However, you'll need hosting, a theme, and plugins to use WordPress, all which may cost money.

  • Hosting
    The cost of WordPress hosting typically ranges from $3 to $35 per month. Bluehost, Dreamhost, InMotion, Siteground, HostGator, and WPEngine are just a few of the most popular WordPress hosting companies.
  • Theme or Page Builder
    If you want to use a pre-built theme, you can either buy one or download a free version. Themes often range in price from $30 to $100. If you choose to use a page builder, expect to pay a little extra. They normally cost between $50 and $200 each year.
  • SSL Certificate
    Some hosting plans come with a free SSL certificate, but if yours doesn't, you'll have to pay for it separately.
  • Plugins
    You can get by without paying for any premium plugins, but some do. Don't forget that.

The Benefits of using Webflow

  • Webflow allows you to build fully customizable websites without having to know how to code.
  • You can build and personalise your pages in any way you like with the drag and drop page builder.
  • You don't need to know how to code to make animations and interactions.
  • Webflow provides quick and easy access to all of your on-page SEO settings.
  • Invite your website's editors and collaborators to contribute and review web pages.
  • SSL certificate included

Webflow - Pros and Cons

Webflow Pros

  • Great levels of design customization, without having to know code
  • A comprehensive set of features includes an overall website builder, templates, a content management system, ecommerce and marketing tools, and much more.
  • The design tools, in particular, are really strong and rival what you can achieve with code.
  • secure host
  • great performance
  • customer support is good

Webflow cons:

  • limited code in embed code customization
    There's a limitation in embed code to 10,000 characters. I was working on a custom form questionnaire where I wasn’t able to add all code in one embed code. I had to break down code into parts and use them using a javascript clone method to bring them together and work. And I had to break for custom css and js files as well due to the character count limitation
  • Writing long-form articles can be frustrating and adding new elements.
    The blog editor can be more user friendly where users can write blog posts smoothly and add new elements in it for individual posts and not at template level. We had to add HubSpot CTA and Highlighted text elements in a few Individual blog posts. Which was’t possible and had to add template level.
  • Adding link in blog post using dropdown option.
    Webflow has the option to select posts and pages in the link element for web pages. But in blog posts it’s restricted that the user can't select a blog post; it can be manually added using the url link. It was easier for us to select from drop down blog posts and pages in web pages but in blog we weren't able to select blog in drop down and had to add them manually with url link instead of selecting from dropdown.
  • Developing in staging environment
    There’s no proper staging environment in webflow. There’s an option to build in a staging domain but when we have to do some changes to live pages the staging work also gets published to live. We were revamping a few live pages and were building in a staging environment. While developing in staging I was publishing by unchecking the live domain. And when I had to do some other changes to the live page which checked live domain option staging work was also getting published to the live page.
  • Limited to 100 pages
    On the Free Starter plan, Webflow limits the amount of static pages and collection pages. Premium plans, Team plans, and Webflow hosted sites have a page restriction of 100 static pages. To ensure optimal Designer performance, there is a restriction.
  • No option to edit sitemap
    We were trying to modify the custom sitemap automatically generated by webflow. Which wasn’t possible and had to create a fully custom sitemap for modification. Due to lack of modifying ability of automated sitemap. We encountered a problem that whenever we built any page had to be added and updated manually in the sitemap.
  • Width and height attributes in other forms.
    It’s a good use to add width and height attributes for all images used in web pages which increase core web vitals and it’s good practice.DemandFarm site was built in VW and to add width and height attribute in webflow which wasn't possible because it has only px format to specify.
  • More of a learning curve because of the many powerful features
    Webflow has a lot of tutorials, however getting through the beginning level will take some time for a new user who knows HTML and CSS to use interaction, animation and other powerful features. I had knowledge in the above mentioned skill set which helped me to adapt and start working on it. But it will be difficult for the user who has minimum expertise in these.

Conclusion

After comparing Webflow vs WordPress, it's evident that both platforms are excellent choices for anyone building a website.

Webflow is the best alternative for most individuals to make a website because it is open-source and entirely customisable, allowing anyone to build a website rapidly for just a few dollars per month in hosting.

Webflow is an excellent option for developers and anyone looking to create a completely personalised website, but it is extremely pricey, especially if you want to run an ecommerce business.

We wouldn't suggest Webflow to anyone trying to create an e-commerce store because some of the most important features are still in development, while others aren't available at all.

Some people believe WordPress is difficult to use, but it is actually extremely simple, and anyone can create a website with it in a matter of hours, even if they have no prior expertise with the thousands of themes available. It's simple to manage your material, and as your company expands, you can expand your website by adding team members and contributors.

If you wish to integrate Webflow's drag-and-drop page builder with your WordPress site, you can use the Webflow pages plugin or another drag-and-drop page builder plugin

Recent Posts

Mu Sigma logo

G2 Crowd | HubSpot Reviews

★★★★★ 4.6/5
5,997 reviews
Mu Sigma logo

capterra | HubSpot Reviews

★★★★★ 4.5/5
‎4,091 reviews