> For the complete documentation index, see [llms.txt](https://docs.billflow.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.billflow.io/no-code-integrations/no-code-app-builders/notion.md).

# Notion

Notion Integration Instructions

## Supported Pages

* Checkout Form
* Pricing Page

## Integration Instructions

### Step 1: Create a Billing Page

For detailed instructions, check out the billing page of your needs. 

{% content-ref url="/pages/-MGTi2INq5nRltmKIukm" %}
[Checkout Form](/billing-pages/checkout-form.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MGp-BCnyC2J3H4eYNDY" %}
[Pricing Page](/billing-pages/pricing-page.md)
{% endcontent-ref %}

### Step 2: Copy HTML5 code snippet

![Chose HTML](https://3989701610-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEUoaSM3Rb7cfrwwBCO%2F-MKfZ2cAIPyDO9s9pH3S%2F-MKfaxL_xCv9v9owRmb2%2FScreen%20Shot%202020-10-27%20at%203.47.53%20PM.png?alt=media\&token=b1be25cb-69e7-46ef-bc7c-65409e3e58ad)

![Copy Code](https://3989701610-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEUoaSM3Rb7cfrwwBCO%2F-MKfZ2cAIPyDO9s9pH3S%2F-MKfb23B7as5KDHDy3Yy%2FScreen%20Shot%202020-10-27%20at%203.48.37%20PM.png?alt=media\&token=9aaba0c5-caf0-408e-89c0-bf8ecd58f3ab)

### Step 3: Create Site in [HTML Save](http://htmlsave.com/)

HTML Save allows you to host code on a static site very easily. 

### Step 4: Copy and HTML Save Link

![Add Billflow Code snippet to HTML Save](https://3989701610-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEUoaSM3Rb7cfrwwBCO%2F-MKfZ2cAIPyDO9s9pH3S%2F-MKfeHiMbaFT7JAKDqth%2FScreen%20Shot%202020-10-27%20at%203.53.39%20PM.png?alt=media\&token=b7d583ca-6fe2-4701-83b8-274243f1110b)

![Copy your Site Link](https://3989701610-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEUoaSM3Rb7cfrwwBCO%2F-MKfZ2cAIPyDO9s9pH3S%2F-MKfeOmMMG5PFupUzt7-%2FScreen%20Shot%202020-10-27%20at%204.01.12%20PM.png?alt=media\&token=b9139808-7082-4542-926f-a5c4391fdd86)

### Step 5: Go to Notion Page and Embed

![Use /embed](https://3989701610-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEUoaSM3Rb7cfrwwBCO%2F-MKfZ2cAIPyDO9s9pH3S%2F-MKfeUDFBGiZl0v17hgn%2FScreen%20Shot%202020-10-27%20at%204.02.48%20PM.png?alt=media\&token=c2ee1c74-b3b5-43fb-8e31-1d67d84e7889)

![](https://3989701610-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEUoaSM3Rb7cfrwwBCO%2F-MQn0tgCcYxE_0r7fBGW%2F-MQn21oAlXY7LbPOk1s0%2FNotion%20Screenshot.png?alt=media\&token=6bf7eb77-97a6-4d03-882b-a90c90f62846)