> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ownid.com/llms.txt
> Use this file to discover all available pages before exploring further.

# WooCommerce

> OwnID’s WordPress/WooCommerce plugin is a completely no-code way to add passwordless authentication to your website with a few clicks.

export const connector_name_0 = "WordPress"

Integration with WooCommerce gives you full access to the OwnID features that simplify and streamline the login experience for your users.

## How it Works

<Frame type="glass">
  <img src="https://mintcdn.com/ownid/i3kGqVa3mIaTdz4d/images/woocommerce-login.png?fit=max&auto=format&n=i3kGqVa3mIaTdz4d&q=85&s=121c47b8a0d50b79413b99815c670260" alt="Passkeys Login" width="2698" height="1198" data-path="images/woocommerce-login.png" />
</Frame>

OwnID supports integration with WooCommerce through our pre-built Connector.

<img src="https://mintcdn.com/ownid/FZ6hme-wnXgWbl15/images/oi-tile-woo.png?fit=max&auto=format&n=FZ6hme-wnXgWbl15&q=85&s=0839157cd1d59fa8cb8094a999b0d01d" width="200" alt="SAP Customer Data Cloud Connector tile from in OwnID Console" data-path="images/oi-tile-woo.png" />

## Installing the OwnID Plugin

To download and install the OwnID plugin, access the official [plugin page](https://wordpress.org/plugins/ownid-passwordless-login/), or search for it directly in the `WordPress > Plugins` admin menu.

## Configuration Steps

An OwnID application connects your WordPress website with the OwnID button in the front end.

An OwnID App is what connects the existing identity provider used by your website with the OwnID widget you insert on the front end.

<img src="https://mintcdn.com/ownid/FZ6hme-wnXgWbl15/images/oi-widg-s.png?fit=max&auto=format&n=FZ6hme-wnXgWbl15&q=85&s=bf7a9470aa987db7e13fa9eabb6343aa" width="200" alt="OwnID Widget" data-path="images/oi-widg-s.png" />

<sup> OwnID widget </sup>

Each of your OwnID Apps acts as the central point of configuration for each of your integrations. These no-code Apps are created, hosted, and maintained entirely within the OwnID Console environment.
When you create an App, it's assigned a unique `appId` automatically. Use that `appId` in OwnID SDK interaction from your website’s front end.

#### To Create an OwnID App

1. Login to the [OwnID Console](https://console.ownid.com) (or create your account).

2. Click **+Create Application** from the Apps screen.

3. Enter a name for your application in the *App name* field.

4. From the *Choose your integration* panel, select the *{connector_name_0}* tile. <img src="https://mintcdn.com/ownid/FZ6hme-wnXgWbl15/images/oi-integ-tiles.png?fit=max&auto=format&n=FZ6hme-wnXgWbl15&q=85&s=5bf0883b7b5a978e8d6cebd790538e47" width="400" alt="Profile editor" data-path="images/oi-integ-tiles.png" />

5. Click **Next**.

6. Enter the website URL to your *{connector_name_0}* application instance and click **Continue**.

7. Click **Explore my App** on the "Congratulations" popup. <img src="https://mintcdn.com/ownid/FZ6hme-wnXgWbl15/images/oi_app_ready.png?fit=max&auto=format&n=FZ6hme-wnXgWbl15&q=85&s=aeaaeef9f684aa99d048009c631e5e39" width="400" alt="Profile editor" data-path="images/oi_app_ready.png" />

8. From the *OwnID Settings* panel, copy the *App ID* and the *Shared Secret* for use in configuration on the *{connector_name_0}* side. <img src="https://mintcdn.com/ownid/FZ6hme-wnXgWbl15/images/oi_app_settings.png?fit=max&auto=format&n=FZ6hme-wnXgWbl15&q=85&s=57db84a4b0a11aab1b5c4fe17032df3f" width="400" alt="Profile editor" data-path="images/oi_app_settings.png" />

<Check>Your OwnID application and secret key are created and you're ready for next steps!</Check>

1. Open the [OwnID Console](https://console.ownid.com/) and create an account or log in to an existing account.
2. Create a **WordPress or WooCommerce** integration and complete the onboarding.

<Frame type="glass">
  <img src="https://mintcdn.com/ownid/i3kGqVa3mIaTdz4d/images/wordpress-settings.png?fit=max&auto=format&n=i3kGqVa3mIaTdz4d&q=85&s=70cbc09ed459b46caf533e10dc39d5b1" alt="OwnID Plugin Settings" width="978" height="882" data-path="images/wordpress-settings.png" />
</Frame>

3. Copy and paste the **appID** and **shared secret** into the settings of the OwnID WordPress plugin.

<Check>**Congratulations!**\
Enjoy your WooCommerce-integrated passwordless authentication!</Check>

## Next Steps

### Ready to deploy?

<Card title="YES!" href="/building-blocks/pre-deployment-checklist" icon="rocket-launch">
  Take me to the Deployment Checklist
</Card>