Como ativar o Checkout v6

Para saber as vantagens do Checkout v6, acesse nosso artigo sobre o lançamento do novo SmartCheckout™

Para atualizar o checkout da sua loja para a versão mais recente (Checkout v6), você deve ativá-lo nos ambientes de Testes e de Produção.

Ativar o Checkout v6 em Ambiente de Testes

No Admin VTEX, acesse Configurações da loja > Storefront > Checkout, ou digite Checkout na barra de busca no topo da página.
Clique no ícone do site desejado.
No menu de opções azul localizado na parte superior da página, clique em Checkout.
Em Atualização do Smart Checkout (V6), habilite a opção Ambiente de testes (em beta), clicando no botão .
Clique em Salvar.
Acesse sua loja em ambiente beta e realize os ajustes de estilo necessários. O Checkout v6 possui novas classes CSS que devem ser levadas em consideração para customização do estilo.

${"base64":" ","img":{"width":384,"height":189,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":6937,"url":"https://images.ctfassets.net/alneenqid6w5/9hAJfi1LLwpFlcB5iWA3k/a1d6c6ab5e38fd7398ebc47b7ae32aa1/CheckoutV6_box_PT.png"}}$

Ativar o Checkout v6 em Ambiente de Produção

Após realizar os ajustes necessários em Ambiente de Teste, você pode ativar o Checkout v6 em ambiente de produção. Para isso, siga os passos abaixo:

No Admin VTEX, acesse Configurações da loja > Storefront > Checkout, ou digite Checkout na barra de busca no topo da página.
Clique no ícone do site desejado.
No menu de opções azul localizado na parte superior da página, clique em Checkout.
Em Atualização do Smart Checkout (V6), habilite a opção Ambiente de produção (em beta), clicando no botão e nas duas checkboxes do checklist.
Clique em Salvar.

Após este passo, o Checkout v6 estará instalado na sua loja.

${"base64":" ","img":{"width":384,"height":409,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":20621,"url":"https://images.ctfassets.net/alneenqid6w5/1gXZSHO1C5yRDF6GL6h5IK/671c0ec19bac97c07c97f3276150c30d/CheckoutV6_box2_PT.png"}}$

Como checar se o Checkout v6 foi instalado corretamente?

Acesse a URL {{accountName}}.myvtex.com/checkout
Pressione Ctrl + U se estiver utilizando Windows ou Opt + Cmd + U se estiver utilizando Mac. Você irá acessar o código fonte da página.
Pressione Ctrl + F se estiver utilizando Windows ou Cmd + F se estiver utilizando Mac para abrir a caixa de busca do browser.
Busque pelo termo checkout-ui/v6. Se você encontrar o arquivo //io.vtex.com.br/checkout-ui/v6.x.x/style/style.css no código fonte da página, a migração para o Checkout v6 foi realizada com sucesso.