The Woocommerce plugin is the perfect solution to receive credit and debit card payments in WordPress. Follow our tutorial and in a few minutes you will have your payment button active and functional, besides bank cards it allows you to receive gift cards and balance Payphone from your customers using our app.
Steps to integrate the plugin
To receive payments with our gateway just follow these simple steps:
Create your account Payphone Business and set it up
Installing the Payphone plugin on your Wordpress site
Configure the plugin
Start charging
Video Tutorial
In the following video you can see how in just a few minutes you can integrate our plugin
Environment configuration
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.
Create developer user
Inicia sesión en tu cuenta de Payphone Business con tu RUC, correo y contraseña.
Go to the "Users" section and select "Create User".
Complete the form by entering all the required data and make sure to select the "Developer" role.
With the developer user created, you are ready to start the implementation.
Page Payphone Developer
Setting up the development environment at Payphone allows you to manage and monitor all transactions made through the platform efficiently. Follow these steps to get started:
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.
Start Creating the Application To begin, click on the "+ Add" button located at the top of the page.
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.
Once your application is created, you will get the necessary credentials to access our 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.
Install and configure plugin
Perfect, with your application created we can start the configuration in WordPress. Remember that you must already have the Woocommerce plugin installed. Go in your WordPress dashboard to the plugins section, then Add New and look for the Payphone plugin.
To configure your button you must provide the obtained token, enter the PayPhone settings in the plugins section and enter the obtained token:
Note: The StoreID field must be empty, unless you have multiple branches created in your Payphone Business store.
If you manage branches enter the Sotre ID which is obtained from the PayPhone Developer web page, in the Company Application section, Actions column, Store List. If you do not manage branches leave the field empty.
Remember to configure your woocommerce store so that the charge is according to your billing type, that you have configured the VAT or 0% rate according to the requirements of your company.
Finally, configure the pages to which PayPhone should go when the payment is successful or rejected:
After saving the changes your plugin will be ready to trade.
Testing and production
As we have already told you in Payphone all the control is yours, and you are the one who decides how to run the tests and go to production. You don't need any certification process and you can publish yourself without any problem. Here we give you a guide.
Your application created on the Payphone Developer site has two pre-established environments which are "TESTING" and "PRODUCTION". When you enter the configuration of your application from our Developers site you can select the environment you need.
In testing all your transactions will be approved but no transactions will be connected to any bank processor, so you can use your cards and no charge will be made, or any valid Visa or Mastercard.
In production environment the behavior is the same, but if the bank connection is made, the transactions are already real and you have your payment button active.
With your application in production the process is complete, congratulations for integrating your Woocommerce plugin.