SOLVED: Wix PAY API and custom userinfo

Ask the community
,
1

I’ve been trying to figure this out for days. Ive been trying to preload the userinfo for the Wix pay api. Something similar to this: https://www.wix.com/corvid/forum/community-discussion/wix-pay-api-help

I’ve also used this api article:
https://www.wix.com/corvid/reference/wix-pay.html#PaymentUserInfo

if anyone has a code that does this with custom fields. I would love the help.

2

Hey, assuming that you already have Wix Pay API on your checkout page, you will just need to pass the paymentOptions object as a parameter in the startPayment function. Let’s assume that you have user inputs for collecting the first name, last name, phone and email.

// This object is what you need
// Pass your data to it.
let paymentOptions = {
  userInfo: {
    firstName: $w("#firstNameInput").value,
    lastName: $w("#lastNameInput").value,
    phone: $w("#phoneInput").value,
    email: $w("#emailInput").value
  }
}


export function checkout_click(event, $w) {
  createMyPayment()
    .then( (payment) => {
      // Notice the paymentOptions as a parameter
      // below in the startPayment function.
      wixPay.startPayment(payment.id, paymentOptions);
    } );
}
3

I just saw this. I’m still having issues.
here is my backend code:

//pay.jsw
import wixPay from 'wix-pay-backend';
export function createMyPayment(description,value, customamount){
 let cPaymentString = { 
       amount: customamount * value, 
       quantity: value, 
        items:
        [{name: description, quantity:value, price: customamount, }] };   
 return wixPay.createPayment(cPaymentString);
}

Here is the personal data code PAGE

//-------------Imports-------------//
import wixData from 'wix-data';
import wixLocation from 'wix-location';
import { session } from 'wix-storage';
import wixCrm from 'wix-crm';
import { createContact } from 'backend/createContact';

//-------------Session Items------------//
$w.onReady(function () {
    $w("#next").onClick(() => {
        session.setItem("businessName", $w('#businessName').value);
        session.setItem("firstName", $w('#firstName').value);
        session.setItem("lastName", $w('#lastName').value);
        session.setItem("email", $w('#email').value);
        session.setItem("phone", $w('#phone').value);

//-------------Create Contact------------//
 let firstName = $w('#firstName').value;
 let lastName = $w('#lastName').value;
 let email = $w('#email').value;
 let phone = $w('#phone').value;
 let businessName = $w('#businessName').value;
        createContact(firstName, lastName, email, phone, businessName)
        console.log("EMAIL", email);
        console.log(session.getItem("title"))

//-------------Insert Code-------------//
if (session.getItem("title") ==='Custom Payment') {
$w('#next').link = wixLocation.to("/custom-payment") 
 } 
 else if (session.getItem("title").value ==='Payment by Mail') {
$w('#next').link = wixLocation.to("/payment-by-mail")
} else (wixLocation.to("/purchase"))
let toInsert = {
"formId": session.getItem('formId'),
"title": session.getItem('title'),
"type": session.getItem('type'),
"level": session.getItem('level'),
"member": session.getItem('member'),
"businessName": session.getItem('businessName'),
"firstName": session.getItem('firstName'),
"lastName": session.getItem('lastName'),
"email":session.getItem('email'),
"phone":session.getItem('phone'),
}
wixData.insert("paymentsDatabase", toInsert)
    .then( (results) => {
 let item = results; 
    } )
    .catch( (err) => {
 let errorMsg = err;
    } );

});
})
//-------------Payment Data Code-------------//
let paymentOptions = {
  userInfo: {
 
    firstName:session.setItem($w('#firstName').value),
    lastName: session.setItem($w('#lastName').value),
    phone: session.setItem($w('#phone').value),
    email: session.setItem($w('#email').value),
  }
}

Here is the item Page code

import wixData from 'wix-data';
import wixLocation from 'wix-location';
import { session } from 'wix-storage';
import wixCrm from 'wix-crm';
import { createContact } from 'backend/createContact';
import {createMyPayment} from 'backend/pay';
import wixPay from 'wix-pay';

//-------------Session Items------------//

$w.onReady(function () {
  console.log(session.getItem("title"))
  console.log(session.getItem("type"))
  console.log(session.getItem("level"))
  console.log(session.getItem("name"))
  console.log(session.getItem("businessName"))
  console.log(session.getItem("firstName"))
  console.log(session.getItem("lastName"))
  console.log(session.getItem("email"))
  console.log(session.getItem("phone"))
  console.log("userInfo")
});
//-------------Create Payment------------//
let paymentOptions = {
  userInfo: {
 "firstName": session.getItem("firstName").value,
 "lastName": session.getItem("lastName").value,
 "phone": session.getItem("phone").value,
 "email": session.getItem("email").value
  }
}
export function buyNow_click(event) {
    createMyPayment($w('#name').text, $w('#qty').value, $w('#price').text,)
    .then( (payment) => {
      wixPay.startPayment(payment.id);
    } );
}

When I tried to make the userInfo a backend item session could not be called

4

Backend

//pay.jsw
import wixPay from 'wix-pay-backend';
export function createMyPayment(description,value, customamount){
 let cPaymentString = { 
       amount: customamount * value, 
       quantity: value, 
        items:
        [{name: description, quantity:value, price: customamount, }] };   
 return wixPay.createPayment(cPaymentString);
}

Payment Options Data Page:

//-------------Payment Options------------//
let paymentOptions = {
  userInfo: {
    firstName: session.setItem("firstName", $w('#firstName').value),
    lastName: session.setItem("lastName", $w('#lastName').value),
    phone: session.setItem("phone", $w('#phone').value),
    email: session.setItem("email", $w('#email').value)
  }
}

Purchase Page

//-------------Create Payment------------//
let paymentOptions = {
  userInfo: {
    firstName: (session.getItem("firstName")),
    lastName: (session.getItem("lastName")),
    phone: (session.getItem("phone")),
    email: (session.getItem("email"))
  }
}
export function buyNow_click(event) {
    createMyPayment($w('#name').text, $w('#qty').value, $w('#price').text,)
    .then( (payment) => {
      wixPay.startPayment(payment.id, paymentOptions);
    } );