Step 9. Set the payment method
GraphQL checkout tutorial
You must always set a payment method for an order.
Use the following cart
query to determine which payment methods which are available for your order.
{ CART_ID }
is the unique shopping cart ID from Step 2. Create empty cart.
For logged-in customers, send the customer’s authorization token in the Authorization
parameter of the header. See Authorization tokens for more information.
Request:
1
2
3
4
5
6
7
8
query {
cart(cart_id: "{ CART_ID }") {
available_payment_methods {
code
title
}
}
}
Response:
1
2
3
4
5
6
7
8
9
10
11
12
{
"data": {
"cart": {
"available_payment_methods": [
{
"code": "checkmo",
"title": "Check / Money order"
}
]
}
}
}
Set payment method on cart
Use the setPaymentMethodOnCart
mutation to set the payment method for your order. The value checkmo
(“Check / Money order” payment method code) was returned in the query.
Send the customer’s authorization token in the Authorization
parameter of the header. See Authorization tokens for more information.
Request:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
mutation {
setPaymentMethodOnCart(input: {
cart_id: "{ CART_ID }"
payment_method: {
code: "checkmo"
}
}) {
cart {
selected_payment_method {
code
}
}
}
}
Response:
If the operation is successful, the response contains the code of the selected payment method.
1
2
3
4
5
6
7
8
9
10
11
{
"data": {
"setPaymentMethodOnCart": {
"cart": {
"selected_payment_method": {
"code": "checkmo"
}
}
}
}
}
Verify this step
-
Sign in as a customer to the website using the email
john.doe@example.com
and passwordb1b2b3l@w+
. -
Go to Checkout.
-
The selected payment method is displayed in the Payment Method section on the Review & Payments step.