Tutorials & Solutions
Orders management
Inventory and shipping
Payments
Catalog
Prices
Rates & Benefits
Insights
Master Data
Message Center
Sales Policies
CMS
Portal
Suggestions
Sellers
Integrations
Apps
Authentications
Account management
Billing
Credit Control
Omnichannel
VTEX IO
Projects & Integrations

Enable Checkout v6

Pedro Oliveira
Pedro Oliveira
Last updated
5/22/2019

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

Follow the steps below to update your store's checkout to the latest version (Checkout v6):

  1. In your store's admin side panel, click on Portal
  2. Click on the gears icon, on the upper right of the box that contains your store. engine-button
  3. Select the Checkout tab from the horizontal top bar. checkout-tab-beta-en
  4. Enable the Test Environment (in beta) option to activate Checkout v6 in your store's test environment.
  5. Click on 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.

Activate Checkout v6 in production

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

  1. Click on Portal, in your store's admin side bar.
  2. Click on the gears icon, on the upper right of the box that contains your store. engine-button
  3. Select the Checkout tab from the horizontal top bar. checkout-tab
  4. Enable the Production Environment (stable).
  5. Click on Save

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

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/6. If you come across //io.vtex.com.br/checkout-ui/6.x.x/style/style.css in the source code, the migration to Checkout v6 was successful.
Still got questions?
Ask the community
Find solutions and share ideas in VTEX's community.
Talk to our experts
Get in touch if you have something specific to ask about the platform.
  • PT
  • ES
VTEX website