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.
Step 2:
Select how you would like the Konfirmi Widget to appear on your WordPress website.
Step 3:
Scroll down and select the Single Sign On (SSO) verification option.
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’.
Step 5:
Click “+ ADD NEW” and enter your full domain URL or IP address. Don’t forget to add the “https://”.
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.
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.
When you return to the Konfirmi dashboard, you can now see the widget you created appear.
…
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.
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’.
NOTE: A message will appear notifying you that your container was successfully attached to the form
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’
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.
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.
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).
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.