WordPress vs. Blogger – How To Choose Which Is Best For You

Most people would think a fight between WordPress and Blogger is just plain unfair… But you might be surprised at just how close it is. In fact, what if I told you that Blogger actually manages to steal a couple of rounds? Stick around to see how the fight goes down.

While pretty much anybody can set up a website or blog in 2019, it does come with its challenges.

One of the most challenging aspects usually occurs before you write or publish a single word…

I’m talking about choosing which platform to use.

Although there are many fantastic and unique blogging options out there… all with their own advantages (Gator, Tumblr, Squarespace, Medium, Ghost, etc.).

Today we’re pegging two of the heavyweights of the blogosphere against each other.

WordPress(.org) Vs. Blogger

The idea being that after these two blogging heavyweights go head to head, you’ll hopefully have a better sense of which platform is the best choice for you.

Now to start with, I’m going to assume most of you are familiar with WordPress, but for those who haven’t been introduced to Blogger (or had no idea it still existed!)…

Blogger is a platform owned by Google that lets anyone start their own blog or website for free in a couple of clicks.

The Homepage of Blogger

The good thing about Blogger’s association with Google is that your website or blog is hosted by the conglomerate and everything is taken care of for you.

However, as you’ll soon find out, as good as this association may be, it does come with its drawbacks.

In any case, if you’ve finished listening to the referee’s instructions…touch gloves, and…

Let's get ready to rumble!

Ding ding!

Round 1: Cost To Set Up

Okay, this first round might be a tad unfair, but you did this to yourself WP…

Blogger has the upper hand clearly because it’s a completely free platform. There is an option to connect your own domain (domains can cost around $10), but it’s entirely up to you.

The only downside is if you don’t register your own domain, your default URL will always be: “http://(websitename).blogspot.com/”

But as mentioned, the option for a custom domain name is there if you want it.

As for WordPress, although the software itself is free to use there are some costs involved.

You’ll need to set your site up with a domain name, which as mentioned could cost you around $10. And you’ll also need hosting which can cost anywhere from $50 – $500+ per year.

As well as this, although they aren’t always needed, premium WordPress plugins and themes also come at a cost.

But if you’re just starting out the free themes and plugins available will usually be enough.

Of course, what you’re willing to spend will depend on the type of blog or website you’re setting up.

With all that said, I’m going to have to declare the winner of round 1…

Winner Of Round 1: Blogger!

Round 2: Managing Your Website and Publishing Content

Once you’ve got your blog set up, it’s time to have a look around and start posting.

For this round, we’ll look at the functionality of each platform and how easy it is to publish a simple page and adjust a few settings.

Starting with Blogger:

Although visitors only ever get to see the front end of your website, the real action happens behind the curtain.

It all starts with the dashboard:

The Blogger dashboard

You’ll also notice a number of different menu items which will enable you to customize your blog or website:

Use the Blogger menu to customize

If you head to the settings section, you can change the title and description of your blog:

Adjust the title settings of your blog

You can also play around with other settings such as changing the URL, as well as adding blog authors and adjusting the privacy settings of your blog (below).

Change the permissions and authors of your blog

It’s also simple to publish pages and posts on your website. This could be evergreen pages like an about page or a contact page.

On that note, let’s see how easy it is to whip up a simple “about page.”

Start by clicking pages on the sidebar menu. Next click “new page” to create your page.

Add a new page to your blog

The Blogger interface is much what you’d expect from this kind of platform. Simply enter your content using the WYSIWYG editor.

It's easy to edit your pages in Blogger

You can also see a preview your page before you publish it, which gives you an idea of how the page is going to look when it goes live.

Preview your blogger web page

Once you’re ready click publish and your page will be out there in all its glory.

When it comes to publishing posts, it’s pretty much the same process. You can also manage your pages and posts from your dashboard:

After drafting or publishing you can manage posts here

Okay now let’s see how WordPress stacks up…

Once you’ve installed WordPress you’ll be greeted with the following dashboard, where you can manage your website and create content.

The WordPress dashboard

Creating posts and pages in WordPress is similar to the way it’s done in Blogger, the big difference being there are a lot more settings and options available to you.

For example, in Blogger you only have the option of labeling your posts… whereas WordPress lets you add tags and categories to your posts so they can be grouped into appropriate sections and digested by the right audience.

When it comes to the actual editor, you’ll find that the layouts and functionality of these to be relatively similar.

However, WordPress recently introduced the new Gutenberg editor. Although there are options to switch back to the classic style of editing.

An example of the WordPress editor

Like Blogger, you can create a draft post, preview it, and then hit publish when it’s ready to go live.

Preview your blog page in WordPress

Changes to the title and tagline of your site also happens in the settings like it does in Blogger. However, WordPress does offer some additional settings.

Adjust your WordPress settings

For instance, WordPress allows you to grant users different levels of access to your website.

So you might create an account which only allows a user to create new posts, as opposed to making changes to how the site looks and operates.

WordPress gives you various user settings

Okay, I think this round we have a clear winner…

Winner Of Round 2: WordPress!

Round 3: Security

Because Blogger was bought by Google back in 2003 your website is hosted on Google and covered by their security blanket.

This essentially means you don’t have to worry about managing server resources, creating backups, and your blog’s security.

And although Google isn’t going anywhere anytime soon, the company does have a history of axing underperforming platforms (ahem Google+).

Of course, when it comes to WordPress YOU are solely responsible for the security of your website.

There are plenty of great WordPress plugins for security and backing up…

But if the user fails to stay on top of things and continue to update, what’s the point?

Hmmm, this is a hard round to call…

But I’m going to have to give it to:

Winner Of Round 3: Blogger!

That could have gone either way, but I gave it to Blogger – mainly because big brother Google was involved…

Round 4: Customization

Now it’s WordPress’ turn to have an unfair advantage… you did this to yourself, Blogger.

Because when it comes to customization and variety of options, WordPress certainly floors Blogger.

Not only this, things that are relatively simple in WordPress somehow become frustratingly complicated in Blogger.

For example, if you’re looking to create a website with multiple pages and a separate blog section, it’s way easier to do on WordPress.

adjust the reading settings on WordPress

But WordPress really stamps its authority when it comes to themes and plugins.

Although Blogger’s theme selection is decent (and free) and you can access some third party templates if needed…

It’s nothing compared to the THOUSANDS of designs and themes you can choose from with WordPress.

take advantage of free WordPress themes

You also have an endless selection of free and premium themes which can be added to your site to give it a makeover and more functionality.

Try some paid WordPress themes
ThemeForest has tons of great themes to choose from.

And then you have over 50,000 plugins to choose from… all with their own unique ways to help your website or blog perform at its peak.

Take advantage of the free themes WordPress has on offer

Whether it’s a plugin to help optimize the images on your blog, or an email pop-up plugin to help capture leads on your website…

You’ll find it all in the WordPress plugin directory, as well as in off-site market places like CodeCanyon.

Or download some paid themes if that works better

No surprises this round…

Winner Of Round 4: WordPress!

It’s 2-2 going into the final round!

Who’s going to take it out?

Let’s find out:

Round 5: Support And Community

When it comes to the amount of support available to users Blogger appears to be much more limited.

You do have access to documentation and a blog forum. However, in terms of direct support, it’s certainly not extensive.

The Blogger forums can be a great resource

WordPress, on the other hand, has a more active support network.

Like Blogger, there’s plenty of documentation and community forums … as well as an internet relay chat (IRC) chat room, where you can seek help from experienced WordPress experts.

In terms of a user community, again and unfortunately, Blogger cannot compete with WordPress.

In fact, Blogger’s community doesn’t extend much further than its help forums and documentation…

We were rooting for you Blogger!

Whereas the WordPress community is always active with WordCamp events and meetups constantly being held around the world.

There are also huge amounts of blogs, articles, tutorials and new developments coming out of the WordPress community everyday.

On that note, I think we know who takes this round, and the fight…

Winner Of Round 5: WordPress!

Was that closer than you were expecting?

Blogger put up a good fight, but it was always facing an uphill battle.

Having said that, just because WordPress won this particular fight, it’s not to say that Blogger doesn’t have its place.

Which Platform Should You Choose?

If you just want a basic blog that serves its purpose, and you’re not worried about extensive features, plugins, or a cutting edge design – Blogger could be the solution for you.

It’s also free and comes with no start-up costs.

On the other hand, if a blog is the first step on your way to conquering the world, then maybe WordPress is the one for you.

In order to grow your website or blog, you’re going to need access to the extra plugins and themes WordPress has on offer.

This is especially relevant if your blog or website is going to be used as part of a business venture.

Yes, it may set you back a bit of cash.

Yes, it requires a little more effort to set up and there is a learning curve.

But the sheer amount of customization and flexibility available to you is comprehensive and will enable you to create an amazing statement piece.

In our opinion, WordPress scores the TKO.

We’ll leave it up to you to decide who wins in your world.

Is WordPress An Actual Content Management System (CMS)?

Have you ever been at a party and heard someone (who’s probably had a few too many) blurt out that WordPress isn’t an actual CMS, and you then get incensed (probably because you’ve had a few too many too!) and an overwhelming need to step in and defend WordPress kicks in and other partygoers have to restrain you from taking on this ignorant stranger?

Well, I have … too many times to remember!

So, in case you ever get challenged privately, publicly (or even socially on Instagram or Snapchat) about WordPress being an “actual” CMS, here are some facts to arm yourself with for such an occasion.

Can WP manage all this? Read on to find out!
Can WordPress manage all this? Read on to find out!

What Is A CMS?

Rather than use the definition of CMS that my elderly mother thought she heard me say once during a family dinner (“Can’t Manage My Sister”), let’s turn to the stalwart of the online community for seeking actual and factual enlightenment, Wikipedia:

“A content management system (CMS) manages the creation and modification of digital content. These systems typically support multiple users in a collaborative environment, allowing to perform document management with different styles of governance and workflows.”

(Source: https://en.wikipedia.org/wiki/Web_content_management_system)

Now, I could quote Wikipedia all day long, and so I will once more. The above quote continues thusly …

“Usually the content is a website … and the term commonly refers to web content management systems. Web content may include text and embedded graphics, photos, video, audio, maps, and program code … that displays content or interacts with the user. By their nature, CMSs support the separation of content and presentation.”

Read the above definition in its totality and take a moment to contemplate the plurality of “CMSs” and to breathe in the combination of fricative sibilance, alliteration, and rhyming consonance in the final sentence “CMSs support the separation of content and presentation.

Before we dissect this definition further, here’s what Wikipedia also has to say about the structure of a CMS, or a Content Management System:

“A content management system (CMS) typically has two major components: a content management application (CMA), as the front-end user interface that allows a user, even with limited expertise, to add, modify, and remove content from a website without the intervention of a webmaster; and a content delivery application (CDA), that compiles the content and updates the website.”

You could defend WordPress’ (not WordPresss) honor as an actual CMS armed with just the above information, regardless of whether you’re engaged in a text message war with an ignorant luddite or facing a mob of drunken social influencers at a party in Ibiza.

But, let’s not stop there. Let’s bring in the ultimate show stopper of factual honest to goodness truth … charts!

CMS usage distribution for websites using CMS technologies.
CMS usage distribution for websites using CMS technologies.

According to trends, intelligence, and internet research company BuiltWith, WordPress is the world’s leading platform of choice for  websites using CMS technologies. WordPress powers over a third of the web’s CMS websites and blogs.

In fact, as the chart below from W3Techs.com – a company driven by a vision to provide the most reliable and most extensive source of information on web technology usage shows (and they spare no expense when it comes to graph and chart design), no other CMS platform even comes close to WordPress in terms of market dominance.

This diagram shows the market position of WordPress in terms of popularity and traffic compared to the other most popular content management systems …

WordPress market position.
WordPress market position.

W3Techs.com even anticipated the fact that doubters may disregard charts as “alternative facts”, and so they committed their results to print …

Usage statistics and market share of WordPress.
Usage statistics and market share of WordPress.

Just to restate the above …

“WordPress is used by 61.2% of all the websites whose content management system we know. This is 34.5% of all websites.”

There it is, those three sweet words again … “content management system.”

If around two-thirds of all the websites whose content management system “we know” use WordPress and WordPress is used to power over a third of all websites, then please try the following right now:

  1. Look at your website.
  2. Look at the website on your left,’
  3. Look at the website on your right.

One of these is a CMS website running on WordPress.

And it’s happening right now as you are reading this with your mouth hanging open in astonishment. Folks are downloading and installing the free self-hosted version of WordPress like they found an ATM that’s spitting out free money …

WordPress Downloads
WordPress Downloads. (Source: https://wordpress.org/download/counter)

Can You Actually Spot An Actual CMS Website?

Before we attempt to prove conclusively and once and for all if WordPress is an actual content management system, try and see if you can actually spot an actual CMS website built with WordPress.

You see, WordPress has long been stuck with the “oh yes, that blogging platform” status.

Although WordPress did start out as a “blogging” platform, it has evolved way beyond a technology for publishing blogs.

Businesses of all sizes use the WordPress CMS platform to power their sites, even big businesses …

Glassdooor.com website.
Glassdooor.com website.

You can check which web technologies are being used to power websites using various online tools. For example, here is what W3Techs.com has to say about Glassdoor.com …

Glassdooor.com website - Powered by WordPress CMS.
Glassdooor.com website – Powered by WordPress CMS.

But it’s not just businesses that are using the WordPress CMS to power their sites. Governments are in on it too …

State.gov website.
State.gov website.

Once again, this is confirmed by checking a technology identifying tool like W3Techs.com …

State.gov website - Powered by WordPress CMS.
State.gov website – Powered by WordPress CMS.

In a previous article, we looked at just how many university and college websites depend on the WordPress CMS …

Boston University website - powered by WordPress CMS
Boston University website – powered by WordPress CMS

It’s not just business, government, university and college websites, however, that are using the WordPress CMS to power their online presence. If you want true validation of WordPress as an actual CMS, then check out the websites of those who have dared to boldly go where no one has gone before … celebrity and fashion websites!

May WordPress live long and prosper as a CMS!
May WordPress live long and prosper as a CMS! (Source: https://williamshatner.com/ws)

Whenever those we respect, idolize, and venerate take up a cause they believe in or promote something to make bucketloads of money, it becomes de rigueur for the rest of us all to follow suit. Planetary and interplanetary leaders are using WordPress as a CMS. If this is not validation of WordPress as an actual CMS, then what is? If not them, who? If not now, when?

WordPress.org Showcase
WordPress.org Showcase (http://wordpress.org/showcase)

To see many other examples of websites and blogs being powered by a WordPress CMS to serve all kinds of purposes for all kinds of people and institutions in all kinds of industries and walks of life, just visit the WordPress Showcase section.

WordPress is an actual CMS ... believe it!
WordPress is an actual CMS … believe it!

WordPress As A CMS (More Than A Gut Feeling)

Now that the Word’s on the street and everybody’s talkin’ ’bout it (and bloggin’ and publishin’ with it too!), it’s time to turn our attention inwards and take a gutsy look at the guts of the WordPress platform.

If we transform Wikipedia’s definition of a CMS into a really cool infographic, it would look like this …

CMS
A really cool infographic depicting a CMS

Anatomically speaking, WordPress has an almost identical (yep!) structure to the CMS defined by Wikipedia, with advanced website features for managing web design (i.e. themes) and site functionality (e.g. plugins, widgets, blocks, etc.)

In fact, we could rewrite Wikipedia’s definition of a content management system to describe WordPress …

“WordPress manages the creation and modification of digital content. WordPress supports multiple users in a collaborative environment, allowing to perform document management with different styles of governance and workflows. Usually the content is a website (or blog) and the term commonly refers to web content management systems. WordPress sites may include text and embedded graphics, photos, video, audio, maps, and program code (such as for applications) that displays content or interacts with the user through posts, pages, and custom post types. By their nature, WordPresss support the separation of content and presentation.”

(Source: A wise guy)

Under the “Common Features” section of its CMS page, Wikipedia lists a bunch of features that content management systems typically provide. Let’s go through and compare these features with what WordPress offers:

  • Search engine optimization: This can be easily achieved using permalinks, categories, tags, SEO plugins, anchor text hyperlinks in content, internal linking, etc.
  • Integrated and online documentation: WordPress provides official documentation (Codex), including support forums, and many sites include video-based and online WordPress tutorials.
  • Modularity and extensibility: We call’em ‘plugins‘.
  • User and group functionality: WordPress has built-in user roles and capabilities, collaborative features, comments and discussions, and can enhance user and group functionality through all kinds of plugins.
  • Templating support for changing designs: Yup, we call’em themes.
  • Installation and upgrade wizards: Easy peasy cee-em-ess-eze! WordPress can be installed in just a few clicks and the same goes for upgrading its core software, plus any installed themes and plugins. Many plugins even come with setup wizards.
  • Integrated audit logs: Yup, got those too! From system and debugging reports, to stats in the dashboard that stare right back at you as soon as you log into the admin section.
  • Compliance with various accessibility frameworks and standards, such as WAI-ARIA: Pretty sure WordPress’ got this!
  • Reduced need to code from scratch: Who needs to code with WordPress when you got plugins, widgets, blocks, and shortcodes?
  • Unified user experience: United we stand … hooks, lines, and filters. We don’t <div>
  • Version control: WordPress has no aversions to versions. In fact, WordPress releases a new version approximately every 3 months (it’s like version control is out of control!). Check ’em out here: WordPress History
  • Edit permission management: With WordPress user roles and capabilities, admins can assign default permissions to different user groups and customize these using various plugins and modifications.
  • Indexing and search: WordPress has its own built-in search functionality, and all content, posts, pages, etc. are indexed and archived in the database and can be easily retrieved, filtered, and sorted internally (e.g. Table of Posts) and externally (e.g. tags, categories, calendar widgets, etc.)
  • Format or style management through themes: You haven’t lived until you’ve installed and activated a new WordPress theme.
  • Web-based publishing: WordPress doesn’t just publish, it can also get your site automatically indexed in search engines and your content syndicated to social networks and other sites and directories using built-in features like pinging services and RSS feeds, and various plugins and integrations with 3rd party services.

Given all of the above, it’s hard to dispute that WordPress is an actual content management system.

So, next time you’re at a party and everyone’s had a few too many and some old timer is reminiscing about reviving Frontpage or harping about the merits of some other CMS, you can deliver the kicker … WordPress is not only an actual content management system, it’s so much more!

WordPress is becoming more than a CMS, or even a web publishing platform! With the ability to use REST APIs to create a Headless WordPress CMS and developments like ‘blocks’ introduced with the release of WordPress 5.0 (aka WordPress Gutenberg), the entire platform is shapeshifting to something that even William Shatner would be proud to blog about on his WordPress site.

To quote Einstein had he been smart enough to blog before blogging and content management systems became relatively popular, WordPress = CMS2.

WP=CMS2
WP=CMS2

The Top 13 WordPress Page Builders Compared (2019)

Say you’re planning to bake a pizza. What will the base, sauce, cheese, and toppings be? Thin or thick crust? Marinara or pesto sauce? Mozzarella, cheddar or Parmesan cheese? Pepperoni, mushrooms, anchovies? And let’s not even talk about pineapple here!

There are so many variations to choose from. If only there was a way to mix and match them to get exactly what you want. Oh wait…there are several food chains who’ve exploited this very need.

If you’re planning to customize your WordPress website, using a page builder is similar to customizing a pizza. You choose the elements you want in your page, add content, set their alignment, background, colors, fonts, etc. And voila! Your page is ready to be published, for the entire world to savor.

What is a WordPress Page Builder?

In WordPress, a page builder is essentially a plugin that lets you design your site’s pages and posts without any coding involved. It’s a given nowadays for most page builders to come with drag-and-drop functionality. Thus, you can create detailed web page layouts pretty fast, like building a complex structure out of legos.

Why Use a Page Builder for WordPress?

There are many advantages of using a page builder. Here are the 4 primary ones:

No Coding Knowledge Required

Many website owners find it difficult to make even minor changes to their website’s page layouts or styles. You may know exactly what you want to change, but may not know how. With a page builder, you don’t need to learn HTML, CSS, JavaScript, or PHP to make these changes.

This enables you to achieve high-end web pages without any coding involved. What would’ve taken days or weeks earlier, including hiring a professional web developer, can now be done by yourself in a matter of hours, if not minutes.

Feature-Rich

Another amazing advantage of page builders is that they come loaded with tons of on-page widgets and features: Sliders, image carousels, galleries, content grids, social sharing buttons, pricing tables, charts, CTA buttons, forms, animations, etc.

Want the same functionalities without using a page builder? You’d have to install quite a few dedicated plugins, premium or otherwise. First, you’d need to research to find the right plugins. Then, you’d have to learn how to use them. And after that, you’ll have to make sure that they’re all up-to-date and work perfectly with one another and all the other plugins you’ve installed.

Imagine doing that with half a dozen plugins, or even more. A page builder eliminates that hassle and helps you keep it simple.

Pre-Built, Attractive Templates

Most page builders come with beautifully crafted templates for standard website pages such as Home, About, Services, Products, Contact, etc. These templates are a great way to kickstart your designing process.

Some page builders also allow you to mix and match sections from multiple templates, thereby giving you virtually unlimited page design options to choose from.

Easy Customizations

Page builders are fast and intuitive. With user-friendly features such as drag-and-drop support and a live preview mode, you can add modules to your pages easily, and then rearrange and resize them quickly as you like. You can also change their styles such as background, font, color, padding, margin, and border effortlessly.

Any changes you make will be reflected immediately in the live preview section, helping you fine-tune your site.

With so many page builders for WordPress out there, we decided to compare the top ones and list them all, so that you can decide which will be the right fit for you.

Let’s begin!

The Top 13 WordPress Page Builders

  1. Beaver Builder
  2. Elementor
  3. Divi
  4. Visual Composer Website Builder
  5. WPBakery Page Builder
  6. Oxygen
  7. SiteOrigin Page Builder
  8. Themify Builder
  9. Themeum WP Page Builder
  10. Thrive Architect
  11. Generate Press Premium
  12. MotoPress Content Editor
  13. Brizy

Beaver Builder

Beaver Builder markets itself as “a complete design system.” It’s a flexible drag-and-drop page builder that works on the front-end of your WordPress website, so you can see the changes live as you’re making them. You can also click on individual elements to edit their properties.

If you’re new to page builders, Beaver Builder also includes an intuitive onboarding tour that will explain all its features one by one, helping you get familiarized with its user-friendly interface.

There are modules for adding almost any element you may want on a page, including content sliders, maps, testimonials, galleries, slideshows, accordions, pricing tables, etc.

And if you want to get a headstart with your designing process, it also includes more than 50 finely-crafted templates for landing and content pages. They’re all mobile-friendly, responsive layouts. You can even save your custom templates for use in other sections of your website, or on a different website altogether (all WordPress developers say yay!).

Beaver Builder plugin works great with almost every WordPress theme and Gutenberg. And if you want to uninstall it for any reason, it doesn’t leave behind a mess. If you’re a WordPress developer or an agency, you’ll appreciate how Beaver Builder can help you build some flexibility into your workflow.

Take Beaver Builder for a spin here and see for yourself whether it’s the right fit for you. There’s also a lite version of the plugin available for free on WordPress.org repo (with limited features though).

Pricing: Starts at $99/year (Unlimited Sites) / Lite Version Is Free

*Check out the WPMU DEV members-only discount!

Elementor

Elementor is another front-end focused page builder plugin for WordPress. It prides itself on its fast live design and inline editing capabilities. And deliver it does, which probably accounts for its 3 million+ active installations!

With Elementor, you make changes to the page and instantly see exactly how it looks like. It makes the whole process of designing and editing web pages a seamless experience. Elementor also works perfectly fine with or without Gutenberg.

While the free version of Elementor plugin includes over 100 designer-made templates and just 30 basic widgets, the Pro version takes it to a whole new level with 300+ pre-built templates and 50+ advanced widgets.

Elementor Pro also tacks on a theme builder, a popup builder, a visual form builder with popular marketing integrations, WooCommerce builder with 15+ shop widgets, dynamic content & custom fields capabilities, and motion effects.

It’s certainly one of the most ambitious page builders for WordPress out there.

Since Elementor is released under Open Source and GPL, other developers are free to create their own extensions for it. Check out these amazing add-ons for Elementor on WordPress.org repo.

Elementor Pro pairs well with free themes such as Hello Elementor, Astra, OceanWP and GeneratePress.

Pricing: Starts at $49/year (1 Site) / Free (Only 30 Basic Widgets)

*Check out the WPMU DEV members-only discount!

Divi

Divi labels itself as “the ultimate WordPress theme and visual page builder.” Its visual page builder has a pretty slick, easy-to-use interface and comes loaded with tons of features out of the box.

While the Divi Builder plugin works best with the Divi All-in-One theme, you can also pair it up any theme of your liking. It works just fine. And just like Beaver Builder and Elementor, Divi Builder employs a front-end, drag-and-drop WYSIWYG (what you see is what you get) editor.

It comes with 40+ website elements and 800+ pre-made designs, including 100+ full-website packs. Furthermore, Elegant Themes adds brand new layouts to Divi Builder almost every week. All these features come together to help you create amazing designs with surprising ease.

When it comes to pricing, Divi has the sweetest deal of all the premium page builder options out there. Not only does it come with a great theme and the standalone page builder plugin, it also includes all the other products by Elegant Themes.

Try the Divi Builder Demo and see it in action for yourself.

Pricing: Starts at $89/year (Unlimited Sites), $249 for lifetime access

Visual Composer Website Builder

Visual Composer Website Builder is a drag-and-drop solution to create websites you’ve always wanted. Just like the options mentioned above, it sports a live front-end editor, which allows you to make changes to your website instantly and see how it looks before hitting the publish button.

It comes with 200+ premium templates and content elements, enabling you to design spectacular landing pages or page sections in minutes. To give you an idea of its extensive customization options, just its button element comes in 30 unique styles.

While Visual Composer sports a clean and minimalistic interface, its actual user experience leaves much to be desired. It does need some getting used to, but once you’ve figured it out, it’s a breeze from there on.

Unlike with other page builder plugins listed above, it also lets you edit the header, footer, sidebar, and other theme features. This is why it’s called a website builder, rather than a page builder.

Visual Composer Website Builder is made by the same team behind WPBakery Page Builder plugin, which confusingly enough was named Visual Composer before. They had to rebrand their old product to avoid trademark restrictions set by Envato marketplace. In case you were confused about this, now you know!

Pricing: Starts at $59/year (1 Site), $349/year (Unlimited Sites)

WPBakery Page Builder

WPBakery is both a front-end and back-end page builder plugin for WordPress. Its front-end user interface is quite similar to that of Visual Composer Website Builder, which isn’t surprising as it’s made by the same team.

Some users prefer its old-school back-end editor to the new front-end ones. You can also move back and forth between the two editing interfaces as needed.

It includes 50+ premium content elements, 100+ pre-built layouts, 200+ 3rd party add-ons, 40+ grid design templates, and much more. And it works with any theme, making it a comprehensive page builder solution.

However, you should note that WPBakery is a shortcode-based plugin, which means that all your customizations through it are tied to clunky shortcodes. It can slow down your website considerably if not used smartly.

WPBakery originally started its journey on Enavato’s marketplace CodeCanyon, where it’s still available. It’s also the most sold WordPress plugin on there. If you’ve ever bought a premium theme from ThemeForest, chances are high that it came preloaded with WPBakery Page Builder plugin.

Pricing: Starts at $45 (1 Site)

Oxygen

Oxygen is the new kid on the block of WordPress website builders. It’s designed from the ground up to be a full site builder, as opposed to being just a page builder. Oxygen’s templating engine lets you design every part of your WordPress site – headers, footers, pages, any post type, and any taxonomy.

With Oxygen, you’re essentially building a custom WordPress theme from scratch (though the team behind it doesn’t like to call it as such). But instead of hand-coding it, you’re using an intuitive, live visual editor to do it. This makes the process much simpler and quicker.

The elements in Oxygen are “more flexible, more customizable, and more powerful.” In a way, it lets you do more, but with less! It sounds counter-intuitive, but that’s how I can describe Oxygen in a nutshell.

The Oxygen design library includes premade design layouts for almost everything you can imagine. You can import complete websites from it with just a single click. Not happy with the existing designs? You can mix and match sections from any website template to create beautiful pages with a uniform style.

The end result is an optimized WordPress website with minimal bloat, thus making it load faster.

With that being said, Oxygen is meant for advanced, professional website designers. You need to have at least some knowledge of HTML/CSS/JavaScript, and a rudimentary understanding of PHP and WordPress CMS to make the most out of it.

The best part about Oxygen though is its current pricing, which seems almost too good to be true.

Pricing: $99/lifetime for Unlimited Sites (limited-time introductory pricing)

SiteOrigin Page Builder

SiteOrigin Page Builder boasts almost 2.5 million downloads and 1+ million active installs on WordPress.org repo. While its user interface isn’t that easy to use, it’s nonetheless a highly popular page builder plugin. This can be attributed mostly to its price (which is free), while still delivering full-fledged page builder features.

It works with any theme, supports live editing, row and widget styles, and is available in 17 languages. Page Builder uses standard WordPress widgets as its content elements, so combined with its widgets add-on bundle (also free), it should take care of most of your page designing needs.

One cool aspect of this plugin is its History Browser feature, which lets you roll forward and back easily through any changes you make. This gives you the freedom to experiment with your page layouts and designs without worrying about breaking the content.

While I wouldn’t recommend SiteOrigin Page Builder to anyone, especially newbies, it still needs to be acknowledged as it’s used by many out there.

Pricing: Free / Premium Add-ons start from $29/year (1 Site)

Themify Builder

Themify Builder is both a front-end and back-end page builder plugin for WordPress.It is included with all Themify themes as part of the Themify framework, but the standalone Themify Builder plugin works with all WordPress themes and is available for free.

Its compact back-end interface lets you to drag-and-drop modules around quickly and easily, while the front-end interface allows you to preview your design live (WYSIWYG).

Themify Builder comes with 40+ professional pre-designed layouts for various website types such as blogs, shops, portfolio, services, etc. All of these website templates can be imported with just a single click.

Most of the standard modules are included for free (text, post, gallery, video, widget, menu, slider, button, map, icons, etc.). However, you can extend its capabilities further by purchasing an add-on bundle which includes 25 extra premium modules.

If you’re looking for a free page builder for WordPress with a simple, easy-to-use interface, you should give Themify Builder a try.

Pricing: Core Plugin is Free / $39 for Add-on Bundle

Themeum WP Page Builder

Themeum is known for its high-quality, user-friendly themes, and their WP Page Builder plugin is no different. Its sleek and simple front-end interface is easy to understand, even if you’ve never used any page builders before.

WP Page Builder calls its modules add-ons, and they’re all unique and perform a specific task. As of now, it includes 30+ add-ons, with more slated to be coming soon. All your WordPress widgets can also be used as an add-on. Apart from that, you have plenty of pre-designed blocks and page layouts to choose from to get started.

Its library feature lets you save any part of your page design as its own template, which you can replicate on other pages or websites easily with just a single click. You can also import or export entire page layouts.

The free version of the plugin includes everything you need to get started. The Pro package gets you 15+ premium layout bundles, that also includes 83+ readymade page layouts. And if you ever want to create custom add-ons or add custom blocks and layouts to WP Page Builder, you can do that easily by following their developer guidelines.

Wanna see it in action? Try the live demo of WP Page Builder.

Pricing: Core Plugin is Free / Pro starts at $39/year (1 Site)

Thrive Architect

Thrive Architect is an intuitive drag-and-drop front-end page builder for WordPress. What sets it apart from the rest of the page builders is that it’s focused on building landing pages that convert.

Want to change something on your page? Just click on it and start editing instantly. Wanna move something? Click to select, and then drag and drop where you want it to be.

Thrive Architect comes bundled with 300+ beautifully designed landing page templates that are 100% focused on conversion. And to eliminate the WordPress plugin hellhole, it includes conversion-focused elements such as attractive CTA buttons, dynamic actions and animations, pricing tables, testimonials, lead generation forms, countdown timers, and more.

Plus, all of these features integrate with your favourite marketing tools, so that you can concentrate on growing your business, and not how your website looks and works.

Thrive Architect works with any WordPress theme. If you’re looking to create professional looking sales pages, webinar pages, or opt-in pages, this is the solution you’re looking for.

Pricing: $67 (1 Site), $19/month (25 Sites)

GP Premium by GeneratePress

GeneratePress is one of the most popular and well-reviewed free WordPress themes. It’s built with a focus on speed and user-friendliness. And thanks to its strict adherence to WordPress coding standards, it works well with all major page builders, including Beaver Builder and Elementor.

Now, you might be wondering why a free WordPress theme is included here. Well, that’s because GeneratePress also offers a premium package called, well, GP Premium.

GP Premium builds on GeneratePress theme and adds 14 premium modules, including the Site Library, from which you can import entire demo sites with just a click. Its Sections premium module acts as a tiny page builder, allowing you to build complex web page layouts with a basic back-end interface.

While it’s not the most intuitive page builder solution mentioned here, it still needs a mention due to its performance advantage.

Most page builders add considerable bloat to your site’s frontend, but GP Premium retains its fast and lightweight nature, thereby giving your site a boost in page load speed and performance.

Pricing: $49.95/year (Unlimited Sites)

MotoPress Content Editor

MotoPress Content Editor is a drag-and-drop page builder plugin for WordPress that’ll help you create better websites with any theme. With its front-end editor, you can easily design your site’s posts, pages, or custom post types.

It includes 30+ content modules and various styling options for you to choose from. However, if you want to display videos, Google Maps, pricing tables, or add a simple contact form, you need to purchase those add-ons separately.

Its straightforward page builder interface can help you streamline your website building process, helping you design your pages swiftly. The designs you build with this plugin are optimized for all viewports, meaning they’re all responsive and mobile-friendly layouts.

This plugin also lets you create custom reusable sections, widgets, and pages. Thus, you can transfer your designs to other websites in no time, saving you a lot of hassle.

There’s no shortcode lock-in with MotoPress Content Editor, which means that even if you choose to deactivate the plugin, your content will still be safe.

Try MotoPress Content Editor here and see for yourself whether it’s the right fit for you.

Pricing: Core Plugin is Free / Premium Add-ons Available

Brizy

Brizy is a relatively new entrant to the WordPress page builder plugins scene. Built from scratch and focused on usability, its intuitive and clutter-free interface ensures that you only see what’s needed for the task at hand.

Like Elementor, Brizy is an ambitious venture and has set its goals pretty high. The first thing you’ll notice about Brizy is its modern, minimalistic design.

It works pretty much like any other front-end page builder plugin for WordPress. You set your page layout, and add or remove page elements as needed. But the area where Brizy truly sets itself apart is how you customize on-page elements. This is where it shines.

For example, if you’re using Beaver Builder or Elementor, you’ll be doing it via a sidebar or a popup. But Brizy lets you edit the element properties inline, right where it is, which seems more intuitive and natural.

Another area where Brizy trumps other page builders is its cloud save feature. You don’t have to worry about saving your changes anymore. It’s all taken care of automatically. And if you ever want to roll back any changes, you can do it easily.

Brizy works with all WordPress themes.

Pricing: Starts at $49/year (3 Sites) / Lite Version is Free

Other Notable Mentions

These page builder plugins were shortlisted, but just missed the mark from making the cut. You can check them out if you’re curious.

How to Choose the Best WordPress Page Builder for You?

With all being said and done, you’re still left with picking a WordPress page builder from a pretty big list. To lock down on any one plugin that’s the best fit for you, look out for these five main factors:

  • Ease of Use – how intuitive and fast is the builder interface to use?
  • Compatibility – is it compatible with your existing setup (theme, plugins, etc.)?
  • Flexibility – does it let you create layouts and apply design styles that you want?
  • Price – is it within your budget?
  • Final Output – does the end result look good, is responsive, and is optimized for performance?

Start with Your Dream Site Today

WordPress has always been a platform that promotes openness and DIY. With a page or website builder, you can start building a powerful website in minutes, without compromising on design, flexibility, or functionality. This saves you a lot of time and money, as you don’t have to hire a professional web developer or designer.

Using the right page builder, you can create websites that can compete with many professionals out there. Get started with building your dream site today!

*The discounts for our members that we mention in this post are there because they are products that we know our members love. No affiliate links, kick-backs, special treatment, or anything like that :)

Best Image Optimization Plugins for Speeding Up WordPress

There are all kinds of WordPress Image optimizer plugins available in the WordPress plugin repository. They can help you compress images for the web or handle things like resizing images or lazy loading.

In this post, we’re going to look at the features of the most popular image optimization plugins. Some are all-in-one image optimizers while others have some unique strengths that make them helpful additions, but all of them will help you serve up images on your site much faster.

Let’s Get Cracking

  • Smush

    I don’t want to brag, but Smush is the most popular free image optimization plugin for a reason. It’s the best WordPress image optimizer because it is an all-in-one solution that has lossless image compression, lazy loading, bulk smushing (so you can optimize up to 50 images at once), and more. With over 1+ million active installations, Smush has optimized literally billions of images.

    Smush will process PNGs, JPEGS, and GIFs on OUR superfast servers, freeing up resources on your server so your site performance will not be affected. And the best part? The free version has no daily, monthly or annual caps so you can optimize to your heart’s content. As long as your images are under 5MB we’ll Smush it.

    If you want even more cool features, then Smush Pro, with her lightning-fast CDN, convert images to WebP, automatically resize your images, convert PNGs to JPEGs, compress images in other directories or in your Amazon S3 cloud, and more.

    We recently added lazy loading to Smush. Learn more about how to lazy load images in WordPress.

    Plus, Smush and Smush Pro integrate well with other popular image plugins such as NextGEN Gallery, Infinite Uploads, WP Offload S3, and WP Retina 2x. Try Smush Pro free to see how she can take your site performance to new levels.

  • Infinite Uploads

    If you are running out of storage or bandwidth on a media-heavy website,  Infinite Uploads boosts performance by moving your uploads directory to cloud storage and serving them from a super-fast CDN.

    Set up your Infinite Uploads account and the Infinite Uploads plugin allows you to connect an unlimited number of websites and will automatically move all your files to the cloud. This does not replace your image compression plugins, so you can pair it with Smush or any other image optimization plugin to optimize the images before they are moved to the cloud.

    Interested in Infinite Uploads?

  • EWWW Image Optimizer

    EWWW Image Optimizer automatically and losslessly optimizes your images as you upload them to your site. It can also optimize images that you have previously uploaded.

    Another nice feature of this plugin is the ability to convert your images to the file format that produces the smallest image size. It can also optionally apply lossy reductions for PNG images.

    The plugin is free if you use your own servers to optimize your images. Something to be aware of is if you can’t use the exec() function on your server, you’ll have to pay to use the EWWW I.O. API. If you opt to use the EWWW service, you’ll have to pay an additional fee.

    Interested in EWWW Image Optimizer?

  • Imsanity

    Don’t be scared off by Imsanity’s freaky feature image in the WordPress Plugin Repository. This free image optimizer plugin automatically resizes images to a more “sane” size by using WordPress’ built-in image scaling functions.

    A nice feature of Imsanity is the ability to set a maximum width, height and quality. You can also convert BMP files to JPG so images can be scaled.

    With Imsanity, you’ll be able to bulk resize images. When Imsanity scales an image, it replaces the original image.

  • Imagify Image Optimizer

    Another image optimizer plugin is WP Media’s Imagify Image Optimizer that automatically optimizes an image when it is uploaded into WordPress. It also has the ability to bulk optimize images.

    Imagify Image Optimizer will optimize your images in WordPress by resizing images. It also has three levels of image compression and the ability to convert your images to WebP.

    Imagify Image Optimizer is compatible wtih WooCommerce and NextGEN gallery.

    You’ll be able to optimize up to 25MB of images which is about 250 images every month. Keep in mind that WordPress generates multiple additional images for every single image you upload, so this will count toward your limit. Once you pass your limit you’ll need to upgrade to a paid plan.

    Interested in Imagify Image Optimizer?

  • Compress JPEG & PNG images

    Compress JPEG & PNG images integrates with the popular WordPress image compression services TinyJPEG and TinyPNG.

    With Compress JPEG & PNG images, your images will automatically be optimized when uploaded. You can also optimize images that are already in your media library, one at a time or in bulk.

    Compress JPEG & PNG images has encoding for progressive JPEGs, and is the best compressor plugin for animated PNGs. It is compatible with WP Retina 2x, WP Offload S3, WooCommerce (although there are a few known issues) and is WPML as well as multisite compatible.

    There are no file size limits but if you want to optimize more than 100 images a month, you’ll have to upgrade to a paid account. Again, keep in mind that when you upload one image, WordPress generates additional sizes to make your site responsive, so those additional images will count toward your limit.

    Interested in Compress JPEG & PNG images?

  • ShortPixel Image Optimizer

    ShortPixel Image Optimizer is not only for images, but it’s a PDF optimizer that’s free. As with the other WordPress image optimization plugins, new images are automatically resized and optimized when you upload.

    ShortPixel Image Optimizer is great at compressing images for your website because it has both lossy and lossless image compression for for JPEGs, PNGs, WebPs, GIFs and PDF files. It also has a free image compressor called glossy image compression that was designed as a photo optimizer setting for photographers that preserves the quality of an image.

    ShortPixel is GDPR compliant and integrates well with NextGEN gallery, Foo Gallery and any other galleries and sliders.

    ShortPixel comes with 100 free credits/month and additional credits can be bought for as little as $4.99 for 5,000 image credits.

    Interested in ShortPixel Image Optimizer?

  • WP Retina 2x

    WP Retina 2x is not an image optimizer for WordPress like the other plugins on this list. It is in a class of its own.

    WP Retina 2x is used for serving Retina images on your WordPress site. Retina images are tremendously resource intensive because they’re twice as large as normal images, so you need a plugin that will help you serve them properly.

    See our post on how to serve Retina images in WordPress without slowing down your site for a detailed tutorial on how to configure WP Retina 2x.

    We’ve mentioned how some of the other plugin on this list pair well with WP Retina 2x in order to optimize your images in WordPress while still making sure that your images are high quality so they look good on Retina screens.

  • reSmush.it Image Optimizer

    reSmush.it allows you to use the the free image optimization reSmush.it API. The API accepts JPEGs, PNGs and GIF files that are up to 5MB. The plugin is free to use with the only restriction being that your images need to be under 5MB.

    reSmush.it is not only an image optimizer for WordPress, but its API is also flexible enough to use with other CMS systems, such as Drupal, Joomla and Magento. So even though it has fewer installs compared to some of the others on this list, reSmush.it has smushed billions of images.

    reSmush.it sets the default optimization level to 92, but you can adjust this if necessary. You’ll also be able to specify if images should be optimized on upload.

    Interested in reSmush.it Image Optimizer?

  • Optimus Image Optimizer

    Last but not least on our WordPress optimization plugin list is Optimus. It automatically reduces the file size of uploaded images by compressing the images for your website.

    There is a free level that allows a maximum file size of 100kb. The free version does not include WebP conversion, but it does allow an unlimited number of images. Rather than using your server for WordPress, Optimus sends your images to the Optimus server in Germany for optimization, then sends it back once the image has been optimized.

    You will be able to specify if you would like Optimus to keep or remove the image metadata such as the author, EXIF and copyright information, for additional file size reduction.

    Optimus has a bulk image compressor, is compatible with WooCommerce, WP Retina 2x and WordPress multisite, and does not store your images on their server once it is optimized.

    Interested in Optimus Image Optimizer?

Image Optimization Summary

While there are a lot of image optimization plugins available in the WordPress plugin repository, in our opinion Smush is the best image optimizer for WordPress because you do not have to upgrade to a paid account. With Smush, you get a free image compressor and an auto-optimization plugin that streamlines your images on upload.

For even more features and faster smushing, Smush Pro can’t be beat. Try Smush Pro free to see for yourself how it stacks up against these other WordPress Image Optimization plugins.

And while you’re at it, check out our ultimate guide to image optimization and FixRunner’s guide on how to make your WordPress website load fast.

Best Free Form Builder Plugins WordPress 2019

There’s no shortage of free amazing form plugins to make data collection in WordPress a breeze. I noticed that a lot of form plugins in the WordPress plugin repository appear feature-rich, but once you install them, most features aren’t available unless you upgrade.

I call this, upsell hell. Especially since some form plugins charge you for every extension that adds another feature, so it can get really expensive really fast.

That’s not a problem when you have an enterprise site, but what about the times that you’re building a little site for a friend as a favor and you need to keep costs in check?

So in this post, we’re going to answer the question of what is the best free WordPress contact form plugin? We’ll look at some of the most popular form plugins and see what the free version really includes.

Judging The Best Free Form Builder WordPress

Cutting through the marketing hype was a lot more tricky than I thought, since the plugin pages in the repository had every feature the form includes, but it didn’t say which features are premium and which are free. At least with Gravity Forms, you know what you’re going to pay since they don’t have a free version. That’s also why they’re not on the list. We’re focusing on the freebies.

To find the best form plugin for WordPress and determine what was actually included free, I installed each one on my test site and built a form. If there was an extension that was created by the form developers that was free, I counted the features as included for free.

Some form plugins, such as Contact Form 7, have lots of free extensions in the WordPress repository, but they’re of varying quality since they’re not by the original developer, so I did not include these free features in my assessment. This is more because assessing the independent extensions for each plugin would be its own blog post. If you want to include them in your own assessment go for it!

To make the assessment process easy, I created this Airtable with the form plugins I’m going to discuss in this article so you can make an apples-to-apples comparison of the free features.

The preview above cuts off some of the data, so either open the full version or scroll to the right to see the additional columns with information about premium pricing, additional fancy fields, additional form types you can build, etc.

The Best Free Form Builder WordPress Plugin

I listed the plugins in order by feature-richness. The plugins with the most free features, integrations, form types, etc. I listed near the top. The ones with the least free features I listed near the bottom.

Forminator

Forminator on Wordpress

Now I know what you’re thinking; of course, I would list WPMU DEV’s Forminator as the best WordPress form plugin at the very top. How modest ;)

While other form plugins have similar features, I found that Forminator offers you premium features for free, no strings attached. You don’t even need to be a WPMU DEV member or sign up for a free trial. This is the same plugin that is available to everyone in the WordPress plugin repository.

And we don’t just include premium features that should be basic, like spam protection, the ability to store entries in the database and multi-page forms.

Forminator gives away valuable time-saving and money-making features for nothing. Nada.

  • Integrations with other apps, such as Zapier, Google Sheets and a bunch of email marketing apps.
  • Integrations with popular payment portals for a simple eCommerce solution. In fact, with if you’re using Stripe, you’re really going to love how someone can make a payment without leaving the page.
  • Codeless styling so you can create the look you want without tinkering with CSS.
  • Conditional Logic so you can create dynamic forms.
  • Calculations so your forms can “do the math” for you.

You get full access to 24 advanced fields so you can get your data validation on. With Forminator’s form preview button, you can view your form as you’re building it and designing it, without having to embed it on a page first to see if it looks right.

Forminator is also the only free plugin that allows you to create forms AND polls, submissions, quizzes, and submit blog posts from a form. And it has a powerful API that you can access for free and use to build your own custom extensions.

Something that’s really important for our European friends is advanced features to help you stay compliant with GDPR. You can adjust how long data is retained, set how long to keep an IP before it is anonymized and there’s even a field for a GDPR checkbox. You’re welcome.

Get your copy of Forminator and prepare yourself to feel like you stole it because you got so many awesome things for free. What’s the catch you say? No catch!

  • Usability:
  • Basic Features:
  • Premium Features:
  • Integrations:
  • Overall:

Caldera Forms

Screenshot of Caldera Forms Home Page

Next up on our list of feature-rich plugins is Caldera Forms. Out of all the forms on the list, Caldera Forms surprised me the most because I thought it was going to be lower on the list, but there are a lot of premium features that are available for free.

Also, they have a nice selection of templates to get you started that are included with the free version. Forminator only has design templates for now.

The free version of Caldera Forms gives you:

  • Conditional logic
  • The ability to submit blog posts with a form
  • Calculations
  • Some free integrations: Postmatic, Slack, Payfast and Easy Digital Downloads
  • A couple of fancy form fields: a TinyMCE WYSIWYG editor and a color picker

I noticed that out of all the plugins I tried, Caldera Forms had the most unique features that weren’t available in the other plugins. In some cases, no other plugin had these features.

For instance, no other free plugin has an Easy Digital Downloads integration or form revisions, which if you make a lot of changes, can be very useful. It was also the only form with a color picker field and only Ninja Forms also has a TinyMCE WYSIWYG editor.

  • Usability:
  • Basic Features:
  • Premium Features:
  • Integrations:
  • Overall:

Ninja Forms

Screenshot of Ninja Forms Home Page

With 1 million installs of the free version, Ninja Forms is the third most popular form plugin in the WordPress repository.

When looking it over I was neither impressed nor disappointed. The basic features you expect from a quality form plugin are there, plus a couple of extras. And even though there is no codeless styling option, some premium themes are optimized for Ninja Forms so your forms match the rest of your site effortlessly.

Calculations and a TinyMCE WYSIWYG editor are some nice free bonuses. And you do get some templates which I like since they give you a head start.

They also give you a lot of fields right out of the box. I thought special fields designed to collect information like URLs, address, phone numbers, and emails were included in all form plugins, but further down the list, I learned this wasn’t true. Ninja Forms, however, does give you 26 useful field types, which I appreciate.

What I don’t like about Ninja Forms is the pricing. Out of all the form plugins, the premium version is the most expensive at $99/year for one site and all the different extensions have different prices so it can add up quickly. Plus it can be confusing to figure out what the whole thing is ultimately going to cost.

Now I know we’re focusing on the free features of these plugins. I bring up the paid upgrades for Ninja Forms in particular because the steep increase in price might become a problem in some use cases.

For example, sometimes I’ll try to do a good deed and take the time to build something for a non-profit or a close friend, using a free tool. Later, they’ll ask for a simple additional feature and I’ll say something dumb like “not a problem, I’ll get that added for you” thinking that spending like $30-40 bucks isn’t that big a deal only to find out it’s going to cost more like $150. Then you have to have that awkward conversation that makes you feel like a jerk or rebuild the form on a lower cost alternative and feel resentful.

I’ve included the premium pricing for all the plugins in the Airtable so you can use it when making your decision. This does not include the pricing of additional extensions though.

  • Usability:
  • Basic Features:
  • Premium Features:
  • Integrations:
  • Overall:

Formidable Forms (Lite)

Screenshot of Formidable Forms Home Page

Formidable Forms is another plugin that I was neither impressed or disappointed by. It was one of the easier plugins to use because it had one of the better designed-interfaces.

Formidable was also the only other form plugin besides Forminator that includes a codeless styling module. You can see your edits on a sample form as you make them without having to open another window. There’s also a section where you can add custom CSS, which can be useful for some multisite installations.

Formidable does not charge you per add-on once you decide to upgrade, but you may need a higher plan in order to be able to access all the features.

Formidable Forms Lite felt adequate. Nothing fancy, but enough to get the job done. You can import/export forms, store/export entries in the database, protect your form from spam and use merge tags when creating your emails.

What would make me pick Formidable Forms over others (if Forminator wasn’t an option) is the codeless style editor because of how easy it is to use.

  • Usability:
  • Basic Features:
  • Premium Features:
  • Integrations:
  • Overall:

Contact Form 7

Screenshot of Contact Form 7Home Page

What can I say about Contact Form 7 that hasn’t been said already? With 5 million installs it is the most popular free form plugin in the WordPress repository and there are a bunch of free extensions written by others to improve the functionality.

As I mentioned earlier, I didn’t include these extensions in my assessment because IMO using a lot of plugins/extensions designed by random people makes it more likely that something will go wrong with every plugin you add. If you like to live on the wild side with a cool devil-may-care attitude, then go for it.

Contact Form 7 feels like it’s the form plugin the dinosaurs used. Even though it totally gets the job done, the interface is as bare bones as it gets. To add features you add code snippets. To add fields you add merge tags. No drag and drop editors here.

Entries aren’t stored in the database so you need to make sure your email delivery game is strong otherwise you’re not going to get that data. This is so risky because SMTP issues happen more often than you think, so you could miss out on valuable opportunities.

There are some bonus features you wouldn’t expect from such a simple solution. The ability to create quizzes, upload files, and a Constant Contact integration comes to mind.

If you’ve been making do with Contact Form 7 specifically because it’s free, then you’re going to love Forminator.

  • Usability:
  • Basic Features:
  • Premium Features:
  • Integrations:
  • Overall:

WP Forms (Lite)

Screenshot of WPForms Home Page

WP Forms is the second most popular form plugin in the repository with 2 million installs. TBH it was my least favorite even though it has a beautifully designed WordPress drag and drop form builder interface.

When they say lite, they mean super lite. WP Forms (Lite) felt more like a free sample so you can see how things are laid out than an actual usable plugin you can use if you’re trying to save a few bucks.

I found myself saying “really!? you don’t include blank?” a lot. I don’t talk to plugins often, only when they disappoint me and WP Forms did that a lot.

For instance, the free version doesn’t store entries in the database. I expect that from bare-bones form plugin, but not WP Forms.

Also, there are only 8 fields to choose from:

  • Single line text
  • Paragraph text
  • Dropdown
  • Multiple Choice
  • Checkbox
  • Numbers
  • Name
  • Email

You’re not going to give me an address, phone number or URL field? :( How am I supposed to validate that the data is correct? Even the lite version of Formidable forms has 13 fields to choose from.

There isn’t even spam protection so good luck with that.

The two bonus features it does come with is a free Constant Contact extension and templates. Seriously after using all these other form plugins the one thing I didn’t know I wanted was templates.

But yeah, WP Forms, not my favorite. The bear is cute though. The bare interface on the other hand…not cute.

  • Usability:
  • Basic Features:
  • Premium Features:
  • Integrations:
  • Overall:

Final Side-by-Side Comparison

So what is best free WordPress form plugin? Here is how everyone’s final score compares head to head.

  • Forminator:
  • Caldera Forms:
  • Ninja Forms:
  • Formidable Forms (Lite):
  • Contact Form 7:
  • WP Forms (Lite):

That’s Everything on Choosing the Best Free Form Plugin in WordPress

Forms are one of those things that can take your site from good to great and the plugin you choose for your forms makes all the difference. With a simple form plugin, you can create basic things like a contact form or newsletter signup, whereas a more powerful form builder becomes a data collection powerhouse that you can use to sell products, onboard clients, automate your workflows, or build apps.

Usually, these advanced plugin features come at a steep price, but with the free version of Forminator, we’ve made these super valuable features available completely free. Download Forminator from the WordPress plugin repository for free to get started.

Love Forminator? Signup for a free 30-day trial to access our all-in-one WordPress platform including powerful site management tools, fully managed hosting, premium plugins, support for any WordPress issue, and more.

Best of the Best WordPress Caching Plugins Compared 2019

When you play a game of thrones with your site you win or you only slightly improve performance. And who wants that when optimizing your site with a caching plugin, you want to be the very best.

That’s why in this post, we’re going to find who the best cache plugin for WordPress really is. Join us as we compare and review the most beloved WordPress cache plugins for WordPress – Hummingbird vs WP Rocket vs WP Super Cache to see who comes out on top.

Establishing the Baseline: Google PageSpeed Insights

Grades aren’t everything and they don’t determine success in the real world, but they can give you valuable insight into what you need to improve.

Google PageSpeed Insights is no different. When you run a test, you get a sneak peek into what the mighty search engine values. If you can deliver the goods and make the right improvements, such as utilizing lazy loading and next-gen formats, you could massively improve your user experience and SEO at the same time.

Google uses the open source tool Lighthouse to test the quality of webpages based on how they actually perform in the real world. This isn’t just theory. This is real life, as in how does your site perform on a mid-tier device on a shoddy mobile network, realness. So you can see how it’s a pretty valuable test.

In Google PageSpeed Insights, there are three tiers. Anything below 50 is bad news bears. Scores from 50-90 are considered average. While anything above 90 is considered fast, so that’s the territory we want to conquer. We wrote a whole post on how to get a 100 in Google PageSpeed Insights.

But the overall score isn’t the only important metric. The following metrics paint a richer picture about what your visitors’ experience is like on your site:

  • First Contentful Paint – First Contentful Paint marks the time at which the first text or image is painted.
  • Speed Index – Speed Index shows how quickly the contents of a page are visibly populated.
  • Time to Interactive – Time to interactive is the amount of time it takes for the page to become fully interactive.
  • First Meaningful Paint – First Meaningful Paint measures when the primary content of a page is visible.
  • First CPU Idle – First CPU Idle marks the first time at which the page’s main thread is quiet enough to handle input.
  • Estimated Input Latency – Estimated Input Latency is an estimate of how long your app takes to respond to user input..

How We’re Running the Test

We’re going to run two sets of tests on each plugin:

  • First, we’re going to test the default settings for all three plugins. If things are activated or configured out of the box, that’s the way we’re leaving them. We’re basically going to install the plugin, give it a minute to do its thing, refresh the home page a couple of times and then run a Google PageSpeed Insights test.
  • Then, we’re going to flip all the switches and activate all the things and run the test again to see what a difference it makes. The goal is to squeeze as much speed out of WordPress as possible.

In order to get stable results, we’re going to run the test 3 times and return the average.

Starting with a Baseline

The first thing we need to do is establish a baseline and find out how our test site performs without any optimization plugins.

Our initial tests yielded the following results:

Metric Mobile Desktop
Speed Score 36 58
First Contentful Paint 5.5 s 1.8 s
Speed Index 10.8 s 3.8 s
Time to Interactive 6.4 s 1.9 s
First Meaningful Paint 5.6 s 1.9 s
First CPU Idle 5.6 s 1.9 s
Estimated Input Latency 10 ms 10 ms
Screenshot of Google PageSpeed Insights
Baseline Mobile 36
Screenshot of Google PageSpeed Insights
Baseline Desktop 58

Not the worst score, but there’s definitely a lot of room for improvement, especially on mobile.

But enough of all that, let’s get to the good part.

WordPress Cache Plugin Comparison

Contender #1: WP Super Cache

In this corner, we have the crowd favorite with 2+ million downloads, WP Super Cache.

WP Super Cache isn’t an all-in-one optimization solution, it’s more of a do one thing really well solution, and that one thing, is caching.

Caching

For the uninitiated, WordPress uses PHP to generate your site files when a visitor requests them. This process takes time because it takes time to retrieve all the necessary information from the database and assemble your webpage on the spot. It’s like inviting someone over for dinner, but not going to the grocery store to get your ingredients or cooking until they’re on your doorstep.

Caching, by contrast, is what happens if a second guest shows up once the meal is ready. That person doesn’t have to wait for you to get groceries and cook, because the time-consuming part has already been done. You can just assemble a plate for them and voilà! Your dinner page is served.

In WordPress, caching plugins serve up a static version of your page that has already been pre-processed in order to serve the page up faster.

WordPress Cache Plugin Review

So how did WP Super Cache do?

Well for one, there wasn’t really a big difference between the two tests. The plugin performed pretty much the same when we compared the default configuration to the configuration that had all recommended settings turned on. This is a pretty good thing for beginners because you don’t have to do much to get the best results.

Here are the results we got:

Metric Mobile Desktop
Speed Score 40 64
First Contentful Paint 5.5 s 1.8 s
Speed Index 8.3 s 2.7 s
Time to Interactive 6.4 s 1.8 s
First Meaningful Paint 5.6 s 1.8 s
First CPU Idle 5.6 s 1.8 s
Estimated Input Latency 10 ms 10 ms
Screenshot of Google PageSpeed Insights
WP Super Cache Mobile 40
Screenshot of Google PageSpeed Insights
WP Super Cache Desktop 64

So about 6 points higher for both mobile and desktop. If you want just a simple caching solution, WP Super Cache will help, but if you really want to optimize your site, it’s going to take a lot more.

Enter contender #2…

Contender #2: WP Rocket

Now we’re talking. WP Rocket is a full-featured optimization plugin, so there are a lot more than just caching.

After running Google PageSpeed Insights three times, these are our results.

Metric Mobile Desktop
Speed Score 35 58
First Contentful Paint 5.6 s 1.8 s
Speed Index 11.6 s 4.0 s
Time to Interactive 6.4 s 1.9 s
First Meaningful Paint 5.7 s 1.9 s
First CPU Idle 5.7 s 1.9 s
Estimated Input Latency 10 ms 10 ms
Screenshot of Google PageSpeed Insights
WP Rocket Mobile 35
Screenshot of Google PageSpeed Insights
WP Rocket Mobile 58

Not surprising. When you have a plugin with so many options, a lot of them aren’t enabled by default. This is a good thing because you can tweak the settings to suit your site.

One thing that we found odd when running the test, was the mobile version of the PageSpeed insights report was scoring 1 point lower without any plugin, regardless of the Enable caching for mobile devices option. Maybe it wasn’t hitting a cached version? Or I had to visit that page via a mobile device prior to running a score? Strange…

Anyway, after enabling everything related to optimization in WP Rocket, we were given various notices indicating the status of cache preloading, asset generation, etc. That’s a good thing. We waited for all these to complete before running another PageSpeed test.

We also made sure that both the mobile and desktop versions were cached.

After running 3 additional Google PageSpeed Insights scans, we got much better results:

Metric Mobile Desktop
Speed Score 92 98
First Contentful Paint 2.4 s 0.6 s
Speed Index 3.7 s 1.1 s
Time to Interactive 3.0 s 0.7 s
First Meaningful Paint 2.5 s 0.6 s
First CPU Idle 2.5 s 0.6 s
Estimated Input Latency 10 ms 10 ms
Screenshot of Google PageSpeed Insights
WP Rocket Mobile 92
Screenshot of Google PageSpeed Insights
WP Rocket Desktop 98

Although to be fair, one of the desktop tests was a 99.

That’s a hard act to follow. Will Hummingbird be able to beat it?

Contender #3: Hummingbird

Hummingbird is also a dense plugin with lots of powerful options for improving your site performance. Try it out for yourself and run your own test.

We expected Hummingbird to perform similarly out of the box, simply because a lot of options aren’t activated by default.

Our assumptions were spot on. Here are the results we got with the default settings:

Metric Mobile Desktop
Speed Score 36 58
First Contentful Paint 5.5 s 1.8 s
Speed Index 10.9 s 3.8 s
Time to Interactive 6.4 s 1.9 s
First Meaningful Paint 5.6 s 1.9 s
First CPU Idle 5.6 s 1.9 s
Estimated Input Latency 10 ms 10 ms
Screenshot of Google PageSpeed Insights
Hummingbird Mobile 36
Screenshot of Google PageSpeed Insights
hummingbird Desktop 58

As you may recall these results are similar to our baseline.

Now for the fun part. Hummingbird has a lot of optimization modules so we turned them all on.

It took a while for the Hummingbird Optimization module to finish scanning all 178 assets, so if you’re going to do the same test, be patient. We then combined, minified and moved all assets to the footer.

We left jQuery and jQuery migrate in their original locations, which is similar to the compatibility option in WP Rocket.

After making sure mobile and desktop had a cached version like we did with WP Rocket, we ran Google PageSpeed Insights and BAM!

Hummingbird PageSpeed Scores

Metric Mobile Desktop
Speed Score 96 100
First Contentful Paint 1.7 s 0.5 s
Speed Index 2.2 s 0.7 s
Time to Interactive 3.4 s 0.9 s
First Meaningful Paint 1.7 s 0.5 s
First CPU Idle 3.4 s 0.9 s
Estimated Input Latency 10 ms 10 ms

Not only did Hummingbird best WP Rocket on the speed score for mobile and desktop, it also beat WP Rocket when it came to first contentful paint, speed index and first meaningful paint. Hummingbird delivers content faster than WP Rocket, although WP Rocket allows for faster interaction.

WP Rocket PageSpeed Scores (for comparison)

Metric Mobile Desktop
Speed Score 92 98
First Contentful Paint 2.4 s 0.6 s
Speed Index 3.7 s 1.1 s
Time to Interactive 3.0 s 0.7 s
First Meaningful Paint 2.5 s 0.6 s
First CPU Idle 2.5 s 0.6 s
Estimated Input Latency 10 ms 10 ms
Screenshot of Google PageSpeed Insights
Hummingbird Mobile 96
Screenshot of Google PageSpeed Insights
Hummingbird Desktop 100

We think the Hummingbird’s Asset Optimization module gave it an edge because it allows for a very detailed configuration. There is also an inline/defer option in Hummingbird that we didn’t activate because we didn’t need it. After reaching 100 on desktop it felt like an unnecessary flex.

I should also mention that while upgrading to Hummingbird Pro will give you access to all of Hummingbird’s features, such as the Hummingbird CDN, you can accomplish everything else with the free version of Hummingbird.

More Optimization Tips

If your site needs more optimization help, I suggest starting with images since they’re usually one of the worst offenders when it comes to slowing down your site.

This is especially true if they’re not being served correctly or are oversized. Check out our post on how to serve Retina images that don’t slow down WordPress.

Lazy loading your images will also improve performance.

And lastly, I suggest signing up for a free 30-day trial so you can try Hummingbird on your site. And while you’re at it, give Smush Pro a shot too since it’s included with a WPMU DEV membership. Smush Pro has awesome image optimization features. When you combine Hummingbird and Smush, your site will load so fast, it’s going to blow your mind.

Constructing The Perfect WordPress Contact Form: 6 Unbreakable Rules

You do everything you can to build a website that will lead visitors to conversion. As you study the analytics, you’re excited to see that the user journey you’ve created is being taken by those visitors, time and time again. However, there’s something keeping them from converting. Find out what it is in this advanced contact forms guide.

The contact form is a critical part of your visitors’ journey.

Even if you’ve effectively sold them on whatever the website has to offer, a contact form could realistically ruin the experience for them if not executed well.

Broken buttons, confusing fields, too many steps, a disorganized interface… Heck, even the placement of the contact form could disrupt the user experience.

There’s a lot that can go wrong, and in this article we’ll be doing our best to educate you on how you can avoid these things.

More specifically we’re giving you our…

6 Rules For Building the Perfect Contact Form

But hold on, quick PSA first…

Before we go any further, you should know this is an advanced look into the world of WordPress contact forms.

If you want a simple introduction, our getting started with contact forms post is a great place to start.

Then, once you know you need to create more contact forms for your site, the next step is choosing the right contact form plugin to make life easier.

Once you’ve done those things we reckon you’ll be ready and primed for the advanced in-form-ation (heh) that follows.

Moving on…

User logins. Membership sign-ups. Email subscriptions. Quote requests. Questionnaires. Support requests. Order and payment forms.

There are a bunch of different ways to use contact forms on a WordPress site. What doesn’t change, however, are the rules you must abide by if you want the contact form to perform well.

A Google eye-tracking study published in 2014 showed that following the most basic usability guidelines for form design will significantly improve the user experience.

Specifically, when a contact form abides by all the rules, 78% of users can complete and submit them in a single try. When a contact form violates those rules, however, only 42% are able to do it in one attempt.

Curious to know what those rules are? Then keep reading.

Rule #1: Focus on Alignment

As you’ll see in some of the other rules here, people are often concerned with the length of contact forms, which is what often leads to bad design choices.

Take the matter of alignment, for instance.

You might see a form like this one on the BrainTraffic website and think, “Hmmm… but isn’t that a little too long to fill out?”

Perfect Contact Form - BrainTraffic Alignment
This is just a beautifully constructed contact form on the BrainTraffic website.

One way you might think about fixing this “problem” is by shifting the labels to the left-hand side and placing the answer fields on the right.

However, UX experts will tell you that’s a major no-no as it compromises the scannability of the form.

The same thing applies if you were thinking about placing fields next to each other horizontally.

Basically, if you deviate from the label-on-top/field-below-it structure, you’ll create friction within the user experience.

Back in 2010, a set of guidelines were issued regarding the design of web forms called “Simple but Crucial User Interfaces in the World Wide Web: Introducing 20 Guidelines for Usable Web Form Design” .

Google picked those guidelines up in 2014 and put them to the test with an eye-tracking study.

Perfect Contact Form - Google Eye Tracking
It’s clear from this eye-tracking test how much work we’re putting visitors’ eyes through when we don’t pay attention to alignment.

Among their many findings, they concluded that left-aligned forms with labels placed atop each field resulted in an improved user experience.

If you’d like your contact forms to abide by this simple alignment rule, here is what you need to do:

  • Left-align all labels, form fields, and the main call-to-action button.
  • Never align related fields horizontally. You can structure the form logically, but each question or field needs to be stacked vertically.
  • Any field that has multiple choice questions (with under six options) should be displayed in a vertical list of bullet points or checkboxes, not in a drop-down menu.
Perfect Contact Form - WPMU DEV Mobile Button
A really nice example of mobile contact form alignment and design from WPMU DEV.

Not only is this design great for the user experience, but it will help your site bridge the gap between the desktop and mobile experience (especially important as you work towards updating your sites for Google’s mobile-first index).

Rule #2: Include All Relevant Fields

When it comes to designing contact forms, you might think that shorter is better, right?

This actually isn’t always the case. What matters most is that you provide users with all necessary and relevant fields.

Michael Aagaard, the Senior Conversion Optimizer for Unbounce, gave a presentation in 2015 that tackled this very question.

He and his team wanted to know what would happen if they shortened this contact form:

Perfect Contact Form - Unbounce A:B Test 1
Surprisingly, the shorter form did not fare as well as the longer one.

As you can see, they removed what they believed to be unnecessary fields in order to streamline the process of filling out the form.

However, upon concluding the test, they discovered a 14% drop in conversions with the shorter form.

Afterward, they studied which fields had the highest and lowest interactions on the contact form.

Using the original, longer design, they rearranged those fields and updated the labels to clarify what type of information was needed.

They re-ran the test and saw a 19% improvement in leads with the relabeled and reorganized version of the long form:

Perfect Contact Form - Unbounce A:B Test 2
Unbounce found that the keys to improving the longer contact form were in the labels, not the form length.

That’s not always how these tests work out though.

Expedia, for example, found that there was a field in the contact form for “Company” that was confusing customers.

It was optional, but users didn’t necessarily understand that and, in turn, filled out the wrong information which eventually led to their purchase being declined.

When Expedia realized the issue, they removed the field and saw an additional $12 million in revenue the following year.

I would suggest that, when building your own contact form, start with the basic fields as QuickBooks has done here:

Perfect Contact Form - QuickBooks Fields
Only the most necessary fields are included when signing up for QuickBooks.

If you find that conversions aren’t tying out with expectations, study the analytics and see if you can determine which fields are stopping users up from completing the form.

Rule #3: Simplify Input

Regardless of whether your users engage with your contact form using a desktop or mobile device, or whether or not they need assistive technology to help them do it, the form should be equipped to simplify the input process.

Here are some techniques you should be aware of:

Tabbing
For desktop users and those with accessibility issues, make sure your contact form has a logical tabbing order enabled.

Input Masks
Rather than force users to guess how you want certain fields formatted, you can code them with input masks that automatically format them as the user types.

Perfect Contact Form - Social Design House Format
An example of what an input mask looks like from the Social Design House website.

This type of auto-formatting also leads to fewer clicks (especially if a field like a phone number or credit card is broken into multiple fields) and quicker form completions.

Input Types
HTML input types will help users see the right keyboard options as they type on mobile, saving them from having to type everything from scratch (like the “.com” for email).

Perfect Contact Form - Elluminati Adaptive Keyboard
Watch how the keyboard at the bottom of this Elluminati contact form changes based on the field selected.

Google Autocomplete
Rather than code each field to automatically format per the standards it needs to meet, enable auto-fill with the Google Address Autocomplete plugin.

Not only will it help you avoid having to deal with misspellings and improperly formatted addresses, it’ll spare your visitors from having to type most of that information out.

Conditional Logic
If you’re worried about the length of your contact form–especially if it targets different user types and fulfills various purposes–you can use conditional logic to keep it short.

Once the user selects their particular “condition”, only then will the relevant parts of the form be exposed.

Perfect Contact Form - Pixflow Expanded Form
Upon selecting the final field, users are presented additional fields to fill in that are most relevant to their request.

Many contact form plugins come with an extension for this. For example, here’s one for Forminator.

Forminator screenshot with conditional logic button
Create forms with conditional logic using Forminator.

Breadcrumbs
A breadcrumb or progress bar for a contact form isn’t necessarily about simplifying the process of filling out a form.

However, it does help encourage users to finish it as the remaining steps are clearly defined.

Once again, here’s an example of a progress bar using Forminator’s Pagination element:

Add a progress bar to forms to help users navigate more easily through the form-filling process.

Rule #4: Spell Everything Out

While I realize this rule will go against the basic principles behind minimalism, it’s one that you should pay close attention to so you can avoid unnecessarily frustrating your visitors.

Let me explain: You have a contact form that looks simple enough.

Your users fill it out based on what the labels suggest and they hit the submission button.

Then they receive that ugly red message: “You didn’t do it right! Go back, fix the form, and resubmit!”

You’ve likely encountered this as a user and you know how frustrating it can be, especially if some of the information you inputted drops out when the error is thrown.

So, rather than leave users guessing about what needs to be fixed and how, don’t let it get to that point.

Spell everything out along the way:

  • Provide field focus (especially on mobile) so users know exactly where they are in the process of filling out a form.
  • Write out any formatting requirements if you’re not using input masks to auto-format fields.
  • Explicitly state when a field is “Optional” (use the word, not the red asterisk).
  • Give users the ability to show or hide the password field as they enter it.
  • Show an error message as soon as the user has engaged with a field. Don’t wait until the very end to do it.
Perfect Contact Form - Hubspot Error Messages
Hubspot shows the right way to handle error messages in a contact form.

In the aforementioned Google eye-tracking study, they followed up with users who took the test and found that a lack of formatting was often specified as a complaint.

Google suggests providing clear guidelines throughout the form as well as highly visible error messages. In addition, these labels shouldn’t just be in a standard red font.

They should be outlined, colored, and bolded.

Rule #5: Stay Away from Hints

Hint text in a contact form looks like this:

Perfect Contact Form - Target Field
While Target has fixed some of the problems associated with using hint text in form fields, it still might not be enough for users with accessibility issues.

See how Target places the labels within the field? In some contact forms, those labels/hints simply disappear when a user clicks on a field.

Target handles this a little differently and instead shifts the label to the top of the field box (see “email address”).

Regardless of how this is handled, usability experts–like the Nielsen Norman Group–will tell you that this is a bad design practice because:

  • This is problematic for users that are multi-tasking, get distracted, or too quickly tab into the next field. When the hint disappears, users have to back out of the field in order to rediscover what is needed.
  • Hints that disappear also prohibit users from going back over a form to check their work or to fix an error without deleting the response completely to see what’s underneath.
  • The lighter grey text used for placeholder hints isn’t ideal for easy reading.
  • Fields with hint text can be confused for fields that have already had data filled in, leaving users to skip them, submit the form, and receive an error message.
  • Some screen reader tools aren’t capable of reading placeholder hint text.

According to the NNG, users find empty fields more attractive than those that contain hint text.

While it may make your forms look longer to place those labels or descriptors above the field, it’ll improve usability.

Rule #6: Look at Your Buttons

WPMU DEV already has a great guide to designing better buttons, so I’m not going to rehash that. Instead, I want to focus on the few things you can do to improve your contact form buttons.

For starters, always align the primary CTA with the form fields, even if it doesn’t seem logical.

For instance, if you have a “Next” and “Back” button, “Next” should appear on the far left as it’s the action most users are going to take.

Also, try not to use “Reset”, “Clear”, or “Cancel” buttons. Many users get to the bottom of a form and automatically click on the first button they see, thinking it’s the submission button.

If they lose all their answers by erroneously hitting the wrong button, you may find them unwilling to re-submit.

In this A/B test from Unbounce, they found that value-driven copy (even if longer) was more successful in converting users.

Perfect Contact Form - Unbounce A:B Test 3
The CTA text may be longer, but users responded much more positively to the value-driven message.

The updated copy received over 31% more conversions than the original message.

Finally, use trust marks around your contact form buttons when it makes sense.

The CoSchedule statement about no credit card being required is a nice example of this:

Perfect Contact Form - CoSchedule Button
Generally, a great-looking form that does a good job of using “trust mark” text that encourages users to click without hesitation.

But be careful. If you use a trust mark when it’s not needed, it could mislead users into believing they have to hand over sensitive information when that’s not actually the case, as this A/B test from Behave demonstrates:

Perfect Contact Form - Behave A:B Test
You’d assume the TRUSTe trust mark would help increase conversions, but that’s not so in this case.

Version B received almost 13% more submissions than Version A as the security seal led users to believe they’d eventually have to submit payment or other sensitive information through the website.

Time To Apply The In(Form)ation

Contact forms are not a one-size-fits-all kind of thing.

Every website (and business behind the website) has a different goal and, thus, the contact forms within it need to work specifically to help achieve that goal.

If you want to properly execute the rules above while working towards those goals, you have two options.

You can find a WordPress plugin that will help you create a custom WordPress contact form or you can build your own.

A plugin like WPMU DEV’s Forminator gives you the best of both worlds (and it’s free!).

Install the plugin and choose a template to start with, then build the form to suit your specific needs with a range of powerful customization options and settings.

Whatever you decide, just remember that users aren’t necessarily afraid of lengthy contact forms, it’s more about how well you’ve created an experience within the form for them.