WordPress Single Sign On and WooCommerce SSO Tutorial

PART A. What is SSO? an Intro to SSO and the Konfirmi Widget

An Intro to Single Sign On Login and SSO Providers

Konfirmi offers easy customer authentication using many verification methods such as Single Sign On, Multi-Factor Authentication (text/SMS/email verification), age verification (KBA), address verification, facial and ID images and videos, and more.

For this particular tutorial, we show how to set up Single Sign On (SSO) for a WordPress WooCommerce website.

Konfirmi integrates easily into your WordPress site.  The plugin is quick to accomplish the task and simple to setup.

The app blocks spam bots, and allows you to quickly and easily confirm that your customers are who they say they are.  Your customers can register for your blog, fill out forms, and buy products — all without having to create a username and password stored on your site.

In addition, the Konfirmi Single Sign On — or “SSO” — option allows your customers to identify themselves by logging in to their favorite email or social media app.   Konfirmi lets you choose which SSO provider you wish to offer your customers.

These SSO providers include:
– Facebook
– Twitter
– Google
– Microsoft

Your website users then select one of these SSO providers. If they are not logged in, they will then be prompted to do so. And that’s it!

At this point, they can verify themselves using their login credentials from one of the SSO providers — without you needing to write a single line of code!

But how to do this?

How do you add Konfirmi’s SSO plugin for your WordPress website? This is what we’ll be teaching you in this tutorial!

PART B. How to Create an SSO Widget for Your WordPress Website

How to Create a Single Sign On Login Widget with WooCommerce Using Konfirmi

Step 1:
Log in to you Konfirmi account, or create a new account (free trial available) if you don’t have one already. Here’s a video on how to set up Konfirmi in less than 5 minutes.

Once logged into Konfirmi, select “+ CREATE NEW WIDGET” located at the bottom right of the dashboard.

Wordpress Single Sign On and WooCommerce SSO with Konfirmi

Step 2:
Select how you would like the Konfirmi Widget to appear on your WordPress website.

Wordpress Single Sign On and WooCommerce SSO with Konfirmi

Step 3:
Scroll down and select the Single Sign On (SSO) verification option.

Single Sign On Verification Method | Konfirmi

Step 4:
A popup window will come up. Use the checkboxes to select the Single Sign On (SSO) providers you wish to offer your users, and then click on ‘Apply’.

Single Sign On SSO Providers - WooCommerce SSO

Step 5:
Click “+ ADD NEW” and enter your full domain URL or IP address.  Don’t forget to add the “https://”.

Single Sign On SSO Providers - WooCommerce SSO

Step 6:
If you are setting up a Contact Form, then under the ‘WordPress Contact Form’ section, make sure the default setting is set to ‘Yes’.  This will integrate your SSO widget with the contact form on your WordPress site.

If you are setting up WooCommerce, in the next section under ‘Woocommerce’, click on ‘Yes’ to integrate your SSO widget with Woocommerce on your WordPress site.

WooCommerce SSO Widget | Konfirmi

Step 7:
At this point, all that’s left to do is to save your progress by clicking ‘Save’ towards the bottom of the page.

Wordpress Single Sign On and WooCommerce SSO with Konfirmi

When you return to the Konfirmi dashboard, you can now see the widget you created appear.

Konfirmi Widget for Customer ID Authentication

Now that you’ve created the SSO widget in Konfirmi, it is time to connect the SSO widget with WordPress so you can begin authenticating your customers!

PART C. How to Finalize and Test your SSO Widget with WordPress

How to configure WordPress to connect with your new single sign on SSO widget for WooCommerce

NOTE: You can also use Konfirmi to authenticate customer ID or info with WordPress forms like Contact Form 7, Gravity Forms, Ninja Forms, and Caldera, among others. But for the sake of simplicity, we integrate WooCommerce SSO for this particular tutorial.

Step 1:
After you log into your WordPress website, in your WordPress website dashboard, select the ‘Konfirmi’ plugin from the left-side menu.

Wordpress Single Sign On and WooCommerce SSO with Konfirmi

NOTE: Make sure you are signed in to your Konfirmi account. If you are asked to signed in, press the ‘SIGN IN’ button on the top right, and sign in to your Konfirmi account.

Step 2:
Select the dropdown arrow under ‘Widget Integrations’ and then select ‘WooCommerce’.

WooCommerce SSO Widget Integrations | Konfirmi

NOTE: A message will appear notifying you that your container was successfully attached to the form

Wordpress Single Sign On | Konfirmi

NOTE:
At this point, your Konfirmi widget should be ready to use.

Testing Step 1:
Now, let’s check out our WooCommerce form to make sure it’s working. To do this, go to your WordPress page that hosts your WooCommerce checkout form. Complete the form fields and click ‘Place order’

Wordpress Single Sign On and WooCommerce SSO with Konfirmi

Testing Step 2:
At this point, the Konfirmi authentication popup will appear with your personal information pre-filled by default from the checkout form. Click the ‘Next’ button.

Wordpress Single Sign On and WooCommerce SSO with Konfirmi

Testing Step 3:
Choose which SSO provider you’d like to use. Then check the consent box that pops up assuming you agree. Lastly, click next to continue.

Wordpress Single Sign On and WooCommerce SSO with Konfirmi

Testing Step 4:
At this point, the SSO provider’s account login page should pop up. Enter your login credentials, and then click ‘Next’ to authenticate (username and password pages may be separate).

Wordpress Single Sign On and WooCommerce SSO with Konfirmi

Testing Step 5:
If the credentials are correct, you will be authenticated! You’d then be sent to the order confirmation page, or whichever page your site is configured for users to redirect after purchase.

Wordpress Single Sign On and WooCommerce SSO with Konfirmi