# Complete Checkout Flow
A two-page setup: a product page that adds to cart and redirects to a dedicated checkout page.
## What You'll Build
- Product page with cart and checkout redirect
- Dedicated checkout page that loads by URL parameter
## Page 1: Product Page
```html
Product Page
```
When users click checkout, the cart redirects to your hosted checkout page with a `lce_checkout` ID in the URL.
## Page 2: Checkout Page
```html
Checkout
```
## Optional: Skip Cart and Go Directly to Checkout
```javascript
await window.LiquidCommerce.elements.actions.checkout.addProduct([
{
identifier: '00619947000020',
fulfillmentType: 'shipping',
quantity: 1
}
], true);
```
## Related Docs
- [Checkout Component](../guides/checkout-component.md)
- [Cart Component](../guides/cart-component.md)
- [Client API](../api/client.md)