Shopify

¿Qué es Shopify?

Shopify es una plataforma de e-commerce que le permite crear, configurar y poner en funcionamiento su propia tienda en línea de manera fácil y rápida.

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.

Requerimientos

  • Contar con una tienda en Shopify (https://es.shopify.com/).
  1.  

 

Instalación

    1. Da click en el siguiente botón para habilitar los pagos soportados en Openpay para Shopify

Configurar la conexión

    1. Identificar las credenciales de API asignadas a su comercio dentro del panel de administración de Openpay.
Configuración de plugin Shopify paso 1

Para ver las credenciales, dar clic en el engrane del menú superior derecho y luego seleccionar la opción Credenciales de API

2. En el panel de administración de su tienda Shopify, dirigirse a Settings -> Payments.
Configuración de plugin Shopify paso 1
3. Una vez dentro de la pantalla de configuración, ubicar el apartado Third-party providers.
Configuración de plugin Shopify paso 2
4. A través del buscador situado en la parte superior, buscar y seleccionar el Gateway de Openpay.
Configuración de plugin Shopify paso 3
5. Ingresar las credenciales de API obtenidas en el primer paso.
Configuración de plugin Shopify paso 4
6. Selecciona la casilla Enable test mode para operar en el entorno Sandbox con las credenciales de pruebas.
7. Por último presiona el botón Activate.
8. Confirmar que la configuración de la aplicación haya sido guardada exitosamente
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. En su panel de configuración de Openpay ir a 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 Webhooks. Si el webhook fue configurado correctamente habrá un registro en estado Verificado.
    Agregar Webhook Shopify