> ## Documentation Index
> Fetch the complete documentation index at: https://docs.openbridge.shop/llms.txt
> Use this file to discover all available pages before exploring further.

# .checkoutUrl()

> Get the Shopify checkout URL

```javascript theme={null}
openbridge.cart.checkoutUrl()
```

Returns the URL to Shopify's hosted checkout page.

## Parameters

None

## Returns

`string | null`

Returns `null` if the cart has not been initialized.

## Examples

### Get checkout URL

```javascript theme={null}
const url = openbridge.cart.checkoutUrl()
console.log(url)
// https://your-store.myshopify.com/cart/c/abc123...
```

### Open checkout in new tab

```javascript theme={null}
const url = openbridge.cart.checkoutUrl()
if (url) {
    window.open(url, '_blank')
}
```

### Custom checkout link

```javascript theme={null}
function updateCheckoutLink() {
    const link = document.querySelector('.checkout-link')
    const url = openbridge.cart.checkoutUrl()

    if (url) {
        link.href = url
        link.style.display = 'block'
    } else {
        link.style.display = 'none'
    }
}

openbridge.cart.subscribe(updateCheckoutLink)
```

### Copy checkout link

```javascript theme={null}
document.querySelector('.copy-checkout').addEventListener('click', async () => {
    const url = openbridge.cart.checkoutUrl()
    if (url) {
        await navigator.clipboard.writeText(url)
        alert('Checkout link copied!')
    }
})
```

<Tip>
  For a simpler redirect to checkout, use [`.checkout()`](/api/cart/checkout)
  instead.
</Tip>