1. Crear app privada

El primer paso a realizar es crear una app privada que nos permita interactuar con tu tienda de Shopify y actualizar el estado de los pagos de las órdenes realizadas con Kredito. Para lograrlo es necesario irse a la sección de Aplicaciones dentro de tu tienda.

Seleccionamos la opción de Gestionar aplicaciones privadas que se encuentra en la parte inferior de la pantalla. Posteriormente nos debe de salir la siguiente pantalla.

Presionamos crear una nueva aplicación privada y nos pedirá los detalles de la aplicación. Le pondremos como nombre a la aplicación Kredito y como contacto de correo electrónico de desarrollador dev@kredito.io

En la sección de Panel de control API es donde se especifican los permisos de la aplicación que estamos creando. Kredito sólo necesita los permisos para manejar Pedidos y es necesario darle acceso de Leer y escribir, todas las demas pueden quedar Sin acceso.

Una vez configurando el correcto acceso del API, solamente necesitamos presionar el botón Guardar y aparecerá una dialogo para confirmar y presionamos el botón Crear aplicación

Una vez que nuestra aplicación ha sido creada debería de aparecer una Clave API y Contraseña, esta última será la Llave de acceso y es uno de los datos que necesitamos para la configuración de Shopify en el panel de Kredito.

2. Configuración de webhook

El siguiente paso es configurar el webhook que nos notifica que una nueva orden ha sido creada para pagar con Kredito. Para esto necesitamos ir a la parte de Configuración ubicada en la parte inferior del menú lateral y posteriormente la opción de Notificaciones

Una vez dentro de Notificaciones, nos vamos hasta abajo de la página hacia el apartado de Webhooks

Presionamos el botón de Crear webhook , agregamos la ruta https://api.kredito.io/orders/shopify y elegimos el evento de Creación de pedido tal como se muestra en la imagen a continuación.

Finalmente al guardar el webhook, podemos observar que aparece una leyenda de que todos los webhooks se firmarán con una firma. Esta firma será la Llave de verificación que necesitamos ingresar al panel de Kredito.

3. Agregar método de pago

En el panel de Shopify será necesario agregar Kredito como método de pago. Para realizar esto, nos vamos a Configuración -> Pagos y posteriormente a la sección de Métodos de pago manual

Presionamos la opción de Crear método de pago personalizado y agregamos la información del método de pago.

Nombre: Kredito - Paga a plazos sin tarjeta

Detalles adicionales: Realiza el pago de la compra en cuotas fijas quincenales o mensuales. Sólamente necesitaremos un pago inicial mediante SPEI y el resto se dividirá en cuotas fijas.

Instrucciones de pago: Para completar la compra, da click al botón de Pagar con Kredito para poder ver las opciones de pago a plazos y seleccionar la que más te convenga

Importante: El nombre de la forma de pago no debe modificarse para que la integración funcione correctamente

Al activar esta forma de pago, ya aparecerá en tu tienda Shopify

4. Agregar script adicional

Para facilitar el flujo de compra al cliente, agregaremos un script que mostrará un botón para Pagar con Kredito una vez confirmado el pedido en Shopify

Para poder agregar el script será necesario irse a Configuración -> Pantallas de pago . En el apartado de Procesamiento de pedidos podemos encontrar un recuadro con el titulo de Scripts adicionales.

En el recuadro de scripts adicionales agregar el siguiente código y guardar.

                                        
                                            <!-- Inicio Kredito  -->  
    <script>
    window.kredito = { 
        shop_domain:"{{shop.permanent_domain}}", 
        gateway:"{{checkout.order.gateway | downcase}}", 
        order_id:"{{ checkout.order.id}}", 
        order_number:"{{checkout.order.order_number}}", 
        total_price:{{checkout.order.total_price}}, 
        email:"{{checkout.email}}"
    };
    </script>

    <div id="kredito"></div>
    <script src="https://kredito.s3.amazonaws.com/scripts/shopify_v1.min.js"></script>
    <!-- Fin Kredito  -->
                                        
                                    

5. Configuración en Kredito

Para ligar tu tienda a tu cuenta de Kredito ahora será necesario llenar la parte de Shopify dentro de Configuración en el panel de Kredito. Los datos que se necesitan llenar son los siguientes:

Dominio: El dominio primario en el que aparece tu tienda de Shopify (tienda.myshopify.com)

LLave de acceso: Es la contraseña de la app privada que acabamos de crear.

Llave de verificación: Es la firma que se encuentra en la parte inferior de los webhooks.

Cantidad de horas para realizar el pago: Es el tiempo que tendrá el cliente para poder realizar el proceso de pago en Kredito y realizar el pago inicial. La recomendación es poner un lapso mínimo de 24 horas para que el cliente pueda dar de alta la cuenta sin problema en su banco antes de realizar el pago inicial.

Una vez dada de alta esta información, las órdenes de tu tienda que sean con Kredito empezarán su proceso de manera automáticamente enviando un correo al cliente para completar el proceso.