Menu
Feedback
Start here
Tutorials


Tutorials
Checkout Settings
Activating Checkout v6
2 min read

For more on the Checkout v6 advantages, access our article on the new SmartCheckout™ release.

To update your store's checkout to the latest version (Checkout v6), you must enable it in both Test and Production environments.

Activate Checkout v6 in Test Environment

  1. In the VTEX Admin, go to Store Settings > Storefront > Checkout, or type Checkout in the search bar at the top of the page.
  2. Click on the icon of the desired website.
  3. In the blue options menu located at the top of the page, click on Checkout.
  4. Under Smart Checkout Update (V6), enable the Test Environment (Beta) option by clicking the button.
  5. Click Save.
  6. Access your store in beta/test environment and implement the necessary style adjustments. Checkout v6 has new CSS classes that you need to be mindful of when performing style customizations.

{"base64":"  ","img":{"width":391,"height":189,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":10604,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/checkout/checkout-settings/enable-checkout-v6_1.png"}}

Activate Checkout v6 in Production Environment

After the necessary adjustments are completed, you can activate Checkout v6 in the production environment, by following the steps below:

  1. In the VTEX Admin, go to Store Settings > Storefront > Checkout, or type Checkout in the search bar at the top of the page.
  2. Click on the icon of the desired website.
  3. In the blue options menu located at the top of the page, click on Checkout.
  4. Under Smart Checkout Update (V6), enable the Production Environment (Beta) option by clicking the button and in the two checkboxes of the checklist.
  5. Click Save.

After this step, Checkout v6 would be installed in your store.

{"base64":"  ","img":{"width":390,"height":413,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":19968,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/en/tutorials/checkout/checkout-settings/enable-checkout-v6_2.png"}}

How to ascertain whether Checkout v6 was properly installed?

  1. Access the URL {{accountName}}.myvtex.com/checkout
  2. Press Ctrl + U on a Windows machine or Opt + Cmd + U if you're using Mac. The page's source code will be displayed.
  3. Press CTRL + F on a Windows machine or Cmd + F on a Mac to open the browser search box.
  4. Search for checkout-ui/v6. If you come across //io.vtex.com.br/checkout-ui/v6.x.x/style/style.css in the source code, the migration to Checkout v6 was successful.
Contributors
1
Photo of the contributor
+ 1 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
What is transparent checkout?
« Previous
Change the price of an item in the shopping cart
Next »
Contributors
1
Photo of the contributor
+ 1 contributors
On this page
Still got questions?
Ask the community
Find solutions and share ideas in the VTEX Community
Join our community
Request VTEX support
For personalized assistance, contact our experts
Open a support ticket
GitHubDeveloper PortalCommunityFeedback