> For the complete documentation index, see [llms.txt](https://docs.paydestal.com/paydestal/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.paydestal.com/paydestal/web-checkout.md).

# Web Checkout

You can start receiving payments with our  Inline Checkout

```html

<script src="https://checkout.paydestal.com/lib/init.js"></script>

 <script>


               const configOptions = {
                  environment: 'live', //live or sandbox
                  clientId: '{you live client id}',
      
                  amount: {amount},
                  customerEmail: '{email}',
                  customerMobile: '{phoneNumber}',
                  customerName: '{customerName}',
                  currency: '{currency}',
                  reference: {reference}, 
              };
        
              function handleButtonClick() {
                  if (window.PaydestalInit) {
                      const { openPopup, exitPopup } = window.PaydestalInit.create(configOptions);
                      openPopup();
                  }
              }
      
              document.getElementById('payButton').onclick = handleButtonClick;
          </script>
    
```