The Blog Pros

Menu in view with just CSS * Demystifying the Shadow DOM * ClickWheel.js

Are you looking for the best WooCommerce multi-vendor plugins?

Creating your own online store is great, but you could potentially earn more money by letting other sellers rent a small part of the space. With multi-vendor plugins, you can turn your eCommerce site into a professional-looking marketplace, such as eBay, Amazon, or Etsy.

In this article, we will go over the best WooCommerce multi-vendor plugins so that you can allow other sellers to promote their products on your website.

Why Do You Need a WooCommerce Multi Vendor Plugin?

A WooCommerce multi-vendor plugin allows you to turn your store into a marketplace where vendors can easily sell their products. It adds a feature to your WooCommerce site where other users create their own stores and manage products, payments, and orders.

Rather than trying to tinker with code, WooCommerce multi-vendor plugins are the fastest way to get started.

Creating a marketplace might be useful if your website has a large audience who wants to buy certain products. Maybe you can drive traffic to the marketplace but don’t have the products to sell.

In that case, you can just bring sellers onboard to your marketplace and earn a commission for each sale.

Here are just a few advantages of building your own eCommerce multi-vendor website:

• Earn a commission: As mentioned, you can piggyback on the sales generated by vendors on your site. This is similar to dropshipping, where you can make money online without having to deal with the hassle of managing inventory or shipping.
• An expanded audience: The more sellers on your eCommerce platform, the more customers you’ll have. Each seller brings their own word-of-mouth contacts, established customer base, and social media presence, which means more visitors to your platform.
• Sell a wide range of products: Every seller can add their own unique products or services. This can be either physical or digital products. It’s a win-win for everyone because customers have more products to choose from.
• Save on costs: Creating a marketplace usually takes a huge upfront investment, such as hiring developers to code a website that offers multi-vendor functionality.

With all that said, let’s look at the top WordPress multi-vendor plugins available so you can create a beautiful marketplace that attracts both buyers and sellers.

1. WC Vendors

WC Vendors is the best WooCommerce multi-vendor plugin out there, and it has all the features you need to convert your online store into a marketplace and begin selling third-party products online.

You can easily accept registrations from potential vendors. That way, they can hop on board and start selling on your platform. You can require admin approval, or vendor submissions can be approved automatically.

That said, if you require a more comprehensive application process, it’s best to use a dedicated form builder.

For example, WPForms would allow you to create a multi-page user registration form to collect all the information you need. You may want to ask sellers about the types of products they sell, their current revenue, and whether they already have a retail store.

In addition, the plugin offers plenty of customization options. Individual vendors can create their own storefronts, and they have the ability to easily upload products, manage inventory, and fulfill orders.

Best of all, you can set the commission rate to a fixed or percentage rate. You can even set up a tiered system where you reduce commission rates for top sellers to incentivize them to keep selling on your website.

If you are not ready to commit to a paid plan, then WC Vendors offers a free version to help you get started. You can easily allow vendors to register, and you can set up a commission rate for sales. Beyond that, all vendors have the ability to publish products.

That said, if you want more advanced features, such as creating service or digital product marketplaces, offering more SEO compatibility, adding auction capabilities, and creating membership plans, then you need to install the Pro version.

Pros:

• With its launch wizard, WC Vendors is easy to set up.
• WC Vendors make it easy to accept vendor registrations.
• You can accept customer reviews and ratings on each product page.

Cons:

• While there is a free version, the best features are paid.

Pricing: Starts at $99.50 per year.

Why We Recommend Using WCVendors: We recommend WC Vendors as the best choice for turning your online store into a highly profitable marketplace. It has all the features needed to sell physical products, handcrafted and second-hand goods, digital products, services, and more. Plus, since the plugin supports many WordPress themes and plugins, you can easily integrate all sorts of marketing apps to boost sales and conversations.

To learn more about its features, check out our complete WC Vendors review.

2. Dokan

Trusted by over 60,000+ marketplaces, Dokan is one of the most popular WooCommerce multi-vendor plugins on the market. Like WC Vendors, it lets you create your own online marketplace, similar to Amazon, eBay, or Magneto, in under 30 minutes.

What’s great about Dokan is that each vendor gets their own customizable dashboard on the storefront. They can easily control and navigate each aspect of their store, like creating product listings, managing orders, creating coupons, and viewing sales reports. However, the backend access is restricted to those with admin access only.

Dokan has arguably the most available payment gateways, with over 100+ integrations, including Apple Pay, Stripe Express, Google Pay, Razor Pay, and more. Vendors can enjoy automatic payment distribution, meaning that the plugin automatically calculates and distributes payouts with the commissions already included.

Also, vendors can easily manage shipments as well by selecting their own shipping zones or setting flat-rate shipping. It’s a good idea to have a built-in shipping calculator at the checkout page so customers can view the final price to avoid unexpected surprises.

Pricing: Free to get started with limited features. But if you want a full-featured marketplace with product bulk edits, multiple commission types, and reporting, the plans start at a one-time fee of $559.

Pros:

• Dokan has 20+ extensions, allowing you to add a lot of different functionalities to your marketplace.
• The plugin has a built-in order tracking system so vendors and customers can see the status of their shipments.
• It is an easy-to-use plugin with an intuitive interface.

Cons:

• Dokan’s paid plan is more expensive than WC Vendors.
• It doesn’t have advanced commission settings like WC Vendors.

Why We Recommend Using Dokan: It’s hard to argue against Dokan, especially with all of its add-ons and integration capabilities. Dokan also provides all the essential features you need, like commission settings, vendor customization, and more.

3. MultiVendorX

MultiVendorX is one of the best plugins for creating a niche marketplace. What’s cool about MultiVendorX is that you are not limited to making just an eCommerce marketplace.

You can also add subscriptions, auction features, or even a rental marketplace. Let’s say you wanted only to sell handmade goods, similar to how you would use Etsy. With MultiVendorX, you are in total control.

MultiVendorX gives you a wider range of monetization strategies than other platforms. While you can charge a commission fee, you can also charge subscription fees, listing fees, pay-per-contact, pay-per-action, or a mixed model. Pay-per-contact and pay-per-action would be best suited to a service marketplace.

For example, when a user books a table at a restaurant through your marketplace, you would get paid for that.

MultiVendorX also offers an easy-to-read analytics dashboard so that you can view sales performance. You can filter by vendors, products, product categories, and more.

There’s even a Google Analytics integration that allows you to track your traffic sources. That being said, we recommend using MonsterInsights to get insights from Google Analytics directly in your WordPress dashboard.

Pricing: Free to get started, but if you want advanced features, plans start at $399 per year.

Pros:

• Lots of available monetization strategies.
• Vendors can create a product catalog.
• You can create many types of niche marketplaces.

Cons:

• Paid plans are more expensive due to their diverse feature set.

Why We Recommend Using MultiVendorX: If selling products isn’t your main focus, then MultiVendorX might be the perfect solution. It allows you to create niche, subscription-based, and auction marketplaces. So whether you want to be the next eBay or Craigslist, there’s something for everyone. The plugin offers many monetization options, so you are not just limited by charging commissions, either.

4. WooCommerce Product Vendors

WooCommerce Product Vendors is an official plugin from WooCommerce that allows you to turn your store into a powerful marketplace. At its core, the plugin lets you:

• Build a diverse community of sellers.
• Set a commission rate for each vendor.
• Receive detailed earnings and sales.

While vendors don’t have the same level of customization over their storefronts as plugins like WC Vendors or Dokan, they do still have some control. For example, they can manage their shipping rules, view sales performance, control their public profiles, and send customers tracking numbers.

The biggest advantage to using this plugin is that it’s a part of the vast WooCommerce ecosystem. It allows you to sell anything from digital downloads and handmade products to music, themes, photographs, and more. You could even sell services and have customers book appointments using WooCommerce Bookings.

Pricing: It costs $119 per year.

Pros:

• You can tailor the appearance of vendor pages to align with your brand.
• Woo Product Vendors allows you to onboard new sellers easily with a customizable registration form.
• Vendors can manage their product listings, orders, and inventories.

Cons:

• Vendors must have PayPal accounts to use the plugin’s automatic payout feature, which can be very limiting for sellers in certain regions.
• It doesn’t allow vendors to customize the front end of their store.

Why We Recommend Using Product Vendors: WooCommerce Product Vendors is a simple solution that lets you easily turn your store into a multi-vendor site. You can enable commissions based on a set amount, percentage, store, product, vendor, or individual. Beyond that, you can set payouts to send on a schedule like weekly, bi-weekly, or monthly.

5. YITH WooCommerce Multi Vendor / Marketplace

YITH WooCommerce Multi Vendor is a beginner-friendly WooCommerce multi-vendor plugin that allows you to create and manage an eCommerce marketplace similar to AliExpress, SHEIN, or Amazon. It comes with both free and paid versions, so you can test the tool before making a commitment.

What’s unique about the YITH WooCommerce Multi Vendor plugin is that you can customize what appears on the vendor side. For example, you can perform actions like setting the seller’s header size and color, customizing the related products section, and more.

You also get instant compatibility with all of the YITH plugins. For instance, if you wanted to add reviews of all products to each listing, then you could connect your site to the YITH WooCommerce Advanced Reviews plugin.

Pricing: It costs $149.99 per year.

Pros:

• You can easily set up your marketplace.
• The plugin allows you to customize the registration form and approve or reject vendor applications.
• As the marketplace owner, you can set vendor permissions.

Cons:

• Vendors don’t have a lot of customization options to personalize their own store.

Why We Recommend Using YITH WooCommerce Multi Vendor: We like the YITH WooCommerce Multi Vendor plugin because it gives the owner a lot of control over what vendors can and can’t do. You can set the commissions and permissions. for instance, you can decide whether you want to allow them to generate coupons, manage reviews, or limit the number of products they can publish.

6. WCFM Marketplace

WCFM Marketplace is a free marketplace plugin from the WordPress repository. It has a lot of the essential features you’d expect, like flexible commissions, vendor registration, bulk product uploads, and more.

Vendors have a lot of control over their shipping rates. They can set them by zone, country, distance, weight, country, and even zip code.

The plugin also gives the marketplace owner a lot of control. For instance, you can set the rules for withdrawals and disbursements. It also supports reverse withdrawals in the event that a customer requests a refund.

You can configure the refund settings for vendors. For instance, you may want refunds to be auto-approved or set up to enforce a threshold number of days for permissible refunds.

But if you want additional features, then the WCFM Marketplace has a wide range of paid add-ons. For example, the WooCommerce Frontend Manager addon allows you to set store hours, store vacations, add reviews, and more.

The Analytics addon gives you the ability to analyze visitors and sales by product category, specific products, traffic sources, etc.

Pricing: Free to get started, but they offer a variety of premium extensions available that range between $19 to $249+.

Pros:

• Marketplace owners have a lot of control over setting rules for operating their multi-vendor stores.
• It is a relatively affordable plugin with a free plan.
• Vendors can configure the store’s SEO by placing appropriate keywords.

Cons:

• There are complaints about the quality of customer service.
• You need to pay for add-ons to allow vendors to customize and manage the front end of their stores.

Why We Recommend Using WCFM Marketplace: WCFM Marketplace is a good option with a wide range of feature sets for both the marketplace owner and vendors. Plus, unique customizations such as seller verification and badges are available. The verification ensures a seller verifies they are a real person, and the badge will showcase the best vendors on your site.

7. Easy Digital Downloads

Easy Digital Downloads is a popular plugin for selling digital products like ebooks, courses, audio, pdf, templates, and more.

While it’s not a WooCommerce plugin, it’s the best choice for people looking to turn their website into a digital product marketplace.

With the Frontend Submissions addon, you can configure your own eCommerce store for selling third-party products. Once configured, you can allow anyone to sell digital products through your store, similar to Etsy or Gumroad.

On the front end, vendors can register to become sellers in your marketplace. Upon approval, they’ll be given access to a vendor dashboard, where they can create new products, add product pages, manage orders, access revenue stats, and communicate with customers.

What’s also cool about this addon is that it integrates with the Reviews extension. That way, customers can rate and leave reviews on the products they’ve purchased. Vendors get valuable feedback about their products and can leverage these reviews as social proof for more orders.

Everything is drag-and-drop, so vendors can easily build out their product listings without writing code. All they do is add a product description, upload images, and set their pricing.

For a full tutorial, check out our complete guide on how to create a digital product marketplace in WordPress.

Pricing: Starts at $99.50 per year.

Pros:

• Easy registration process for vendors.
• Vendors can easily create their own storefronts since everything is drag-and-drop.
• Vendors have the power to track their stats and communicate with customers.

Cons:

• Easy Digital Downloads is geared towards selling digital products, not physical products.

Why We Recommend Using Easy Digital Downloads: If you plan on selling digital products, then Easy Digital Downloads is the perfect choice. While it’s not a WooCommerce plugin, it still works for all WordPress websites. Easy Digital Downloads also comes with a wide range of extensions like multi-currency capabilities, email marketing service and payment gateway integrations, add-to-cart pop-ups, and more.

Other Useful Plugins for WooCommerce Websites

Besides having a WooCommerce multi-vendor plugin to simply create the marketplace, you might want to download a few additional tools to help provide sellers and buyers with a better user experience.

Here are a few tools to consider.

8. TeraWallet

TeraWallet is a free WordPress plugin that lets your customers easily store money in a digital wallet on your multi-vendor marketplace website.

Returning buyers can add money to their wallets using a variety of payment methods and later use it to make purchases. With this plugin installed on the website, customers won’t have to fill in their payment details every time or for every vendor they purchase from.

Beyond the core wallet functionality, TeraWallet has a useful cashback and rewards system that allows you to provide discounts to customers based on their purchases.

For instance, you can set cashback rates for specific categories or products and even provide bonus cashback during special events or seasonal promotions. This is a great way to build customer loyalty and drive more buyers to your marketplace.

Pricing: Free to use

Pros:

• The plugin is free to use.
• Customers can deposit funds, transfer money to other users, and make purchases with their wallet balance.
• Customers can even make partial payments with the balance and the remainder with their credit cards.

Cons:

• It’s not a multi-vendor-specific plugin, so it works for regular WooCommerce and online stores, too.

Why We Recommend Using TeraWallet: We like TeraWallet as a plugin to improve the user experience. If you want your customers to keep returning to your website, then it’s a good idea to ensure a seamless checkout experience. With TeraWallet, customers can keep an account balance, and sellers can reward them with cashback.

9. Product Feed PRO for WooCommerce

Product Feed PRO for WooCommerce is a plugin that helps you set up better eCommerce marketing campaigns.

It helps you add product feeds to your marketing channels, such as Facebook, Google Shopping, Bing Ads, and others. Adding these feeds will help you showcase your top sellers, which help you boost their sales. Best of all, this plugin has an unlimited number of products you can put in your product feeds.

In addition, you can set various filters and rules to show only your vendor’s most profitable products. You can exclude products that are low on stock, have low-profit margins, or only include products on sale.

Pricing: Free to use

Pros:

• Free and paid versions are available.
• Filter rules so you can show the best products for your marketing campaigns.
• 100+ templates included for marketplaces and comparison shopping engines.

Cons:

• It is not designed explicitly for multi-vendor sites, so each seller does not get their own control set.

Why We Recommend Using Product Feed Pro for WooCommerce: We like Product Feed Pro for WooCommerce because it’s a good way to help advertise your marketplace. Adding product feeds to your Google Shopping campaigns will allow you to showcase some of the most popular products on your website and, in turn, help out your vendors.

How to Choose the Right WooCommerce Multi-Vendor Plugin

Not all WooCommerce multi-vendor plugins are made equal. That’s because you may have specific needs that are different from those of other eCommerce marketplaces.

But still, here are some key features and factors to consider when making your decision.

Vendor Management Tools

At the heart of a successful eCommerce marketplace is the ability to easily manage multiple vendors. So, you’ll want to look for vendor management features such as:

• Unlimited product uploads and variations
• Inventory management
• Sales data and reporting dashboard
• Shipping management
• Vendor Registration

For instance, WC Vendors provides a full vendor dashboard so you can see all of your orders and shipment status.

The idea is that the plugin should be able to handle all multi-vendor activities, contributing to smoother operation.

Individual Vendor Stores

Your branding plays a vital role in attracting vendors and customers. That means your chosen platform offers a high level of customization.

These customization options may include things like flexible layout designs, adjustable themes, and personalized storefronts for vendors. Each vendor must have its own independent storefront with unique URLs that customers can send.

On top of that, vendors should have the power to add custom dashboard logos, unique headers, and product descriptions.

Commission Structure

Since you are responsible for driving all the traffic to your marketplace, it’s a good idea to have a commission structure in place.

The best multi-vendor plugins offer a flexible commission system. Under this system, you can charge vendors a fixed or percentage fee for every successful sale made through your platform.

For instance, WC Vendors allows you to set multiple commission types. You can even offer tiered commissions based on product price, product sales, or total sales.

Essentially, it allows you to take a small cut to provide the customer base, infrastructure, and platform so that vendors can sell their products or services.

Payment Gateways

Without convenient payment gateway options, there’s a good chance your visitors will abandon their shopping carts.

No matter how many pop-ups, social proof, countdown timers, or other trust badges you add, customers need a reliable payment option they can trust, like Stripe and PayPal.

These are trusted WooCommerce payment gateways available in most countries. They allow you to process credit card payments. Furthermore, customers know they can always contact these payment providers should a problem arise with their order.

Integration and Third-Party Apps

Your multi-vendor plugin is just one part of your entire eCommerce ecosystem. You’ll need other third-party apps such as inventory management systems, email marketing services, accounting software, and help desk plugins.

For example, adding various WooCommerce shipping plugins is probably helpful so that customers can calculate extra fees before checkout and track their orders after making a purchase.

WC Vendors offers integrations with UPS and FedEx shipping plugins, which is helpful for getting accurate shipping costs and handling returns.

Navigation and Search

When customers land on a marketplace site, they expect a smooth shopping experience. Slow website performance or a lack of mobile responsiveness are a few factors that could increase bounce rates.

But beyond that, it’s helpful to have a search bar on your site along with a filter option. For example, WC Vendors provides a sorting feature so users can easily sort through products by rating, price point, and popularity.

They also have an intuitive search functionality so shoppers can find the products they’re looking for without needing to scroll through pages of product listings.

Documentation and Customer Support

When an issue comes up, getting the error fixed should be the top priority. That’s why you want to look for a multi-vendor plugin with a dedicated support team that you can easily reach.

It should also provide a comprehensive knowledge base with documentation showing you how to perform every single function offered by the platform. Ideally, there should also be a way to submit a support ticket or a live chat feature where you can speak with a customer service representative.

Frequently Asked Questions About WooCommerce Multi Vendor Plugins

What is the best multi-vendor plugin for WooCommerce?

Based on our experience and testing, WC Vendors is the best multi-vendor plugin for WooCommerce. Its combination of user-friendliness, customization, and diverse feature sets makes it the most popular choice for building your own online marketplace.

Why create a multi-vendor marketplace?

Creating your own marketplace allows you to stand out from the pack. You can create niche multi-vendor platforms to serve a specific audience, such as a marketplace for hand-crafted goods or an online booking system for online contractors. The possibilities are endless. By creating a multi-vendor site, you can earn an additional income stream with commissions and serve a niche audience.

With all that in mind, WC Vendors is the best overall multi-vendor plugin for WooCommerce since you can sell physical goods, digital products, services, and subscriptions. That said, MultiVendorX offers multiple monetization methods like charging a subscription model, listing fees, or pay-per-action.

We hope this article helped you find the best WooCommerce multi-vendor plugin for WordPress. You may also want to check out our curated list of the best WooCommerce plugins for your store and the best WooCommerce WordPress themes.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 9 Best WooCommerce Multi-Vendor Plugins (Compared) first appeared on WPBeginner.

We rarely read on the web. We mostly scan. That’s a reliable strategy to quickly find what we need in times when we’re confronted with more information than we can handle. But scanning also means that we often skip key details. This is not only inefficient but can also be very damaging to your business.

Let’s explore how users read — or scan — on the web and how we can prevent harmful scanning patterns.

This article is part of our ongoing series on design patterns. It’s also an upcoming part of the 10h-video library on Smart Interface Design Patterns 🍣 and the upcoming live UX training as well. Use code BIRDIE to save 15% off.

Scanning Patterns On The Web

One of the most common scanning patterns is the F-shape pattern. Users start at the top left, read a few lines, and then start to scan vertically. But it isn’t the only scanning pattern on the web. Being aware of different patterns is the first step to helping users better navigate your content.

Different patterns describe how users scan content on the web. The F-shape pattern is probably the best-known one.

• F-Pattern
  Users first read horizontally, then read less and less until they start scanning vertically. The first lines of text and the first words on each line receive more attention. It also applies to LTR-interfaces, but the F is flipped.
• Layer-Cake Pattern
  Users scan consistently across headings, with deliberate jumps into body text in between. Most effective way to scan pages and find key content details.
• Love-at-First-Sight Pattern
  Users are often “satisficers,” searching for what’s good enough, not exhaustive enough. In search results, they often fixate on a single result.
• Lawn-Mower Pattern
  In tables, users start in the top left cell, move to the right until the end of the row, and then drop down to the next row, moving in the same pattern.
• Spotted Pattern
  Skipping big chunks of text and focusing on patterns. Often happens in search when users look for specific words, shapes, links, dates, and so on.
• Marking Pattern
  Eyes focus in one place as the mouse scrolls or a finger swipes. Common on mobile more than on desktop.
• Bypassing Pattern
  Users deliberately skip the first words of the line when multiple lines start with the same word.
• Commitment Pattern
  Reading the entire content, word by word. Happens when users are highly motivated and interested. Common for older adults.

F-Shape Scanning And The Lack Of Rhythm

On the web, we often argue about the fold, and while it does indeed exist, it really doesn’t matter. As Christopher Butler said, “length is not the problem — lack of rhythm is.”

A designer’s main job is to direct attention intentionally. Scanning is partial attention. Reading is focused attention. A screen without intentional rhythm will lose attention as it is being scanned. One with controlled rhythm will not only retain attention, it will deepen it.

Think of F-shape scanning as a user’s fallback behavior if the design doesn’t guide them through the content well enough. So prevent it whenever you can. At least, give users anchors to move to E-shape scanning, and at best, direct their attention to relevant sections with Layer-Cake scanning.

Direct Attention And Provide Anchors

Good formatting can reduce the impact of scanning. To structure scanning and guide a user’s view, add headings and subheadings. For engagement, alternate sizes, spacing, and patterns. For landing pages, alternate points of interest.

Users spend 80% of the time viewing the left half of a page. So, as you structure your content, keep in mind that horizontal attention leans left. That’s also where you might want to position navigation to aid wayfinding.

Generally, it’s a good idea to visually group small chunks of related content. To offer anchors, consider front-loading headings with keywords and key points — it will help users quickly make sense of what awaits them. Adding useful visuals can also give users points to anchor to.

Another way to guide users through the page is by adding few but noticeable accents to guide attention. You will need visible, well-structured headings and subheadings that stand out from the other content on the page. In fact, adding subheadings throughout the page might be the best strategy to help users find information faster.

Data-heavy content such as large, complex tables require some extra attention and care. To help users keep their position as they move across the table, keep headers floating. They provide an anchor no matter where your user’s eyes are focusing and make it easier to look around and compare data.

Key Takeaways

• Users spend 80% of time viewing the left half of a page.
• They read horizontally, then skip to content below.
• Scanning is often inefficient as users miss large chunks of content and skip key details.
• Good formatting reduces the impact of F-scanning.
• Add heading and subheadings for structured scanning.
• Show keywords and key points early in your headings to improve scanning.
• For engagement, alternate sizes, spacing, patterns.
• For landing pages, alternate points of interest.
• Visually group small chunks of related content.
• Keep headers floating in large, complex data tables.
• Add useful visuals to give users points to anchor to.
• Horizontal attention leans left: favor top/left navigation.

Useful Resources

• How People Read Online, by Kate Moran
• Layer-Cake Pattern of Scanning, by Kara Pernice
• Horizontal Attention Leans Left, by Therese B. Fessenden
• F-Shaped Pattern: Misunderstood, But Still Relevant, by Kara Pernice
• The Fold Exists, But It Doesn’t Matter, by Christopher Butler
• Best Practices for Better Scannability, by Nemanja Banjanin
• Golden Rules of Web Typography, by yours truly

Meet Smart Interface Design Patterns

If you are interested in similar insights around UX, take a look at Smart Interface Design Patterns, our 10h-video course with 100s of practical examples from real-life projects — with a live UX training later this year. Everything from mega-dropdowns to complex enterprise tables — with 5 new segments added every year. Jump to a free preview.

Meet Smart Interface Design Patterns, our video course on interface design & UX.

100 design patterns & real-life examples.
10h-video course + live UX training. Free preview.

Do you want to add Google Authenticator 2-step verification to your WordPress site?

Passwords alone aren’t enough to ward off hackers and unauthorized users. Luckily, using Google Authenticator 2-step verification can add an extra layer of security to your website.

In this article, we will show you how to add 2-step verification on your WordPress site using the Google Authenticator app.

What Is the Google Authenticator App, and Why Do You Need It for Your WordPress Site?

The Google Authenticator app is a mobile application that adds a second layer of authentication every time you log in to a third-party app or website like WordPress.

Unfortunately, passwords can sometimes be cracked. If you are using the same password on numerous websites, then a security leak on one puts your other accounts in danger. Often, people are lazy, and they don’t change their passwords even after they get an email about a security compromise on a major site.

Well, the 2-step verification is the solution just for that. Even if the hacker knows your WordPress username and password, they will not be able to access your WordPress website unless they have a time-restrained random security code (provided by Google Authenticator).

Because your blog is directly connected to your mobile device, you will be the only person with access to retrieve the unique code for each login. The code expires in a short amount of time for security purposes.

The Google Authenticator app is just one example of a mobile application that provides two-factor authentication (2FA) for various online accounts and services.

It generates time-based one-time passwords (TOTPs) that serve as the second factor for authentication when logging into an account.

If you still aren’t convinced about the importance of WordPress security, then you should probably see how one of Wired.com author’s digital life was destroyed.

After reading that story, we jumped on board with the 2-step authentication for our Google accounts and most other services that offer this feature. If you are as security-conscious as we are and you value your blog, then you should follow this tip to improve your WordPress security.

To further improve your security, we recommend looking at other methods as well. For example, software like 1Password can help you manage your passwords in one place and ensure they are strong enough to withstand potential hackers.

With that said, let’s jump into the tutorial on how to add Google Authenticator 2-step verification to your WordPress site.

How to Add Google Authenticator in WordPress

The first thing you need to do is install the Google Authenticator app on your phone. We are going to use the iOS terminology for the sake of this tutorial, but the process is similar for other devices as well.

Step 1: Install Google Authenticator App on Your Mobile Device

Visit the App Store, search for ‘Google Authenticator’, and then click on ‘Install’ for the application.

Now, let’s get back to your WordPress dashboard.

Step 2: Install MiniOrange’s Google Authenticator Plugin

Go ahead and install and activate the MiniOrange’s Google Authenticator plugin. For more details, you can see our step-by-step guide on how to install a WordPress plugin.

This is a free WordPress plugin that helps protect your site from unauthorized access. Every time you log in to WordPress, you’ll be asked to enter the one-time passcode from the Google Authenticator app to verify your identity.

Upon activating the plugin, you’ll be taken to a setup wizard. Just follow the process to set up your Google Authenticator two-factor authentication in WordPress.

Step 3: Complete the Setup Wizard

Start by clicking on the ‘Let’s get started!’ button.

Next, you will be asked whether you want to set up 2FA after your first login or within the plugin dashboard. Either method is fine.

Click ‘Continue Setup.’

The next step is to choose who you’d like the 2FA to apply to. You can either select all users for maximum security, or you can only have it apply to certain user roles.

Then hit ‘Continue Setup.’

Lastly, you’ll be asked whether or not you’d like to directly enforce 2FA immediately or give users a grace period.

If you choose to give users a grace period, then you can select how long that would be in hours and days. Once that is complete, click on ‘All Done.’

Now that you are done with the setup process, you can decide whether you want to set up 2FA for yourself now or later.

Go ahead and hit the ‘Configure 2FA for yourself’ button.

From here, you’ll be asked to enter the method of 2-factor authentication you’d like to add to your WordPress site.

For this tutorial, we will choose ‘Google/Microsoft/Authy Authenticator.’ Then, just hit the ‘Save & Continue’ button.

Next, you’ll be asked to scan the barcode on the screen. That means you’ll have to pull up the Google Authenticator app on your phone and scan the barcode displayed.

In your Google Authenticator app on your mobile device, hit the ‘+’ icon at the bottom and then select ‘Scan a QR code.’ Then, point your phone camera to your computer screen to scan the barcode.

From here, a one-time passcode (OTP) will appear on your mobile device.

Type that into step 2 on your computer. From there, you can click on ‘Save & Continue.’

Now, you should receive a message that says that you’ve successfully configured two-factor authentication.

Simply select ‘Advance Settings.’

Step 4: Add Security Questions

In addition to adding Google Authenticator 2-factor authentication, you probably want to also add security questions as well.

If you can’t access your Google Authenticator app, then you can still log in to your WordPress website if you answer the security questions that you’ve set up for yourself.

You’ll need to head over to the Mini Orange 2-Factor » Two Factor page in your WordPress admin dashboard. Then, in the Setup 2FA For Me tab, find the Security Questions method and click on ‘Reconfigure.’

Keep in mind that you can also set up other types of two-factor authentication methods, such as email verification, OTP over SMS, OTP over email, OTP over Telegram, and even Duo Authenticator.

Next, you’ll be able to select up to three security questions. You can select two of them from a dropdown menu, and the third will be a custom question that you can come up with on your own.

Then, type in the answer for each of them and hit the ‘Save’ button.

Step 5: Test It for Yourself

Once everything is set up, you can test it out yourself.

Simply log out of your WordPress dashboard and try to log back in.

You will now be taken to a page where you can either answer security questions or use the Google Authenticator to enter your one-time passcode.

Go ahead and select the ‘Google Authenticator’ option.

On this screen, you will be asked to enter your OTP from your Google Authenticator app.

Type in the code and then click ‘Validate.’

Now, you will land back into your WordPress admin dashboard, as usual.

Lastly, we recommend that everyone turn on 2-step verification on their Google accounts. You can also configure that with Google Authenticator, as shown in this tutorial.

We hope this article has helped you add Google Authenticator 2-Step verification to your WordPress website. You may also want to check out our article on the most common WordPress errors and how to fix them or our ultimate guide to boost WordPress speed and performance.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post WordPress Security Tip: Add Google Authenticator 2-Step Verification first appeared on WPBeginner.

If you tend to follow React stuff, you might know that React has a new thing called “Server Components”. Mayank has an excellent blog post about them. It starts out with calling out the nice things about them, and then fairly calls out all sorts of not-so-good things about them. Me, I think it’s all weird as hell. Just the fact that React was “just a UI library” for so long now needs a Node.js server behind it to take full advantage is a heck of a leap. And it’s already gone so far that you have to say "use client" when you want a component not to be a server component? (But actually it means: “it’s both a server component and a client component”). Ooof.

I’d link you to the docs for Server Components, but there aren’t any. There is just an update blog post, and little mention in the Bleeding-edge React frameworks section:

These features are getting closer to being production-ready every day, and we’ve been in talks with other bundler and framework developers about integrating them.

So if you want to use them, you may only do so in Next.js. If you’d like to build them into your framework, you hold your breath until the React team reaches out to collaborate. Maybe that’s a little unfair, but I don’t see what you’d read to get started with it all, aside from trying to dig through Next.js code and see how they did it. We use Next.js here at CodePen so we’ll be able to take advantage, I just think it all feels strange.

Next.js is an ultra popular way to use React. So if you just happen to be using Next and staying up to date, you’re using Server Components. That might be advantageous to you. That’s frameworks at their best, really. You do very little, frameworks evolve and you take advantage of the magical things they do behind the scenes. But reality has shown that framework upgrades can be painful. Rarely are there major version upgrades that don’t require work due to incompatibilities. One casualty of this Server Side Components changeup is most of the CSS-in-React landscape.

Josh Comeau has a solid deep dive into this situation. It’s ultimately a pretty simple problem with no real solution at the moment for some of the libraries, like styled-components, arguable the biggest player:

The fundamental incompatibility is that styled-components are designed to run in-browser, whereas Server Components never touch the browser.

Internally, styled-components makes heavy use of the useContext hook. It’s meant to be tied into the React lifecycle, but there is no React lifecycle for Server Components. And so, if we want to use styled-components in this new “React Server Components” world, every React component that renders even a single styled-component needs to become a Client Component.

It’s not the end of the world because, well, if you use them your stuff will need to be client-side only like it already is.

Just to prove what a smart, forward-thinking, attractive, good-smelling person I am, I’ve long been a fan of CSS Modules, and they have no such problem, as they don’t promise to do dynamic things that only JavaScript can do, it’s largely just a scoping API. Likewise, any other of these CSS-in-React libraries that promise “Zero-Runtime” are in good shape. That was really the way to go all along, if you ask me. Styling choices shipping as static CSS is with the grain of the web in a good way.

React is evolving in other similarly massive ways as well. Adrienne Ross has a pretty great rundown in Get your codebase ready for React 19. The massive thing is that it’s going to be a compiled framework (!!!!?!). So totally gone is the “it’s just a UI library” situation that was never really true but now is extremely very not true. While it’s a massive change for React itself, I imagine it won’t be a massive change for developers. People developing with React are almost certainly using a build process anyway and the React compiler will become a part of that. If you’re on the Next bandwagon, surely it will smurf its way into that pipeline. Maybe it will only be available in Next?! I’d say that sounds wild, but since that’s literally what is going on with Server Components, it almost seems likely.

Svelte feels like the first major framework of this generation to require a compiler, and by and large I think people applaud it. It makes client side bundles smaller and it makes authoring work easier. Easier, because you aren’t responsible for figuring out specific details when the framework needs help being performant. The use of useMemo and useCallback in React are performance-specific hooks that if you aren’t using or using incorrectly are hurting your application. That sucks. The fact that you don’t have to think about them anymore with a compiler is a welcome upgrade.

What I’d like to see, and I know there are many who agree here, are client-size bundles sizes actually coming down. In that first article I linked up, Mayank noted that despite Server Components existing now, JavaScript bundles headed to the client are increasing. Again, that sucks. I’m sure the story is very different in fully fleshed out applications that can take big advantage of Server Components than it is for a Hello, World scaffold, but still, we want them coming down across the board.

React is such a monster player on the web right now, I think of it in the Too Big to Fail category. Whatever whacky choices they make, developers will just fall in line. Companies write checks for developers that know React, and the job market sucks right now, so the pressure is even higher to know React. Perhaps even force yourself to love it.

Technologies do tend to come and go. I’m sure we all have our own examples of web tech that was once big and is now all but gone, or at least gone from good graces. But when tech gets big enough, it tends to not go. WordPress is huge, and it’s been huge every second of my entire web dev career. To me it echos social media in a way. In the middle days of Facebook, it’s demise was often predicted. Friendster died, after all. MySpace bit the dust. Google+ came and went. People are fickle. So too will Facebook die and be replaced by the new and shiny. But it didn’t, and it’s demise is no longer predicted. It’s too big to fail. So too is React.