> ## 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.

# WordPress

> 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 WordPress 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-wp.png?fit=max&auto=format&n=FZ6hme-wnXgWbl15&q=85&s=81627892e7b77e769cd6cbdba2c6cc9f" width="200" alt="SAP Customer Data Cloud Connector tile from in OwnID Console" data-path="images/oi-tile-wp.png" />

## Install the OwnID Plugin for WordPress

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

## Configuration Steps

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>

<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>

<Check>**Congratulations!**\
Enjoy your WordPress-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>