- Pablo Ferradás
Cómo utilizar el TPV Vottun para ofrecer una pasarela de criptopagos en tu sitio web
La rápida evolución de Crypto y Defi ha despertado el interés de muchos propietarios de sitios web y tiendas en línea, ya que reconocen el potencial de implementar pagos criptográficos como una nueva opción de pago para sus clientes. En este tutorial, aprenderá cómo utilizar Vottun TPV para integrar pagos criptográficos en su sitio web.
Requisitos previos
Antes de comenzar a desarrollar, es necesario tener lo siguiente:
- Cartera Ethereum (p. ej., Metamask )
- Credenciales API de Vottun
Estos son los pasos que debes seguir para implementar un TPV criptográfico funcional utilizando nuestra solución:
- Creando el pago
- Redirigir al usuario al TPV Vottun
- Finalizar el pago y volver al sitio web
Como obtener mis credenciales
Obtener credenciales es muy fácil. Tienes la opción de obtener una prueba de 30 días en la URL https://apis.vottun.tech/trial. Complete el formulario y recibirá un correo electrónico como el siguiente con sus credenciales listas para usar.
Además de las credenciales, también recibirás la clave pública de una billetera que podrás utilizar en tus pruebas (por razones de seguridad, la clave privada siempre se guarda en nuestros servidores).
Este correo electrónico le proporcionará el token JWT (utilizado como autenticación de portador) y el ID de la aplicación, que se pasa en otro encabezado. La explicación detallada de esta configuración se explica con más detalle.
Encontrará más información sobre las API en https://developers.vottun.tech .
Paso 1: Crear el pago
Antes de redirigir al usuario al TPV se debe crear la “intención” de pago. Esto se logra con una llamada POST a nuestra API, que devuelve un hash que se utiliza para identificar el pago más adelante . El cuerpo pasado en esta llamada POST tiene los siguientes atributos:
- productName : El nombre del producto (se mostrará en el TPV)
- productDescription : La descripción del producto (se mostrará en el TPV)
- productUrl : Una url que apunta a la imagen del producto (se mostrará en el TPV)
- fiat_amount : El precio del producto que paga el usuario (en fiat)
- Moneda: la moneda fiduciaria que se utilizará para la conversión criptográfica.
La llamada API que debemos realizar a la API de Vottun para poder crear el pago es:
Al enviarlo recibiremos algo como esto:
Paso 2: Redirigir al usuario al TPV Vottun
Una vez hayamos creado el pago con éxito, podremos redirigir al usuario al TPV Vottun para poder realizar el pago criptográfico. La URL donde se debe redirigir al usuario es: https://tpv.vottun.tech/?h=<paidToken>&r=<redirect_url > La cual contiene dos parámetros de consulta:
- h: El hash que identifica el pago, obtenido en el paso anterior.
- r: La URL de redireccionamiento, a donde se redirigirá al usuario una vez que se complete el pago.
La web del TPV Vottun a la que se dirige el usuario tiene este aspecto:
Se muestra la información del producto, incluido el precio fiduciario y la moneda del pago. También hay dos botones que permiten al usuario elegir la criptografía deseada para el pago, que muestran la conversión al precio correspondiente en criptografía.
Si el usuario hace clic en el botón “ Atrás ”, el proceso se cancelará y será enviado a la página anterior. Si se quiere realizar nuevamente el pago, se deberá reiniciar el proceso desde el principio.
aparecerá la extensión de billetera Metamask : primero, pidiéndole al usuario que conecte su billetera; luego, cambia su red a la seleccionada y finalmente crea la transacción blockchain para el pago. Una vez que el usuario completa el pago en Metamask , aparece una página de confirmación para el usuario:
Desde esta página, el usuario ahora puede hacer clic en el botón “ Hecho ” y será redirigido nuevamente al sitio web original.
Conclusiones
En este tutorial, ha aprendido cómo utilizar Vottun TPV para integrar pagos criptográficos en su sitio web. Ahora sabe cómo implementar una manera sencilla de ofrecer una pasarela de criptopagos a sus clientes y aprovechar los beneficios potenciales de esta nueva tecnología emergente. La implementación de una pasarela de pagos criptográficos en su sitio web no solo ofrece una opción de pago más conveniente y segura para sus clientes, sino que también le permite acceder al creciente mercado de usuarios de criptomonedas, lo que le brinda una ventaja competitiva y potencialmente aumenta sus ingresos.
En próximos artículos profundizaremos en el uso de este TPV, con casos de uso reales de su implementación en herramientas como WordPress o Shopify.