# Webflow

## Integration Instructions

### Step 1: Create a Billing Page

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

{% content-ref url="../../billing-pages/checkout-form" %}
[checkout-form](https://docs.billflow.io/billing-pages/checkout-form)
{% endcontent-ref %}

{% content-ref url="../../billing-pages/pricing-page" %}
[pricing-page](https://docs.billflow.io/billing-pages/pricing-page)
{% endcontent-ref %}

{% content-ref url="../../billing-pages/customer-portal" %}
[customer-portal](https://docs.billflow.io/billing-pages/customer-portal)
{% endcontent-ref %}

{% hint style="info" %}
If you are using the customer portal, make sure to enable "[Billflow Email Auth](https://docs.billflow.io/billing-pages/customer-portal#billflow-email-auth)" in the Authentication Settings
{% endhint %}

### Step 2: Copy HTML5 code snippet

![Chose HTML Code](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: Add to Webflow

Use standard [Webflow Custom Code embed element](https://university.webflow.com/lesson/custom-code-embed) to add Billflow billing pages to your Webflow site.