> 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: navigateToCheckoutPage(checkoutId: string, options: CheckoutPageOptions)

# Method package: wixEcomFrontend

# Method menu location: wixEcomFrontend --> navigateToCheckoutPage

# Method Link: https://dev.wix.com/docs/velo/apis/wix-ecom-frontend/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 Code Examples:

*** Note: do not assume any prop names or enum values other than the ones in the example.

## Navigate to the checkout page

```javascript
import wixEcomFrontend from 'wix-ecom-frontend';

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

  // 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}'
  };

  wixEcomFrontend.navigateToCheckoutPage(checkoutId, options)
    .then(() => {
      console.log('Navigated successfully');
    })
    .catch((error) => {
      console.error(error);
      // Handle the error
    });
});
```

---