{"section":"tutorials","requestedLocale":"pt","requestedSlug":"caracteristicas-gerais-smartcheckout-v5","locale":"pt","slug":"caracteristicas-gerais-smartcheckout-v5","path":"docs/pt/tutorials/checkout/visão-geral-do-checkout/caracteristicas-gerais-smartcheckout-v5.md","branch":"main","content":"O SmartCheckout™ V5 permite a compra sem login e senha da VTEX (one-click-buy checkout). Listamos aqui suas principais características e vantagens.\n\n### Iframe nas formas de pagamento com cartão\n\nAs formas de pagamento por cartão de crédito, débito e private label (cartão emitido pelo varejista e aceito apenas dentro da sua rede de estabelecimentos) ficam isoladas em um iframe. Isso impede a customização de JavaScript, o que aumenta a segurança da sua loja. Para saber mais sobre proteção de dados, acesse [Segurança do SmartCheckout](/pt/tutorial/seguranca-do-smartcheckout--3SrJuuhrqwePUg1rp1exfB#).\n\nNote que, apesar de estar em um iframe, ainda é possível aplicar CSS normalmente no campo. Mas é importante prestar atenção no seletor CSS utilizado porque, por ser um iframe, ele deve começar com elementos que estejam dentro de `#app-container .App` sem, por exemplo, `#payment-data` ou `.payment-group` (que estão fora do iframe).\n\nEm exemplo prático, para ocultar a opção \"Pagar usando dois cartões\", deve ser usado apenas `.ChangeNumberOfPayments {display: none}`.\n\n\n\n### Nova opção de cálculo de frete por geocoordenada\n\nPor meio dessa funcionalidade, é possível definir regiões de entrega usando como base um ponto geográfico (latitude e longitude) em vez de um código postal.\n\nPara saber como usar esse recurso, leia o artigo [Geolocalização no Checkout](/pt/docs/tutorials/geolocalizacao-no-checkout/).\n\n__Atenção:__ uma vez que a API Key seja informada nas configurações do Checkout, a geolocalização já estará visível no checkout da sua loja, independente da ativação da nova versão do SmartCheckout.\n\n### Título da página\n\nO título da página do SmartCheckout™, que aparece na barra ou na aba do navegador, pode ser customizado. Para saber como fazer isso, é só seguir os passos abaixo:\n\n1. No Admin VTEX, acesse __Configurações da loja > Storefront > Checkout__, ou digite __Checkout__ na barra de busca no topo da página.\n2. Clique no ícone do site desejado.\n3. No menu de opções azul localizado na parte superior da página, clique em __Checkout__. \n4. No campo __Título da Página__, escreva o título desejado e verifique o resultado na caixa PRÉ-VISUALIZAÇÃO.\n5. Clique em `Salvar`.\n\n### JavaScript customizado\n\nVocê pode usar os arquivos `checkout5-custom.js` e `orderplaced2-custom.js` para inserir suas customizações de JavaScript no Checkout e na tela de pedido finalizado, respectivamente. Para acessá-los, siga os passos abaixo:\n\n1. No Admin VTEX, acesse __Configurações da loja > Storefront > Checkout__, ou digite __Checkout__ na barra de busca no topo da página.\n2. Clique no ícone do site desejado.\n3. No menu de opções azul localizado na parte superior da página, clique em __Código__. \n4. No menu __Arquivos__, localizado no lado direito da página, clique naqueles em que desejar realizar ajustes no código.\n5. Clique no botão `Salvar`.\n\n> ⚠️ Customizar arquivos de Javascript pode danificar seu Checkout. A VTEX **não recomenda** customizações e não se responsabiliza por qualquer dano causado por esse código.\n\n__IMPORTANTE:__ não use esses arquivos para inserir tags de marketing e integrações. Se precisar delas, faça isso pelo Google Tag Manager.\n\n### PayPal Plus\n\nO SmartCheckout™ V5 dá suporte ao método de pagamento PayPal Plus, que permite que o pagamento seja feito diretamente em seu site, sem redirecionar seus clientes (checkout transparente).\n\n### Google Enhanced Ecommerce\n\nO SmartCheckout™ V5 adiciona ao data layer informações para serem usadas com o Google Enhanced Ecommerce. Para saber como criar essas tags, verifique a documentação do Google: https://developers.google.com/tag-manager/enhanced-ecommerce."}