Guía Completa para Integrar Mercado Pago en tu Ecommerce y Optimizar la Experiencia de Compra

El comercio electrónico ha experimentado un gran crecimiento en los últimos años, lo que ha intensificado la competencia. Para destacar, es crucial adaptarse y mejorar continuamente, asegurando que los clientes te elijan a ti antes que a tus competidores.

¿Qué es Mercado Pago?

Mercado Pago es la plataforma de pago utilizada en MercadoLibre, similar a Amazon en Latinoamérica. Por lo tanto, al desarrollar una tienda virtual para esta región, es fundamental considerar la integración de Mercado Pago.

Lanzado en 2003, Mercado Pago es una plataforma de pago digital con sede en Argentina, disponible para consumidores y empresas en América Latina. Desde su lanzamiento, se ha implementado en ocho países clave: Argentina, Brasil, Chile, Colombia, México, Perú, Uruguay y Venezuela. Ofrece una forma segura, simple y conveniente de enviar y recibir pagos en línea utilizando varias tarjetas de crédito en múltiples plataformas, así como métodos de pago fuera de línea.

Si bien está activo en muchos países de LATAM, es muy popular en Argentina. A partir de julio de 2019, Mercado Pago estaba presente en el 16.5% de los dispositivos móviles Android e iOS, en comparación, PayPal estaba presente en el 0.7%.

Configuración de Mercado Pago en tu Tienda Online

Para configurar Mercado Pago, sigue estos pasos:

1. Primero debes crear una cuenta y registrarte como comerciante en el sitio www.mercadopago.com dedicado a tu país.
2. Luego ve a la consola del desarrollador para recuperar tus claves API.
3. Una vez que las haya recuperado, completa las claves API en tu back-end GoodBarber.
4. Debes reconstruir tu aplicación (PWA, Android e iOS) y enviar una actualización en Google Play y Apple Store.

Configuración Adicional

• Producción: Marcar esta casilla como SI cuando hayamos puesto los credenciales de producción. Marcaremos NO, si estamos con los de prueba.
• Cargar credenciales: Te redigirá a MercadoPago para que puedas coger de ahí tus claves de producción o prueba. Además coge los datos de checkout personalizado que es mejor para la configuración de la tienda online.
• Credenciales de prueba: Añádelos si quieres comprobar si funcionarían los pagos.
• Credenciales de Producción: Cuando ya estás listo para empezar a vender insertas la clave pública y el token de acceso.
• Experiencia de pago: Lo ideal es que sea una ventana modal, debido a que saldrá una ventana por encima de la que ya estás, es la que menos perjudica la experiencia del cliente. Redirect es que te redirige al pago en la misma pestaña y pierdes la tienda.
• Volver a la tienda: Marcaremos sí, para que analytics coja nuestros datos.
• URL de éxito: Aquí pondremos el enlace si tenemos una página personalizada de gracias por tu compra.
• Url de pago rechazado: Podemos crear aquí una página dedicada a informar de los fallos que ha podido tener en el pago para recuperar esa compra.

Atención: La configuración de moneda que tienes en WooCommerce no es compatible con la moneda que usas en tu cuenta de mercado pago. Activa la conversión de moneda: Este error suele salir cuando no se ha activado la opción que he comentado antes de conversión de moneda, una vez activada no hay error.

One Page Checkout: Simplificando el Proceso de Compra

Uno de los mayores retos al tener una tienda online es materializar las ventas. El "One Page Checkout" es un concepto que consiste en simplificar todas las páginas del proceso de compra de un ecommerce en una sola.

En muchas tiendas online, el proceso de compra conlleva cubrir los datos necesarios (información de envío, datos de pago, etc.) a través de varias páginas. Muchos usuarios abandonan sus carritos de compra por esta razón.

Beneficios del One Page Checkout

• Menos pasos: Cuantos menos pasos tengan que dar tus clientes para realizar el pago, mejor.
• Mayor rapidez: Al tener todos los campos a cubrir en la misma página, se reducirá el número de clics necesarios para terminar la compra y esta se hará con mayor rapidez.
• Reducción del abandono del carrito: Cuanto más tiempo pase desde que tus clientes añaden un producto al carrito hasta que realizan el pago y finalizan el proceso de compra, más posibilidades hay de que se arrepientan.
• Información accesible: Los clientes tienen accesible de un vistazo toda la información del proceso de compra. Los datos de facturación, envío, información sobre los datos de pago, códigos de descuento, etc.: todo es visible es una misma página, por lo que no es necesario volver atrás para consultarlo en ningún momento.

Implementación en Diferentes CMS

Implementar un sistema de One Page Checkout en tu tienda online es una tarea que varía en función de como esté hecho tu sitio web. Si está hecho a medida tendrás total libertad para adaptar la página de checkout a tu gusto.

WooCommerce (WordPress)

Si tienes o estás pensando en crear una página web en WordPress, seguramente conozcas uno de sus plugins más famosos. WooCommerce es el plugin para ecommerce más conocido y utilizado en WordPress. Es muy potente y viene con muchas opciones de personalización, pero de forma nativa no viene con un sistema de One Page Checkout configurado.

Uno de ellos es "WooCommerce One Page Checkout", una solución creada por los propios desarrolladores de WooCommerce. Eso sí, para poder utilizarla te tocará pasar por caja ya que tiene un coste de 76€ al año.

Dentro de cada producto tendrás ahora una nueva opción llamada "One Page Checkout".

Métodos de uso:

• Utilizando un shortcode en una página o post: Puedes utilizar un shortcode en una página, post o custom post type para mostrar una selección de productos.
• Tabla de productos ("product-table"): Muestra una tabla con la miniatura, título y precio de los productos seleccionados. Con este método tan sólo tienes que pulsar el icono de "One Page Checkout" que aparece en la barra de herramientas cuando estás creando una página o post. Este método no funciona con Gutenberg, el editor de bloques de WordPress.

PrestaShop

Otro de los CMS que destaca en mundo de las tiendas online es PrestaShop. Con él puedes crear sitios de ecommerce muy potentes en los que vender tus productos. Eso sí, al igual que en WooCommerce, no existe un sistema de One Page Checkout de forma nativa.

El módulo más recomendado para ello es "Módulo One Page Checkout PS", el cual puedes encontrar en el repositorio de addons de PrestaShop. Se trata de un módulo de pago que cuesta 167,99€ como pago inicial y 48€ al año en años posteriores. Aunque es de pago, es cierto que tiene muy buenas valoraciones (4,7 de media en más de 300 valoraciones).

Gracias a esta extensión, podrás simplificar el proceso de checkout de tu tienda. Además, realiza la carga de datos a través de AJAX sin necesidad de tener que recargar la página. Está disponible en varios idiomas y es completamente responsive.

Joomla

Joomla es otro de los clásicos que suelen aparecer en las listas de CMS más utilizados para la creación de sitios web. Así como para WordPress existe WooCommerce, para Joomla también existen módulos para montar un sistema de venta online.

Uno de esos módulos es Virtuemart, el cual ha sido durante años uno de los más utilizados. VP One Page Checkout es un módulo para que se lanzó en 2013 y sirve para implementar un sistema de One Page Checkout en las versiones 4, 3 y 2.6/2.0 de Virtuemart.

Funciona con AJAX y es compatible con cualquier plantilla de Joomla. También puedes elegir si hace falta estar registrado para completar el proceso de compra y modificar algunas opciones del formulario de registro (validaciones de campos en tiempo real a través de AJAX, ocultar o mostrar ciertos campos, registro y login a través de redes sociales, etc.).

Magento

Si hablamos de CMS pensados específicamente para crear tiendas online, uno de los que más destaca es Magento. Magento es una herramienta muy potente pero, al igual que los otros CMS de los que te he hablado en este post, no viene con un sistema de One Page Checkout de serie.

Para poder disfrutar de las ventajas que te aporta el One Page Checkout, tienes que instalar un módulo que añada dicha funcionalidad. Fire Checkout es un módulo cuyo precio es de 189 dólares, pero con la ventaja de que tiene licencia "lifetime".

Con este módulo dispones de 5 "layouts" responsive y personalizables para elegir.

Pagos Recurrentes con Subscriptio

Un sistema de pagos recurrentes sirve para hacer cobros automáticos con un periodo determinado (semanal, mensual, trimestral, etc) a los clientes que hayan contratado un servicio o comprado un producto de suscripción. No hay que confundir los pagos recurrentes con un sistema de pago a plazos para las compras, porque no está pensado para eso.

Para poder implementar este sistema en tu tienda vas a necesitar el plugin Subscriptio. Es cierto que existe un plugin gratuito para pagos recurrentes en el repositorio oficial de WordPress; el YITH WooCommerce Subscriptions.

IMPORTANTE: Primero tienes que descomprimir el archivo zip que te descargas y dentro de la carpeta descomprimida, verás 3 carpetas más; Documentation, Licensing y Plugin.

Configuración General de Subscriptio

Ahora, en la página de ajustes verás que hay 4 pestañas; «General», «Frontend», «Flow» y «Payments». Son solo 6 campos los que tienes que configurar.

• Charge shipping for renewal orders. Si marcas esta opción, se volverá a cobrar al cliente los gastos de envío del producto (si los tiene) cada vez que renueve la suscripción. Esta opción solo tiene sentido marcarla cuando ofreces un servicio de suscripción en el que todos los meses o semanas envías al cliente un producto físico.
• Enable multi-product subscriptions. Esta opción permite que los clientes puedan comprar diferentes productos de suscripción a la vez. Para este caso no tiene sentido marcarla.
• Limit Subscriptions. Sirve para definir los límites de las suscripciones a nivel de cliente. Yo recomiendo seleccionar la última opción si solo tienes un producto de suscripción en tu tienda.
• Subscription trial handling. Sirve para definir el límite de los periodos de prueba gratuitos de cualquier producto de suscripción, en el caso de que lo tenga. Las 3 opciones disponibles son similares a las del campo anterior, pero en este caso aplicadas a los periodos de prueba.
• Allow customers to cancel subscriptions. Sirve para habilitar al cliente la opción de cancelar su suscripción en cualquier momento y por tanto, sus pagos recurrentes. Deberías marcarla siempre, salvo que vayas a usar este plugin para crear un sistema de pago a plazos para determinados productos.
• Allow customers to pause subscriptions. Aquí tienes un ejemplo de configuración para una tienda que permite una suscripción de cada producto y un periodo de prueba de cada producto por cliente.

Ejemplo de Configuración: Aquí tienes un ejemplo de configuración para una tienda que permite una suscripción de cada producto y un periodo de prueba de cada producto por cliente.

Configuración del Frontend

• Add to cart. Aquí puedes definir el texto que quieres que se muestre en el botón de añadir al carro para los productos con suscripción. Puedes poner por ejemplo; «Contratar».
• Cheapest Price Method. Esta opción te permite elegir la forma en la que quieres mostrar el precio de un producto de suscripción con variaciones (si es un producto simple, no le afecta).

Configuración del Flujo (Flow)

• Renovación (Renewal Orders). Aquí tienes que definir cuántos días antes de que caduque una suscripción quieres que se cree un pedido de renovación. Este número debe ser menor que lo que dure la suscripción. Es decir, que si la suscripción es mensual (un pago al mes), el valor de este campo debería ser menor de 30. Yo recomiendo poner 5.
• Recordatorios de pago (Payment Reminders). Send reminders before.
• Periodo de retraso (Overdue Period). En este apartado puedes habilitar un margen de unos días de retraso pasada la fecha de renovación de la suscripción. Sirve para dar al cliente una segunda oportunidad de renovar su suscripción antes de cancelarla por no haber pagado. Yo recomiendo no activarla.
• Suspensión de la suscripción (Suspension). Sirve para suspender la suscripción de cualquier cliente que no haya pagado la cuota establecida.
• Suspension period length. Aquí defines cuantos días quieres que se mantenga una suscripción en suspensión antes de que se cancele de forma automática.

Configuración de Pagos (Payments)

Para automatizar los pagos recurrentes en tu tienda tendrás que entrar en la pestaña «Payments» de los ajustes del plugin y es en ella donde se activan las pasarelas de pago que vas a poder usar para que los pagos de los clientes se carguen automáticamente y así no tengas que estar controlando las suscripciones de forma manual.

Si vas a usar Paypal como pasarela de pago, debes tener en cuenta que el cobro de pagos recurrentes solo funciona con Paypal Express y además deberás habilitar en tu cuenta la función «Reference Transactions» contactando con el soporte técnico.

Al hacer eso se añadirá una nueva pasarela de pago llamada «Stripe by Subscriptio» en la sección «WooCommerce > Ajustes > Finalizar compra».

• Enable Stripe payment gateway. Para habilitar la pasarela.
• Capture the charge immediately. Para que el dinero del pago vaya directamente a tu cuenta de Stripe.
• Title y Description. Utilízalos para personalizar el título y la descripción de la pasarela que verán los clientes en la página de pago.
• Checkout Style. Selecciona la opción «Inline».
• Live Secret Key y Live Publishable Key. En estos 2 campos deberás introducir las claves API de entorno real de tu cuenta de Stripe. El resto de campos los puedes dejar como vienen por defecto.

Ajustes de Suscripción en el Producto

Al activar la suscripción, aparecerán 4 nuevos campos al final de la pestaña «General». Estos serán los únicos ajustes de suscripción que tendrás que configurar.

• Price is per. Aquí tendrás que indicar el ciclo de pago de la suscripción, es decir, cada cuanto tiempo quieres que se cobre al cliente para renovar su suscripción. Puedes establecerlo por días, semanas, meses o incluso años.
• Free trial. Sirve para definir un periodo de prueba gratuito, de manera que el cliente no paga nada al contratar la suscripción y solo se le hace el cobro una vez superado ese periodo de prueba.
• Sign-up fee. Sirve para definir una comisión fija inicial por contratar la suscripción.
• Max length. Se utiliza para definir un límite de duración máxima de la suscripción.

Gestión de Suscripciones

Para gestionar las suscripciones de todos los clientes deberás entrar al apartado «Subscriptions». Como podrás apreciar, es muy parecido al apartado de pedidos de WooCommerce, con la particularidad de que cada suscripción está asociada a un pedido diferente.

Aparte del apartado de suscripciones, el plugin dispone de otro apartado llamado «Transactions» donde se muestra un registro de todas las transacciones que se hayan hecho en cada suscripción.

Para modificar el estado de la suscripción solo tienes que ir a la sección «Subscription Actions» (en la esquina superior derecha) y seleccionar el estado que quieras asignar a esa suscripción.

También puedes modificar las fechas tanto de inicio como de próximo pago de la suscripción.

Tabla Resumen de Plugins y Módulos para One Page Checkout

Uno de los objetivos que todo propietario de una tienda online tiene en mente es vender más. Precisamente, una de las cosas que puedes hacer para mejorar esto último es hacer que tu tienda tenga un sistema de One Page Checkout. De esta manera, evitarás que tus clientes pasen por un proceso de compra complicado y lleno de pasos.

Sea cual sea el CMS que utilices, es posible implementar un sistema de One Page Checkout con alguno de los plugins y módulos mencionados.