Skip to content

Commit

Permalink
Merge pull request #2324 from mercadopago/feature/onboarding-plugins
Browse files Browse the repository at this point in the history
Melhorias em Shopify e WooCommerce
  • Loading branch information
hgaldino authored Apr 6, 2024
2 parents 6fa36ba + 402d6c2 commit 82a2db6
Show file tree
Hide file tree
Showing 136 changed files with 1,433 additions and 471 deletions.
69 changes: 54 additions & 15 deletions guides/shopify/integration-configuration-cho-pro.en.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,28 +21,67 @@ To configure Checkout Pro in a Shopify store, follow the steps below:
------------
----[mla, mlm, mpe, mco, mlu, mlc]----
When installing [Checkout Pro](/developers/en/docs/checkout-pro/landing) (**Checkout Mercado Pago**), there may be an **increase in the approval rate of online store sales**. This happens because buyers will be able to pay using a Mercado Pago account and the entire purchase process will be done in our environment, which facilitates payment. At the end of the transaction, these buyers are redirected to the store environment.
When installing [Checkout Pro](/developers/en/docs/checkout-pro/landing) (**Mercado Pago Checkout**), you may experience **an increase in the approval rate of your online store sales**. This is because buyers will be able to pay using a Mercado Pago account, and the entire checkout process will be conducted in our environment, facilitating the payment process. At the end of the transaction, these buyers are redirected to the store environment.

To install Checkout Pro (**Mercado Pago Checkout**) on your Shopify store, follow these steps:

1. Go to your [Shopify](https://accounts.shopify.com/store-login) store.

2. In the store's admin panel, click on **Settings** in the bottom-left corner of the page.

![Panel](/images/shopify/store-panel-es.png)

3. Once there, select the **Payments** option from the menu on the left side of the page.

4. Under "Accepted payment methods," click on **Add payment method**.

![Payments](/images/shopify/payments-page-es.png)

5. Select the **Search provider** tab and search for the "Mercado Pago Checkout" app.

![Add payment method](/images/shopify/add-payment-method-es.png)

6. Once you locate it, select it and click **Install**.

![Add payment method](/images/shopify/provider-es.png)

7. Carefully read the information about the requested permissions and click **Install** again.

![Add payment method](/images/shopify/install-app-es.png)

8. After accepting the requested permissions, click **Manage account** to link your Mercado Pago account to your store using your credentials.

![Add payment method](/images/shopify/manage-account-es.png)

> WARNING
>
> Attention
> Important
>
> If you were using the old Mercado Pago app (**Mercado Pago**) and stopped receiving payments in your store, don't worry. To start selling again, install our new app (**Checkout Mercado Pago**) by following the steps below.
> The credentials are responsible for identifying the payment collecting account that you will receive in your store. If you do not enter your credentials in the store's admin panel, you will be automatically redirected to set up this step. **Remember, enabling payment methods will only be possible after the successful insertion of your credentials**.
To install Checkout Pro (**Checkout Mercado Pago**) in a Shopify store, follow these steps:
9. In the Mercado Pago admin, go to **[Your integrations](https://www.mercadopago[FAKER][URL][DOMAIN]/developers/panel/app)** and select your application. If you haven't created an application yet, access the [Developer Dashboard documentation](/developers/en/docs/woocommerce/additional-content/your-integrations/dashboard) to learn how to create one.

1. Go to your [Shopify](https://accounts.shopify.com/store-login) store.
2. In the store's administrative panel, click on **Settings**.
3. Once there, select the **Payments** option.
4. In "Additional payment methods", click on the **Add payment methods** option.
5. Go to the **Search by provider** tab and look for the new app with the name "Checkout Mercado Pago".
6. Once you have found it, select it and click **Activate** and then **Connect**.
7. Select **Install App** and then **Manage**.
8. Put your **production credentials** (`public key` and `access token`) in the fields that request it and click **Save**. Remember to keep your [credentials](/developers/en/docs/shopify/additional-content/your-integrations/credentials) handy.
9. To finish the installation, select **Activate Checkout Mercado Pago**.
10. Click on **Production credentials** in the left menu. Copy the `public_key` and `access_token`.

> In this step, you can select the images of the means of payment that you want to show in your store for illustrative purposes.
![Production credentials](/images/woocomerce/test-prod-credentials-api-es.png)

------------
11. Enter your production credentials `access_token` and `public_key` in the corresponding fields, being **careful not to invert the fields when copying and pasting the credentials**.

![Add payment method](/images/shopify/add-credentials-es.png)

> NOTE
>
> Note
>
> Renew your credentials as necessary, consulting the corresponding [documentation](/developers/en/docs/shopify/best-practices/credentials-best-practices/secure-credentials) as a guide. After renewal, it is essential to update them in the Shopify panel. Remember: when changing the password, **it is necessary to renew your credentials**. To do this, delete the old credentials from the panel, copy the new ones, and paste them into the admin panel of the store.
12. Click **Save credentials**.

13. To complete the installation, click **Activate**.

![Activate](/images/shopify/shopify-activate-mp.png)

> At this stage, you can select the images of the payment methods you want to display in your store for illustrative purposes.
------------
Ready! Mercado Pago's Checkout Pro is ready to process payments for your store.
66 changes: 45 additions & 21 deletions guides/shopify/integration-configuration-cho-pro.es.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,38 +23,62 @@ Para configurar el Checkout Pro en una tienda Shopify, sigue los pasos a continu
----[mla, mlm, mpe, mlu, mlc, mco]----
Al instalar [Checkout Pro](/developers/es/docs/checkout-pro/landing) (**Checkout Mercado Pago**), puede haber un **aumento en la tasa de aprobación de las ventas en la tienda en línea**. Esto sucede porque los compradores podrán pagar con una cuenta de Mercado Pago y todo el proceso de compra se realizará en nuestro entorno, lo que facilita el pago. Al final de la transacción, estos compradores son redirigidos al entorno de la tienda.

Para instalar Checkout Pro (**Checkout Mercado Pago**) en una tienda Shopify, sigue los siguientes pasos:

1. Dirígete a tu tienda [Shopify](https://accounts.shopify.com/store-login).

2. En el panel de administración de la tienda, haz clic en **Configuración** en la esquina inferior izquierda de la página.

![Panel](/images/shopify/store-panel-es.png)

3. Una vez allí, selecciona la opción **Pagos** en el menú del lado izquierdo de la página.

4. En "Formas de pago admitidas", haz clic en **Agregar formas de pago**.

![Pagos](/images/shopify/payments-page-es.png)

5. Selecciona la pestaña **Buscar por proveedor** y busca la aplicación "Checkout Mercado Pago".

![Agregar forma de pago](/images/shopify/add-payment-method-es.png)

6. Una vez localizada, selecciónala y haz clic en **Instalar**.

![Agregar forma de pago](/images/shopify/provider-es.png)

7. Lee cuidadosamente la información sobre los permisos solicitados y haz clic en **Instalar** nuevamente.

![Agregar forma de pago](/images/shopify/install-app-es.png)

8. Después de aceptar los permisos solicitados, haz clic en **Gestionar cuenta** para vincular tu cuenta de Mercado Pago con tu tienda utilizando tus credenciales.

![Agregar forma de pago](/images/shopify/manage-account-es.png)

> WARNING
>
> Atención
> Importante
>
> Si estabas usando la app antigua de Mercado Pago (**Mercado Pago**) y dejaste de recibir pagos en tu tienda, no te preocupes. Para volver a vender instala nuestra nueva app (**Checkout Mercado Pago**) siguiendo los pasos a continuación.
Para instalar Checkout Pro (**Checkout Mercado Pago**) en una tienda Shopify, sigue los siguientes pasos:

1. Ve a tu tienda [Shopify](https://accounts.shopify.com/store-login).
2. Dentro del panel administrativo de la tienda, haz clic en **Configuración**.
3. Una vez allí, selecciona la opción **Pagos**.
4. En "Formas de pago adicionales", haz clic en **Agregar formas de pago**.
5. Dirígete a la pestaña **Buscar por proveedor** y busca la nueva app con el nombre "Checkout Mercado Pago".
6. Una vez que la hayas encontrado, selecciónala y haz clic en **Activar”** y luego **Conectar**.
> Las credenciales son responsables de identificar la cuenta receptora de los pagos que recibirás en tu tienda. Si no ingresas tus credenciales en el panel de administración de la tienda, se te redirigirá automáticamente para configurar este paso. **Recuerda que la activación de los métodos de pago solo será posible después de ingresar con éxito tus credenciales**.
<center>
9. En el panel de administración de Mercado Pago, accede a **[Tus integraciones](https://www.mercadopago[FAKER][URL][DOMAIN]/developers/panel/app)** y selecciona tu aplicación. Si aún no has creado una aplicación, consulta la [documentación del Panel del desarrollador](/developers/es/docs/woocommerce/additional-content/your-integrations/dashboard) para aprender cómo hacerlo.
10. Haz clic en **Credenciales de producción** en el menú de la izquierda. Copia la `public_key` y el `access_token`.

![migracion a](/images/shopify/migration-a-es.gif)
![Production credentials](/images/woocomerce/test-prod-credentials-api-es.png)

</center>
11. Introduce tus credenciales de producción `access_token` y `public_key` en los campos correspondientes, asegurándote de **no invertir los campos al copiar y pegar las credenciales**.

7. Selecciona **Instalar aplicación** y luego **Gestionar**.
8. Coloca tus **credenciales de producción** (`public key` y `access token`) en los campos que lo solicitan y haz clic en **Guardar**. Recuerda tener a mano tus [credenciales](/developers/es/docs/shopify/additional-content/your-integrations/credentials).
9. Para completar la instalación, selecciona **Activar Checkout Mercado Pago**.
![Agregar forma de pago](/images/shopify/add-credentials-es.png)

> En este paso, podrás seleccionar las imágenes de los medios de pago que quieras mostrar en tu tienda a modo ilustrativo.
> NOTE
>
> Nota
>
> Renueva tus credenciales según sea necesario, consultando la [documentación](/developers/es/docs/shopify/best-practices/credentials-best-practices/secure-credentials) correspondiente como guía. Después de la renovación, es esencial actualizarlas en el panel de Shopify. Recuerda: al cambiar la contraseña, **es necesario renovar tus credenciales**. Para ello, elimina las credenciales antiguas del panel, copia las nuevas e ingrésalas en el panel administrativo de la tienda.
<center>
12. Haz clic en **Guardar credenciales**.

![migracion b](/images/shopify/migration-b-es.gif)
13. Para completar la instalación, selecciona **Activar**.

</center>
> En este paso, podrás seleccionar las imágenes de los medios de pago que quieras mostrar en tu tienda a modo ilustrativo.
------------

Expand Down
67 changes: 53 additions & 14 deletions guides/shopify/integration-configuration-cho-pro.pt.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,25 +23,64 @@ Para configurar o Checkout Pro em uma loja Shopify, siga os passos abaixo:
----[mla, mlm, mpe, mlu, mlc, mco]----
Ao instalar o [Checkout Pro](/developers/pt/docs/checkout-pro/landing) (**Checkout Mercado Pago**), é possível que haja um **aumento na taxa de aprovação das vendas da loja on-line**. Isso acontece porque os compradores poderão pagar usando uma conta Mercado Pago e todo o processo de compra será feito em nosso ambiente, o que facilita o pagamento. Ao final da transação, esses compradores são redirecionados ao ambiente da loja.

Para instalar o Checkout Pro (**Checkout Mercado Pago**) em sua loja Shopify, siga os seguintes passos:

1. Vá para a sua loja [Shopify](https://accounts.shopify.com/store-login).

2. No painel administrativo da loja, clique em **Configurações** no canto inferior esquerdo da página.

![Painel](/images/shopify/store-panel-pt.png)

3. Uma vez lá, selecione a opção **Pagamentos** no menu ao lado esquerdo da página.

4. Em "Formas de pagamento aceitas", clique em **Adicionar formas de pagamento**.

![Pagos](/images/shopify/payments-page-pt.png)

5. Selecione a aba **Buscar por provedor** e procure pelo aplicativo "Checkout Mercado Pago".

![Agregar forma de pago](/images/shopify/add-payment-method-pt.png)

6. Após localizá-lo, selecione-o e clique em **Instalar**.

![Agregar forma de pago](/images/shopify/provider-pt.png)

7. Leia com atenção as informações sobre as permissões solicitadas e clique em **Instalar** outra vez.

![Agregar forma de pago](/images/shopify/install-app-pt.png)

8. Após aceitar as permissões solicitadas, clique em **Gerenciar conta** para vincular sua conta Mercado Pago à sua loja através das suas credenciais.

![Agregar forma de pago](/images/shopify/manage-account-pt.png)

> WARNING
>
> Atenção
> Importante
>
> Se estava utilizando o antigo app do Mercado Pago (**Mercado Pago**) e deixou de receber pagamentos em sua loja, não se preocupe. Para voltar a vender, instale nosso novo app (**Checkout Mercado Pago**) seguindo os passos abaixo.
> As credenciais são responsáveis por identificar a conta coletora dos pagamentos que você receberá em sua loja. Caso não insira suas credenciais no painel administrativo da loja, você será automaticamente redirecionado para configurar essa etapa. **Lembre-se, a ativação dos meios de pagamento só será possível após a inserção bem-sucedida das suas credenciais**.
Para instalar o Checkout Pro (**Checkout Mercado Pago**) em sua loja Shopify, siga os seguintes passos:
9. No admin do Mercado Pago, acesse **[Suas integrações](https://www.mercadopago[FAKER][URL][DOMAIN]/developers/panel/app)** e selecione sua aplicação. Caso ainda não tenha criado uma aplicação, acesse a [documentação Painel do desenvolvedor](/developers/pt/docs/woocommerce/additional-content/your-integrations/dashboard) e saiba como criá-la.
10. Clique em **Credenciais de produção** no menu à esquerda. Copie a `public_key` e o `access_token`.

1. Vá para a sua loja [Shopify](https://accounts.shopify.com/store-login).
2. No painel administrativo da loja, clique em **Configurações**.
3. Uma vez lá, selecione a opção **Pagamentos**.
4. Em "Formas de pagamento adicionais", clique em **Adicionar formas de pagamento**.
5. Acesse a aba **Pesquisar por fornecedor** e procure o novo app com o nome "Checkout Mercado Pago".
6. Após localizá-lo, selecione-o, clique em **Ativar** e, por fim, em **Conectar**.
7. Selecione **Instalar app** e, depois, clique em **Gerenciar**.
8. Insira as suas **credenciais de produção** (`public key` e `access token`) nos campos solicitados e clique em **Salvar**. Lembre-se de ter suas [credenciais](/developers/pt/docs/shopify/additional-content/your-integrations/credentials) à mão.
9. Para finalizar a instalação, clique em **Ativar Checkout Mercado Pago**.

> Nesta etapa, você pode selecionar as imagens dos meios de pagamento que deseja exibir em sua loja para fins ilustrativos.
![Credenciais de produção](/images/woocomerce/test-prod-credentials-api.png)

11. Insira suas credenciais produtivas `access_token` e a `public_key` nos campos correspondentes, **tomando cuidado para não inverter os campos no momento de copiar e colar as credenciais**.

![Agregar forma de pago](/images/shopify/add-credentials-es.png)

> NOTE
>
> Nota
>
> Renove suas credenciais conforme necessário, consultando a [documentação](/developers/pt/docs/shopify/best-practices/credentials-best-practices/secure-credentials) correspondente como guia. Após a renovação, é essencial atualizá-las no painel de Shopify. Lembre-se: ao alterar a senha, **é necessário renovar suas credenciais**. Para isso, exclua as credenciais antigas do painel, copie as novas e insira no painel administrativo da loja.
12. Clique em **Guardar credenciais**.

13. Para finalizar a instalação, clique em **Ativar**.

![Activate](/images/shopify/shopify-activate-mp.png)

> Nesta etapa, você pode selecionar as imagens dos métodos de pagamento que deseja exibir em sua loja para fins ilustrativos.
------------

Expand Down
Loading

0 comments on commit 82a2db6

Please sign in to comment.