> 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="https://4022886313-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9tVEHVHVSmRWOjj75I49%2Fuploads%2FXliQtsIae4BWy0aRlytT%2Finstall_woo_commerce.png?alt=media&amp;token=110ea984-c751-4a2a-9a62-f4c557eb7711" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4022886313-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9tVEHVHVSmRWOjj75I49%2Fuploads%2FSW935LrutdcrgSSWI77m%2Fwpcode_install.png?alt=media&amp;token=792390c8-cc6a-4cde-b327-508263d6e9f8" 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="https://4022886313-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9tVEHVHVSmRWOjj75I49%2Fuploads%2FESijhOxVYfyzMZ4gEJk4%2Finsert_scripts.png?alt=media&amp;token=bc9c36fd-db06-456a-a9ae-e88efd59291f" 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="https://4022886313-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9tVEHVHVSmRWOjj75I49%2Fuploads%2FTDoMubr3pmvab0nA7gQi%2Fuserproducts.png?alt=media&amp;token=9dae792e-b89e-4bfd-9770-ec0f62777879" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4022886313-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9tVEHVHVSmRWOjj75I49%2Fuploads%2Fme5aAce9ZotFVvhVQUlQ%2Finsert_to_short_description.png?alt=media&amp;token=baca3fb4-8323-4fcb-b0fb-5ef826c1f4f5" alt=""><figcaption></figcaption></figure>

* Go to the product page and see the result.

<figure><img src="https://4022886313-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9tVEHVHVSmRWOjj75I49%2Fuploads%2FQpsFVZmTbB7PuCeayKZl%2Fsubscribe.png?alt=media&amp;token=f32557d8-509e-4a03-98c0-04490a5aa5f1" alt=""><figcaption></figcaption></figure>