The integration package for PAYTR payment system provider for React and other React frameworks.
This package supports both iframe API and direct API payment systems.
1- Install the paytr-react package using npm or yarn.
2- Import paytr in to your code.
import { PayTRClient } from "paytr-react";
3- Create a paytr client with your merchant environments.
(*** At this step, the values you enter will change depending on your choice between iframe API and direct API. Please check the documentation according to your preference and ensure variable substitution. Here, a variable has been used for direct API. ***)
const paytr = new PayTRClient({
merchant_id: "YOURMERCHANTID",
merchant_key: `YOURMERCHANTKEY`,
merchant_salt: `YOURMERCHANTSALT`,
debug_on: true,
no_installment: true,
max_installment: 0,
timeout_limit: 0,
test_mode: false,
non_3d: "1",
lang: "tr",
});
4- # Step for generating payment token
4.1 - IframeApi
const response = await paytr.getToken({
merchant_oid: 'unique product id',
payment_amount: 1500, // integer value | Check paytr documents
currency: 'TL',
email: 'yourmail@address.com',
user_ip: '0.0.0.0', // if you working in local using external ip | Check paytr documents
user_name: 'customer name',
user_phone: 'customer phone',
user_address: 'customer address',
user_basket: [
{
name: 'product name',
price: '1500', // interger value | Check paytr value
quantity: 1,
}
],
merchant_ok_url: 'https://yourdomain/success',
merchant_fail_url: 'https://yourdomain/fail',
});
This code will automatically generate a hash for your basket content, create a token using merchant information, and post it to the PayTR iframe address and you will get response from paytr api when everything okay.
Response: {token:XXXAAAXXXXXX}
In the final step, you can use the token received from the PayTR API either within an iframe or redirect the user to the page. For iframe examples, you can refer to the PayTR documentation.
4.2 DirectApi
const response = await paytr.directApi({
user_ip: "0.0.0.0", //your ip address
merchant_oid: "unique product id",
payment_amount: 1500, // integer | total price | check paytr documents
currency: "TL", // you will check documents for the other options
email: "customer email",
payment_type: "card",
installment_count: 0,
cc_owner: "card owner name",
card_number: "card number",
expiry_month: "expiration month",
expiry_year: "expiration year"
cvv: "card security code",
user_name: "customer name and surname",
user_phone: "customer phone",
user_address: "customer address",
user_basket: [
{
name: 'product name',
price: '1500', // interger value | Check paytr value
quantity: 1,
}
],
merchant_ok_url: "http://localhost:3000/sepetim/odeme?success=1", // customize the url
merchant_fail_url: "http://localhost:3000/sepetim/odeme?success=0", // customize the url
});
This code will automatically generate a hash for your basket content, create a token using merchant information, and post it to the PayTR directApi address and you will get response from paytr api when everything okay.
Response: some scripts
It will redirect you to the 3D secure page.
This package is not affiliated with " PayTR Ödeme ve Elektronik Para Kuruluşu A.Ş" It has been developed voluntarily by a software developer.