How to Manage Customers
In this document, you’ll learn how to implement customer management functionalities for admin users.
Overview
Using the customer admin REST APIs, you can manage customers, including creating, updating, and listing them.
Scenario
You want to add or use the following admin functionalities:
- List customers
- Add a new customer
- Edit a customer’s details
Prerequisites
Medusa Components
It is assumed that you already have a Medusa backend installed and set up. If not, you can follow the quickstart guide to get started.
JS Client
This guide includes code snippets to send requests to your Medusa backend using Medusa’s JS Client, JavaScript’s Fetch API, or cURL.
If you follow the JS Client code blocks, it’s assumed you already have Medusa’s JS Client installed and have created an instance of the client.
Medusa React
This guide also includes code snippets to send requests to your Medusa backend using Medusa React, among other methods.
If you follow the Medusa React code blocks, it's assumed you already have Medusa React installed and have used MedusaProvider higher in your component tree.
Authenticated Admin User
You must be an authenticated admin user before following along with the steps in the tutorial.
You can learn more about authenticating as an admin user in the API reference.
List Customers
You can show a list of customers by sending a request to the List Customers API Route:
import { useAdminCustomers } from "medusa-react"
const Customers = () => {
const { customers, isLoading } = useAdminCustomers()
return (
<div>
{isLoading && <span>Loading...</span>}
{customers && !customers.length && (
<span>No customers</span>
)}
{customers && customers.length > 0 && (
<ul>
{customers.map((customer) => (
<li key={customer.id}>{customer.first_name}</li>
))}
</ul>
)}
</div>
)
}
export default Customers
This request doesn’t require any path or query parameters. You can pass it optional parameters used for filtering and pagination. Check out the API reference to learn more.
This request returns the following data in the response:
customers
: An array of customers.limit
: The maximum number of customers that can be returned in the request.offset
: The number of customers skipped in the result.count
: The total number of customers available.
You can learn more about pagination in the API reference.
Create a Customer
Admins can create customer accounts. They have to supply the customer’s credentials and basic info.
You can create a customer account by sending a request to the Create a Customer API Route:
import { useAdminCreateCustomer } from "medusa-react"
type CustomerData = {
first_name: string
last_name: string
email: string
password: string
}
const CreateCustomer = () => {
const createCustomer = useAdminCreateCustomer()
// ...
const handleCreate = (customerData: CustomerData) => {
createCustomer.mutate(customerData, {
onSuccess: ({ customer }) => {
console.log(customer.id)
}
})
}
// ...
}
export default CreateCustomer
This request requires the following body parameters:
email
: The email of the customer.password
: The password of the customer.first_name
: The customer’s first name.last_name
: the customer’s last name.
You can also pass other optional parameters. To learn more, check out the API reference.
The request returns the created customer object in the response.
Edit Customer’s Information
An admin can edit a customer’s basic information and credentials.
You can edit a customer’s information by sending a request to the Update a Customer API Route:
import { useAdminUpdateCustomer } from "medusa-react"
type CustomerData = {
first_name: string
last_name: string
email: string
password: string
}
type Props = {
customerId: string
}
const Customer = ({ customerId }: Props) => {
const updateCustomer = useAdminUpdateCustomer(customerId)
// ...
const handleUpdate = (customerData: CustomerData) => {
updateCustomer.mutate(customerData)
}
// ...
}
export default Customer
This request accepts any of the customer’s fields as body parameters. In this example, you update the customer’s first name. You can learn more about accepted body parameters in the API reference.
This request returns the updated customer object in the response.