Shopify

About Shopify

Shopify is an e-commerce platform that allows to build, set up and deploy your own online store, in a quick and easy fashion.

Ponemos a su disposición nuestro link de pago para la plataforma Shopify, el cual le permitirá añadir nuestros métodos de pago soportados dentro del flujo de compra de su comercio electrónico.

Requirements

  • Count with a Shopify store created (https://es.shopify.com/).
  1.  

 

Installation

    1. Login with your Shopify store

Configurar la conexión

    1. On your Openpay admin panel, identify the API credentials assigned to your merchant account.
Configuración de plugin Shopify paso 1

Find the credentials by clicking the cog icon on the upper right corner of the screen, then select API Credentials

2. In the administration panel of your Shopify store, go to Settings -> Payments.
Configuración de plugin Shopify paso 1
3. Once inside the configuration screen, locate the section Third-party providers.
Configuración de plugin Shopify paso 2
4. Through the search engine located at the top, search and select the Gateway de Openpay.
Configuración de plugin Shopify paso 3
5. Enter the API credentials obtained in the first step.
Configuración de plugin Shopify paso 4
6. Select the checkbox Enable test mode to operate in the Sandbox environment with the test credentials.
7. Finally press the button Activate.
8. Confirm that the application settings have been saved successfully
Configuración de plugin Shopify paso 5

Configurar métodos de pago

Al configurar la pasarela de pago Openpay dentro de su plataforma Shopify, por default se habilita el método de pago con tarjetas, por lo que se hará un redirect al formulario de Openpay para completar el pago. Para activar los métodos de pago offline (pago en tiendas) soportados por Openpay, se pone a su disposición el Checkout Express. Para habilitar está opción se debe activar desde su dashboard de comercio, siga estos dos sencillos pasos para hacer la configuración:
    1. On your Openpay admin module, go to Ajustes (ícono de engrane) -> Configuraciones.
      Ajustes Dashboard Shopify
    2. Ubicar el apartado de Configuración Shopify. Una vez desplegado el Widget, seleccionar el Modo de Operación.
      • Tarjeta: Sólo se habilitará el formulario de pago con tarjetas de crédito/débito.
      • Checkout: Se muestran los métodos de pago soportados por Openpay.
Ajustes Dashboard Shopify

Importante: Solicitar la activación de los métodos de pago del Checkout One Single directamente a Soporte Openpay.

Ajustes checkout

Para procesar pagos de manera correcta en Openpay, es necesario que la plataforma Shopify envíe los datos completos del cliente que realiza la compra. Por default Shopify tiene deshabilitado capturar el número de teléfono, por lo que será necesario entrar a la configuración del checkout y cambiar este campo como dato requerido. A continuación, se describe paso a paso como hacer está configuración:

  1. En su panel de administración Shopify, dirigirse a la sección Settings -> Checkout

     

    Checkout APP Shopify paso 1
  2. Una vez dentro de la pantalla de checkout, ubicar el apartado Form Options
  3. Activar la casilla Required de la opción phone number.
    Checkout APP Shopify paso 2
  4. Para finalizar, presionar el botón Save para guardar los cambios.

Notificaciones de pagos offline

En las configuraciones, es necesario la creación de un Webhoook, para notificar cuando se ha realizado un cargo a una tarjeta o cuando un depósito se ha realizado con éxito. La creación de un Webhook dentro de Openpay se realiza como se indica a continuación:

  1. Ir al Dashboard de Openpay (Sandbox / Produccion)
  2. En la barra superior hacer click en el icono de engrane y seleccionar “Configuraciones”
  3. Hacer click en el botón Agregar para abrir el formulario que deberá ser llenado de la siguiente manera:
    • URL: Capturar la URL como se muestra la siguiente cadena (https://{apiContext}/v1/{merchantId}/shopify/webhook)

      {apiContext}: Sandbox (sandbox-api.openpay.mx) / Producción (api.openpay.mx) 
      {merchantId}: Id del comercio

    • Eventos asociados: Se sugiere dejar el valor por default (Todos los eventos) pero en caso de no querer recibir todas las notificaciones, hacer click en Personalizar eventos y seleccionar solo los deseados (es obligatorio seleccionar al menos Cargos > Completados)
    • Usar autenticación de acceso básica: Seleccionar este campo, capturar los datos solicitados y hacer click en el botón Guardar

      En ambos campos usuario y contraseña ingresar la llave privada (private key) del comercio.

    Agregar Webhook Shopify
  4. Ubicar el apartado de Webhookssection. If the webhook was configured correctly there will be a record in Verified.
    Agregar Webhook Shopify