> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

# Method name:

siteEcom.navigateToCheckoutPage(checkoutId: string, options: CheckoutPageOptions)

# Method Link:

https://dev.wix.com/docs/sdk/frontend-modules/ecom/navigate-to-checkout-page.md

# Method Description:

Directs the browser to navigate to the site visitor's Checkout Page.

The `navigateToCheckoutPage()` method returns a Promise that resolves when the browser successfully navigates to the [Checkout Page](https://support.wix.com/en/article/customizing-the-checkout-page).

> **Note:** The `checkoutId` parameter is **required**. To get a `checkoutId`, use one of the following backend methods:
> + [`currentCart.createCheckoutFromCurrentCart()`](https://dev.wix.com/docs/sdk/backend-modules/ecom/current-cart/create-checkout-from-current-cart.md)
> + [`cart.createCheckout()`](https://dev.wix.com/docs/sdk/backend-modules/ecom/cart/create-checkout.md)
> + [`checkout.createCheckout()`](https://dev.wix.com/docs/sdk/backend-modules/ecom/checkout/create-checkout.md)

# Method Permissions:



# Method Permissions Scopes IDs:

undefined



# Method Code Examples:

## Navigate to the checkout page

```javascript
import { ecom } from "@wix/site-ecom";

$w('#myNavigateToCheckoutPageButton').onClick(async () => {

  // Example checkoutId and options values
  const checkoutId = '12345678-1234-1234-1234-1234567890ab';
  const options = {
    skipDeliveryStep: true,
    hideContinueBrowsingButton: false,
    overrideContinueBrowsingUrl: 'https://www.myExampleSite.com/upsellPage',
    // override ThankYouPage URL with dynamic orderId parameter
    overrideThankYouPageUrl: 'https://www.myExampleSite.com/customThankYouPage/{orderId}'
  };

  try {
    await ecom.navigateToCheckoutPage(checkoutId, options);
    console.log('Navigated successfully');
  } catch (error) {
    console.error(error);
    // Handle the error
  }
});
```