Woocommerce | Wordpress, Botón de pago Payphone

¿Qué es el plugin de Woocommerce?

El plugin de Woocommerce es la solución perfecta para recibir pagos con tarjeta de crédito y débito en WordPress. Sigue nuestro tutorial y en pocos minutos tendrás activo y funcional tu botón de pago, además aparte de tarjetas bancarias te permite recibir tarjetas de regalo y saldo Payphone de tus clientes usando nuestra app.

Pasos para integrar el plugin

Para recibir pagos con nuestro gateway solo debes seguir estos sencillos pasos:

Crear tu cuenta Payphone Business y configurarla
Instalar el plugin de Payphone en tu sitio de Wordpress
Configurar el plugin
Empezar a cobrar

Video Tutorial

En el siguiente video puedes ver como en pocos minutos se puede integrar nuestro plugin

Configuración del ambiente

Para implementar el botón de pagos, es necesario cumplir con ciertos requisitos, que se dividen en dos categorías: Requisitos Comerciales y Requisitos de Desarrollo.

Requisitos Comerciales:

El establecimiento que recibirá los pagos debe estar registrado en Payphone Business. Para iniciar el proceso de registro, puedes hacer click aquí.
Una vez que tu tienda esté activa, deberás crear un usuario de tipo «desarrollador«, del cual te proporcionaremos más detalles más adelante.

Requisitos de Desarrollo:

Es necesario configurar tu entorno de desarrollo en nuestro portal «Payphone Developer«. Aquí podrás obtener todos los tokens de autenticación necesarios para identificarte en los servicios de Payphone.

Crear usuario desarrollador

Inicia sesión en tu cuenta de Payphone Business con tu RUC, correo y contraseña.
Dirígete a la sección «Usuarios» y selecciona «Crear Usuario».

Completa el formulario ingresando todos los datos requeridos y asegúrate de seleccionar el rol «Desarrollador».

Con el usuario desarrollador creado, estarás listo para iniciar la implementación.

Página Payphone Developer

Configurar el ambiente de desarrollo en Payphone te permite gestionar y supervisar todas las transacciones realizadas a través de la plataforma de manera eficiente. Sigue estos pasos para comenzar:

1. Iniciar sesión en Payphone Developer

Ingresa a la plataforma https://appdeveloper.payphonetodoesposible.com/ e inicia sesión con las credenciales de tu usuario desarrollador (Ruc, correo y contraseña).

2. Crear Aplicación Payphone:

Las aplicaciones de desarrollo de Payphone te permiten configurar parámetros de conexión, usuarios de prueba y gestionar tu entorno (pruebas y producción). Además, te proporcionan las credenciales necesarias para la autenticación, como el token y el StoreID.

Inicia la Creación de la Aplicación
Para comenzar, haz clic en el botón “+ Agregar” ubicado en la parte superior de la página.

Completa el Formulario de Creación Se abrirá un formulario en el que deberás ingresar la información de tu aplicación. A continuación, se detallan los campos que debes completar:

Nombre: Define un nombre que identifique claramente tu aplicación.
Descripción: Añade una breve descripción de la funcionalidad o propósito de tu aplicación.
Categoría: Selecciona la categoría que mejor corresponda a tu perfil de negocio.
Plataforma de Desarrollo: Elige la plataforma donde está desarrollada tu aplicación. Si no aparece la opción exacta, selecciona la más similar.
Tipo de Aplicación: Para integrar el botón de pagos, asegúrate de seleccionar el tipo WEB.
Dominio Web: Introduce la URL de tu sitio web. Es importante solo el dominio registrado puede acceder al botón de pago de Payphone. Si intentas abrir la «cajita de pagos» desde otro dominio, el acceso será bloqueado.
URL de Respuesta: Proporciona la URL a la que se redirigirá al usuario una vez finalizada la transacción. En esta URL se adjuntarán los parámetros necesarios para obtener el detalle completo de la transacción realizada.

Después de completar todos los campos, presiona el botón Guardar.

Obtener Credenciales de Autenticación (Token, StoreID)

Una vez creada tu aplicación, obtendrás las credenciales necesarias para acceder a nuestras APIs.

Dirígete al menú superior y selecciona la pestaña Credenciales.
Podrás ver el Token y el botón que te lleva al listado de tiendas, donde encontrarás tu StoreID. Ambos cuentan con un botón para copiarlos fácilmente.

Instalar y configurar plugin

Perfecto, con tu aplicación creada podemos empezar la configuración en WordPress. Recuerda que ya debes tener instalado el plugin de Woocommerce. Dirígete en tu panel WordPress a la sección de plugins, luego en Añadir nuevo y busca el plugin de Payphone.

Para configurar tu botón debes proporcionar el token obtenido, entra en los ajustes de PayPhone en la sección de plugins e ingresa el token obtenido:

Nota: El campo StoreID (ID de tienda) debe ir vacío, a no ser que tengas varias sucursales creadas en tu tienda de Payphone Business.

Si manejas sucursales ingresa el Sotre ID este se obtiene desde la página web de PayPhone Developer, en la sección solicitud de compañía, columna Acciones, Listado de tiendas. Si no manejas sucursales deja el campo vacío.

Recuerda configurar tu tienda en woocommerce para que el cobro sea de acuerdo a tu tipo de facturación, que tengas configurado el Iva o tarifa 0% de acuerdo a los requerimientos de tu compañía.

Por ultimo configura las páginas a las que PayPhone debe ir cuando el pago sea satisfactorio o rechazado:

Luego de guardar los cambios tu plugin estará listo para transaccionar.

Pruebas y paso a producción

Como ya te hemos comentado en Payphone todo el control lo tienes tú, y eres tú quien decide cómo ejecutar las pruebas y pasar a producción. No necesitas ningún proceso de certificación y puedes publicar tu mismo sin problema. Acá te damos una guía.

Tu aplicación creada en la página de Payphone Developer cuenta con dos ambientes pre establecidos que son «PRUEBAS» y «PRODUCCIÓN«. Cuando ingresas en la configuración de tu aplicación desde nuestro sitio de Developers puedes seleccionar el ambiente que necesites.

En pruebas todas tus transacciones serán aprobadas pero no se conectaran las transacciones a ningún procesador bancario, por lo que puedes usar tus tarjetas y no se realizará ningún cobro, o cualquier Visa o Mastercard valida.

En ambiente de producción el comportamiento es el mismo, pero si se realiza la conexión bancaria por lo que las transacciones ya son reales y cuentas con tu botón de pago activo.

Con tu aplicación en producción el proceso está completo, felicidades por integrar tu plugin de Woocommerce

Sabias que...

Woocommerce | WordPress, Botón de pago Payphone