Instalar e configurar o cartucho
Para instalar o cartuchoNo Salesforce Commerce Cloud, um cartucho é um módulo de código que contém arquivos, lógica e configurações necessárias para adicionar ou modificar funcionalidades de uma loja SFCC do Mercado Pago na sua loja Salesforce Commerce Cloud, siga os passos abaixo.
Se é a primeira vez que você acessa a loja, deverá fazer um deploy do storefront. Caso contrário, você pode omitir este passo.
- Na sua loja Salesforce Commerce Cloud, dentro da seção Administração, acesse Desenvolvimento do site > Importação e exportação de sites no menu lateral esquerdo.
- No menu Importar, selecione a opção Sites de demonstração da Storefront Reference Architecture (SFRA).

- Na tabela, selecione a opção Storefront Reference Architecture base e clique no botão Implementar.

- Em seguida, acesse Administração > Desenvolvimento do site > Implantação de código no menu lateral esquerdo.
- Em Gerenciar versões do código, selecione a versão de código que estiver ativa e faça o download.

- Na sua loja, dentro da seção Administração, acesse Desenvolvimento do site > Implantação de código no menu lateral esquerdo.
- Clique na versão ativa mais recente da sua loja.

- Em Resumo da versão, clique em Download.

- Por último, descompacte o arquivo .zip que você baixou.
Com isso, a última versão da loja terá sido baixada. Agora é possível avançar para o download do cartucho do Mercado Pago.
- Acesse o Salesforce Partner Marketplace e busque "Mercado Pago".
- Clique em Mercado Pago Cartridge for B2C Commerce. Uma vez dentro do site do cartucho, clique em Get It Now.

- Você verá um aviso de redirecionamento para o repositório oficial do Mercado Pago no GitHub, onde deverá indicar que aceita os termos e condições e clicar em Visit Provider.
- Dentro do repositório, siga as instruções da seção README para baixar a última versão do cartucho
int_mercadopago. - Por último, descompacte o arquivo .zip que você baixou.
Com isso, o cartucho do Mercado Pago já foi baixado e é possível avançar com a integração da loja.
Nesta etapa, a loja será conectada ao cartucho do Mercado Pago. Para isso, primeiro você deverá armazenar o cartucho do Mercado Pago no site da loja.
- Abra a pasta do cartucho do Mercado Pago obtido na etapa 2 e navegue até a pasta cartridges.
- Abra a pasta que você baixou com a última versão da sua loja e copie todo o seu conteúdo.
- Cole as pastas da sua loja dentro da pasta cartridges. Dessa forma, a pasta int_mercadopago deve ficar no mesmo nível que as pastas da sua loja.

Em seguida, integre o cartucho do Mercado Pago com a loja para que mantenha sua funcionalidade junto com outros cartuchos instalados. Para isso, siga estes passos:
- Abra um Terminal ou CMD e acesse a pasta int_mercadopago.
- Execute os seguintes comandos:
bash
npm install npm run build
Com isso, o cartucho já foi integrado no site da loja e é possível avançar com a configuração da conexão do ambiente de desenvolvimento local com a Salesforce.
No início da integração, o projeto deve ser preparado e conectado ao ambiente de teste do Salesforce Commerce Cloud usando uma ferramenta compatível com WebDav (protocolo para gerenciamento de arquivos via HTTP), como o Prophet Debugger ou similar.
Siga os passos a seguir:
- Caso ainda não tenha, crie uma Chave de acesso seguindo as indicações abaixo. Se já tiver, pule este passo.
- Acesse Meu perfil e, na coluna Credenciais, clique em Gerenciar Chaves de Acesso.
- Na coluna Escopo, selecione Acesso ao arquivo WebDAV e UX Studio para obter permissões de desenvolvimento.
- Clique em Gerar chave de acesso.

- Na raiz do projeto, crie um arquivo com o nome "dw.json" e adicione o seguinte conteúdo, preenchendo cada dado com os da loja:
json
{ "hostname": "host do sandbox", "username": "email", "password": "password WebDAV", "code-version": "diretório" }
| Parâmetro | Tipo | Descrição |
hostname | string | É possível obter o endereço do host do sandbox acessando o Swagger UI e realizando um GET no endpoint sandboxes. |
username | string | E-mail do usuário para a conexão (geralmente o login da conta). |
password | string | Para criar uma senha de WebDAV, no painel de administração do sandbox da Salesforce, acesse Meu perfil > Gerenciar chaves de acesso. Neste menu, clique em Gerar Chave de Acesso e crie uma senha do tipo "WebDAV File Access and UX Studio". |
code-version | string | Para verificar o diretório, no painel de administração do sandbox da Salesforce, acesse Administração > Desenvolvimento de site > Implantação de código e coloque a "Versão de Código" que estiver ativa para esse sandbox. |
- Na raiz do projeto, crie uma pasta chamada ".vscode" e dentro dela, crie um arquivo chamado "launch.json" com o seguinte conteúdo:
json
{ "version": "0.1.0", "configurations": [ { "type": "prophet", "request": "launch", "name": "Attach to Sandbox" } ] }
Pronto, você já tem o ambiente de desenvolvimento local conectado com a Salesforce e pode seguir com a configuração do cartucho.
Para ativar o cartucho int_mercadopago e utilizá-lo como processador de pagamentos, siga os passos abaixo.
- Acesse o painel de configuração do Salesforce Commerce Cloud, em Administração > Sites > Gerenciar sites.
- Selecione o seu site e clique na aba Configurações.
- Na opção Cartuchos, adicione
int_mercadopagoà lista antes deapp_storefront_base, separando os valores por dois pontos. O resultado deve ficar conforme a imagem a seguir.

- Clique em Aplicar para salvar as alterações.
Ao finalizar esta configuração, o Mercado Pago aparecerá como meio de pagamento disponível na sua loja. Siga a próxima etapa para adicionaros meios de pagamento.
Nesta etapa você poderá fazer o upload do arquivo "metadata" para a sua loja e, dessa forma, adicionar os meios de pagamento que o Mercado Pago oferece.
- Abra a pasta do cartucho que você obteve na etapa 2, vá até a pasta metadata e comprima-a em um arquivo .zip.

- Acesse o painel de configuração do Salesforce Commerce Cloud, em Administração > Desenvolvimento do site > Importação e exportação do site.
- No menu Importar, clique em Selecionar arquivo, escolha o arquivo
metadata.zipe, em seguida, clique em Fazer upload. Quando solicitado, confirme a ação clicando em Ok. - A confirmação do envio pode ser verificada no menu Status, localizado ao final da página. Use o botão Atualizar para recarregar, se necessário.
Quando você visualizar o arquivo metadata.zip dentro do menu Status, a configuração estará pronta. Você já pode continuar com a configuração das credenciais do Mercado Pago.
Você deverá vincular sua conta do Mercado Pago através das credenciais. Durante a etapa de integração, você deverá utilizar as credenciais de contas de testeChaves de acesso que identificam o seu usuário de teste, utilizadas em etapas de desenvolvimento ou para testar a integração. que você obteve em Criar aplicação. Siga os passos a seguir.
- Acesse o painel de configuração do Salesforce Commerce Cloud, em Administração > Ferramentas do comerciante > Preferências do site > Preferências personalizadas.
- Na tela Grupos de preferências personalizadas de site você verá a lista de configuração do Mercado Pago. Clique no ID MercadoPagoCredentials.
- No campo Tipo de Instância, selecione Sandbox.
- Dentro da tela Mercado Pago Credentials, preencha os campos conforme apropriado:
| Campo | Descrição |
| Tipo de instância | Determina se a loja está em estado de teste ou produção. Como você está em etapa de desenvolvimento, selecione Sandbox. |
| Public Key | Este campo faz referência à Public Key da aplicação do Mercado Pago. Como você está em etapa de desenvolvimento, deverá utilizar a Public Key da aplicação do usuário de testeChave pública da aplicação do usuário de teste, que é utilizada no frontend para acessar informações e criptografar dados, seja na etapa de desenvolvimento ou nos testes. Você pode acessá-la fazendo login com seu usuário de teste e indo em Suas integrações > Detalhes da aplicação > Produção > Credenciais de produção. Mais adiante, você poderá trocá-la por uma produtiva. |
| Access Token | Este campo faz referência ao Access Token da aplicação do Mercado Pago. Como você está em etapa de desenvolvimento, deverá utilizar o Access Token da aplicação do usuário de testeChave privada da aplicação do usuário de teste, que é utilizada no backend para poder testar seu desenvolvimento. Você pode acessá-la fazendo login com seu usuário de teste e indo em Suas integrações > Detalhes da aplicação > Produção > Credenciais de produção. Mais adiante, você poderá trocá-lo por um produtivo. |
- Clique em Salvar para confirmar a configuração.

Pronto! Você já vinculou sua conta do Mercado Pago com sua loja no Salesforce Commerce Cloud. Você pode avançar com a verificação da instalação.
Para verificar se o cartucho do Mercado Pago está corretamente instalado, siga estes passos.
- Acesse o painel de configuração do Salesforce Commerce Cloud, em Administração > Ferramentas do comerciante > Pedidos > Processadores de pagamento.
- Verifique se os processadores de pagamento do Mercado Pago estão dentro da tabela, na coluna ID do Processador.

Pronto, você já instalou e configurou o cartucho do Mercado Pago. A seguir, avance com a Configuração dos meios de pagamento.