# Stripe

[Watch video tutorial](https://youtu.be/wrl_5MDoeoA)

Once you have the North Commerce plugin activated you will need to navigate to the `Integrations` page of the plugin. You can do this one of two ways. By selecting `Integrations` from the side submenu of North Commerce or by clicking `Integrations` from the primary navigation menu at the top of the plugin menus.

## Navigating to Integrations

<figure><img src="https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FaPygJNYxs5MI8RFZMUde%2Fimage.png?alt=media&#x26;token=35441ce1-40c6-423b-8b2d-a1d865875f76" alt=""><figcaption><p>Places you can click to get to the integrations area</p></figcaption></figure>

Now that you are on the integrations page you will see our Stripe card as the second item in the list.

<figure><img src="https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FNLBnypp6YpoSvm0ojoFg%2Fimage.png?alt=media&#x26;token=aa51492c-cb5b-4acf-8f4f-bcd1d2e70207" alt=""><figcaption><p>The North Commerce built-in Stripe integration</p></figcaption></figure>

## Activating The Stripe Integration

In order to begin the process of connecting your Stripe account to North Commerce you can activate the integration by clicking on the toggle

<figure><img src="https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FLLxW6wd2YPF7Jcd9Cs22%2Fimage.png?alt=media&#x26;token=fd0c04e1-86f6-4997-867a-f5861ade595c" alt=""><figcaption><p>North Commerce Stripe activation toggle</p></figcaption></figure>

## Connecting to Stripe

Almost instantly after you do that the Stripe Settings Modal will appear and you can connect your account by clicking the `Connect with Stripe` button and logging into your Stripe and selecting the account you want to connect.

<figure><img src="https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2F6Ljc5hk7TfDub6v7X7vc%2Fimage.png?alt=media&#x26;token=49effd07-a729-4732-8d28-1ff3af502350" alt=""><figcaption><p>Click on the Connect with Stripe button to connect your Stripe account</p></figcaption></figure>

## Select Your Stripe Account

Now that you have logged into Stripe select the Stripe account you want to use *(if you have more than one)*

<figure><img src="https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FT9ZfQtntWP9RyT41MGbY%2Fimage.png?alt=media&#x26;token=f0fa9bce-2940-4702-b75b-963b034763a1" alt=""><figcaption></figcaption></figure>

Once you click connect it may prompt you to confirm your password or enter a 2-factor authentication password and then will redirect you back to North Commerce

<figure><img src="https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2F9hUmGc5fxahBsAkyIhYn%2Fimage.png?alt=media&#x26;token=6256c4be-3885-4f1d-9740-5d30753b2a70" alt=""><figcaption><p>Successful Stripe Connection</p></figcaption></figure>

Click save to confirm the connection

By default you will see North Commerce's Stripe integration is automatically in `Test Mode` you can click the toggle to switch between `Test Mode` and `Live Mode`

<figure><img src="https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2Fu1ew6ip1O3s9A9f3Ma6h%2Fimage.png?alt=media&#x26;token=e69e3464-0596-4bfb-8ae1-bab476a4ac9c" alt=""><figcaption><p>Test Mode Active</p></figcaption></figure>

<figure><img src="https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FaKoBNHWCUVuB4KxK1Snt%2Fimage.png?alt=media&#x26;token=d826b76c-9d91-4377-8df3-5f4836edee70" alt=""><figcaption><p>Live Mode Active</p></figcaption></figure>

## Remove Stripe Connection

Hover over the Stripe card and click on the gear icon

<figure><img src="https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FEVtayclN3ZqNxo3V4BcL%2Fimage.png?alt=media&#x26;token=7e7543bd-cd42-469b-b462-ec7989d32e54" alt=""><figcaption><p>Stripe Settings Button</p></figcaption></figure>

Then you will click on the `Remove Stripe Integration` button to remove the Stripe connection from your North Commerce store

<figure><img src="https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2F5v4hNgOGJfDMGPrjkL6k%2Fimage.png?alt=media&#x26;token=073c43f9-698a-409b-87fa-9d5ff2f431c7" alt=""><figcaption></figcaption></figure>
