# Collect Payment via the Checkout Button🔘

#### **Checkout Demo**

This is what an execution of OurPass Inline on a checkout page could resemble

{% hint style="info" %}
you can test the checkout using email as "<mark style="color:green;">`ourpasstest@gmail.com`</mark>`"` and password as "<mark style="color:green;">`oneclick`</mark>", while trying out a new user you can use any of the test cards [**`here`**](https://docs.ourpass.co/quick-start-guide/test-cards)
{% endhint %}

{% content-ref url="checkout-button-on-your-website/ourpass-inline-html" %}
[ourpass-inline-html](https://docs.ourpass.co/checkout-button-on-your-website/ourpass-inline-html)
{% endcontent-ref %}

{% content-ref url="checkout-button-on-your-website/ourpass-inline-angular.js" %}
[ourpass-inline-angular.js](https://docs.ourpass.co/checkout-button-on-your-website/ourpass-inline-angular.js)
{% endcontent-ref %}

{% content-ref url="checkout-button-on-your-website/ourpass-inline-react.js" %}
[ourpass-inline-react.js](https://docs.ourpass.co/checkout-button-on-your-website/ourpass-inline-react.js)
{% endcontent-ref %}

{% content-ref url="checkout-button-on-your-website/ourpass-inline-vue.js" %}
[ourpass-inline-vue.js](https://docs.ourpass.co/checkout-button-on-your-website/ourpass-inline-vue.js)
{% endcontent-ref %}