{"section":"tutorials","requestedLocale":"pt","requestedSlug":"instalar-o-visa-checkout-na-extension-store","locale":"pt","slug":"instalar-o-visa-checkout-na-extension-store","path":"docs/pt/tutorials/pagamentos/configurações-de-pagamentos/instalar-o-visa-checkout-na-extension-store.md","branch":"main","content":"Este artigo tem o objetivo de mostrar o passo-a-passo para instalação da extensão Visa Checkout na VTEX App Store.\n\n---\n\nPrimeiro, na tela **Explorar**, clique na extensão **Visa Checkout**.\n\n![Extension Store 1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/instalar-o-visa-checkout-na-extension-store_1.png)\n\nVocê terá então acesso à página de detalhes da extensão, onde as seguintes informações são mostradas:\n\n- **Descrição**: explicação do que a extensão faz;\n- **Screenshots**: mostram como a extensão modifica a sua loja ou o seu admin;\n- **Specs**: especificações técnicas da extensão, mostrando, por exemplo, em qual versão ela está;\n- **Setup**: mostra as etapas necessárias para instalar a extensão.\n\nPara instalar o Visa Checkout, basta clicar no botão verde à direita do ícone da extensão.\n\n## Permissões\n\nO botão de instalação leva à tela de permissões, onde é possível visualizar todos os dados e locais a que a extensão deseja ter acesso.\n\n<video width=\"840\" height=\"473\" controls>\n  <source src=\"//videos.contentful.com/alneenqid6w5/IgC71vETm0A0M6agwmMmc/d27af4dfa203d4ab66b93bb802c5f800/permiss__es.mp4\" type=\"video/mp4\">\nYour browser does not support the video tag.\n</video>\n\nUma vez que você aceite as permissões, a extensão será instalada.\n\n<video width=\"840\" height=\"473\" controls>\n  <source src=\"//videos.contentful.com/alneenqid6w5/3kRC32aTbG2gyUWSIGwM0m/67013b7b8a0acf17d1c87e1a3a6ff4c0/instala____o.mp4\" type=\"video/mp4\">\nYour browser does not support the video tag.\n</video>\n\n## Configuração\n\nPara funcionar corretamente, você precisa cumprir uma etapa de configuração. Basta preencher alguns campos, como os mostrados na imagem abaixo, e clicar em **Criar conta**.\n\n<video width=\"840\" height=\"473\" controls>\n  <source src=\"//videos.contentful.com/alneenqid6w5/63IczsAzSMguai0q2wKYiI/d7391facbdf489faad485063d5609eeb/configura____es.mp4\" type=\"video/mp4\">\nYour browser does not support the video tag.\n</video>\n\n### Preview\n\nVocê deve então ver uma mensagem de sucesso da instalação. \n\nAlém disso, a VTEX App Store mostra um ambiente de preview do Visa Checkout, onde você pode testar o funcionamento da extensão.\n\n<video width=\"840\" height=\"473\" controls>\n  <source src=\"//videos.contentful.com/alneenqid6w5/3n6yIIZGGscuMQEgQ0gUoW/248a7472cc8aea682320d2245d189c15/success.mp4\" type=\"video/mp4\">\nYour browser does not support the video tag.\n</video>\n\nEsse ambiente funciona como um rascunho. Nenhuma alteração feita nele afeta sua loja em produção.\n\n## Publicação\n\nPara mover o Visa Checkout para o ambiente em produção (onde seus clientes podem de fato usá-lo), você precisa publicar a modificação.\n\nPara isso, basta clicar no botão **Publicar** da top bar.\n\n![Extension Store 3 - Publishing](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/pagamentos/configurações-de-pagamentos/instalar-o-visa-checkout-na-extension-store_2.png)"}