> For the complete documentation index, see [llms.txt](https://a2n-finance.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://a2n-finance.gitbook.io/docs/product-guides/how-to-integrate-with-woocommerce.md).

# How to integrate with WooCommerce

## Install WordPress & WooCommerce

* Go to WPAdmin, click on Plugins -> add new, and search WooCommerce

<figure><img src="/files/jh6V8WBmSCHmev9V5fRP" alt=""><figcaption></figcaption></figure>

* Install & active WooCommerce plugin.&#x20;
* Search "header and footer", and install WPCode

<figure><img src="/files/9SDwJK5o1VOrQklElWgy" alt=""><figcaption></figcaption></figure>

* Insert two JavaScript files before HTML body ended: Click on Code snippets -> Header & Footer.

```
<script src="https://cdn.ethers.io/lib/ethers-5.2.umd.min.js" type="application/javascript"></script>
<script src="https://app.a2n.finance/sdk/bttcsub-sdk.min.js" type="application/javascript"></script>
```

<figure><img src="/files/G98rFILkZ2XDfdnPLjDC" alt=""><figcaption></figcaption></figure>

* Select a subscription product to integrate: go to <https://app.a2n.finance/user/products>, click on the button "settings", read step 2 and copy HTML code.

<figure><img src="/files/4IlY1c7elYVCTF5mzvN8" alt=""><figcaption></figcaption></figure>

* Back to WPAdmin, create a new product, insert copied HTML code to section "Short Description"

<figure><img src="/files/5utHHH03XxI4aVuZYejW" alt=""><figcaption></figcaption></figure>

* Go to the product page and see the result.

<figure><img src="/files/K6uWeXPaPJ8xqLYhGkMv" alt=""><figcaption></figcaption></figure>