# draftOrderInvoicePreview - admin - MUTATION
Version: 2024-04
## Description
Previews a draft order invoice email.
### Access Scopes
`write_draft_orders` access scope.
## Arguments
* [email](/docs/api/admin/2024-04/input-objects/EmailInput): EmailInput - Specifies the draft order invoice email fields.
* [id](/docs/api/admin/2024-04/scalars/ID): ID! - Specifies the draft order invoice email to preview.
## Returns
* [previewHtml](/docs/api/admin/2024-04/scalars/HTML): HTML The draft order invoice email rendered as HTML to allow previewing.
* [previewSubject](/docs/api/admin/2024-04/scalars/HTML): HTML The subject preview for the draft order invoice email.
* [userErrors](/docs/api/admin/2024-04/objects/UserError): UserError! The list of errors that occurred from executing the mutation.
## Examples
### Preview a draft order invoice by draft order ID
Curl example: "curl -X POST \\\nhttps://your-development-store.myshopify.com/admin/api/2024-04/graphql.json \\\n-H 'Content-Type: application/json' \\\n-H 'X-Shopify-Access-Token: {access_token}' \\\n-d '{\n\"query\": \"mutation draftOrderInvoicePreview($id: ID!) { draftOrderInvoicePreview(id: $id) { previewHtml previewSubject } }\",\n \"variables\": {\n \"id\": \"gid://shopify/DraftOrder/276395349\"\n }\n}'\n"
Node example: "const client = new shopify.clients.Graphql({session});\nconst data = await client.query({\n data: {\n \"query\": `mutation draftOrderInvoicePreview($id: ID!) {\n draftOrderInvoicePreview(id: $id) {\n previewHtml\n previewSubject\n }\n }`,\n \"variables\": {\n \"id\": \"gid://shopify/DraftOrder/276395349\"\n },\n },\n});\n"
Ruby example: "session = ShopifyAPI::Auth::Session.new(\n shop: \"your-development-store.myshopify.com\",\n access_token: access_token\n)\nclient = ShopifyAPI::Clients::Graphql::Admin.new(\n session: session\n)\n\nquery = <<~QUERY\n mutation draftOrderInvoicePreview($id: ID!) {\n draftOrderInvoicePreview(id: $id) {\n previewHtml\n previewSubject\n }\n }\nQUERY\n\nvariables = {\n \"id\": \"gid://shopify/DraftOrder/276395349\"\n}\n\nresponse = client.query(query: query, variables: variables)\n"
Remix example: "const { admin } = await authenticate.admin(request);\n\nconst response = await admin.graphql(\n `#graphql\n mutation draftOrderInvoicePreview($id: ID!) {\n draftOrderInvoicePreview(id: $id) {\n previewHtml\n previewSubject\n }\n }`,\n {\n variables: {\n \"id\": \"gid://shopify/DraftOrder/276395349\"\n },\n },\n);\n\nconst data = await response.json();\n"
Graphql query: "mutation draftOrderInvoicePreview($id: ID!) {\n draftOrderInvoicePreview(id: $id) {\n previewHtml\n previewSubject\n }\n}"
#### Graphql Input
{
"id": "gid://shopify/DraftOrder/276395349"
}
#### Graphql Response
{
"data": {
"draftOrderInvoicePreview": {
"previewHtml": "<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\" \"http://www.w3.org/TR/REC-html40/loose.dtd\">\n<html><body>\n<p>Invoice #D1 from Snowdevil</p>\n<p></p>\n</body></html>\n",
"previewSubject": "Draft Order #D1"
}
}
}
### Preview a draft order invoice with custom email input
Curl example: "curl -X POST \\\nhttps://your-development-store.myshopify.com/admin/api/2024-04/graphql.json \\\n-H 'Content-Type: application/json' \\\n-H 'X-Shopify-Access-Token: {access_token}' \\\n-d '{\n\"query\": \"mutation draftOrderInvoicePreview($id: ID!, $email: EmailInput) { draftOrderInvoicePreview(id: $id, email: $email) { previewHtml previewSubject } }\",\n \"variables\": {\n \"id\": \"gid://shopify/DraftOrder/276395349\",\n \"email\": {\n \"to\": \"test@example.com\",\n \"subject\": \"Custom subject\",\n \"customMessage\": \"Hi,\\nThis is a custom message for the customer.\"\n }\n }\n}'\n"
Node example: "const client = new shopify.clients.Graphql({session});\nconst data = await client.query({\n data: {\n \"query\": `mutation draftOrderInvoicePreview($id: ID!, $email: EmailInput) {\n draftOrderInvoicePreview(id: $id, email: $email) {\n previewHtml\n previewSubject\n }\n }`,\n \"variables\": {\n \"id\": \"gid://shopify/DraftOrder/276395349\",\n \"email\": {\n \"to\": \"test@example.com\",\n \"subject\": \"Custom subject\",\n \"customMessage\": \"Hi,\\nThis is a custom message for the customer.\"\n }\n },\n },\n});\n"
Ruby example: "session = ShopifyAPI::Auth::Session.new(\n shop: \"your-development-store.myshopify.com\",\n access_token: access_token\n)\nclient = ShopifyAPI::Clients::Graphql::Admin.new(\n session: session\n)\n\nquery = <<~QUERY\n mutation draftOrderInvoicePreview($id: ID!, $email: EmailInput) {\n draftOrderInvoicePreview(id: $id, email: $email) {\n previewHtml\n previewSubject\n }\n }\nQUERY\n\nvariables = {\n \"id\": \"gid://shopify/DraftOrder/276395349\",\n \"email\": {\n \"to\": \"test@example.com\",\n \"subject\": \"Custom subject\",\n \"customMessage\": \"Hi,\nThis is a custom message for the customer.\"\n }\n}\n\nresponse = client.query(query: query, variables: variables)\n"
Remix example: "const { admin } = await authenticate.admin(request);\n\nconst response = await admin.graphql(\n `#graphql\n mutation draftOrderInvoicePreview($id: ID!, $email: EmailInput) {\n draftOrderInvoicePreview(id: $id, email: $email) {\n previewHtml\n previewSubject\n }\n }`,\n {\n variables: {\n \"id\": \"gid://shopify/DraftOrder/276395349\",\n \"email\": {\n \"to\": \"test@example.com\",\n \"subject\": \"Custom subject\",\n \"customMessage\": \"Hi,\\nThis is a custom message for the customer.\"\n }\n },\n },\n);\n\nconst data = await response.json();\n"
Graphql query: "mutation draftOrderInvoicePreview($id: ID!, $email: EmailInput) {\n draftOrderInvoicePreview(id: $id, email: $email) {\n previewHtml\n previewSubject\n }\n}"
#### Graphql Input
{
"id": "gid://shopify/DraftOrder/276395349",
"email": {
"to": "test@example.com",
"subject": "Custom subject",
"customMessage": "Hi,\nThis is a custom message for the customer."
}
}
#### Graphql Response
{
"data": {
"draftOrderInvoicePreview": {
"previewHtml": "<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\" \"http://www.w3.org/TR/REC-html40/loose.dtd\">\n<html><body>\n<p>Invoice #D1 from Snowdevil</p>\n<p>Hi,<br>This is a custom message for the customer.</p>\n</body></html>\n",
"previewSubject": "Custom subject"
}
}
}
### Previewing a completed draft order returns an error
Curl example: "curl -X POST \\\nhttps://your-development-store.myshopify.com/admin/api/2024-04/graphql.json \\\n-H 'Content-Type: application/json' \\\n-H 'X-Shopify-Access-Token: {access_token}' \\\n-d '{\n\"query\": \"mutation draftOrderInvoicePreview($id: ID!) { draftOrderInvoicePreview(id: $id) { previewHtml userErrors { message field } } }\",\n \"variables\": {\n \"id\": \"gid://shopify/DraftOrder/989355118\"\n }\n}'\n"
Node example: "const client = new shopify.clients.Graphql({session});\nconst data = await client.query({\n data: {\n \"query\": `mutation draftOrderInvoicePreview($id: ID!) {\n draftOrderInvoicePreview(id: $id) {\n previewHtml\n userErrors {\n message\n field\n }\n }\n }`,\n \"variables\": {\n \"id\": \"gid://shopify/DraftOrder/989355118\"\n },\n },\n});\n"
Ruby example: "session = ShopifyAPI::Auth::Session.new(\n shop: \"your-development-store.myshopify.com\",\n access_token: access_token\n)\nclient = ShopifyAPI::Clients::Graphql::Admin.new(\n session: session\n)\n\nquery = <<~QUERY\n mutation draftOrderInvoicePreview($id: ID!) {\n draftOrderInvoicePreview(id: $id) {\n previewHtml\n userErrors {\n message\n field\n }\n }\n }\nQUERY\n\nvariables = {\n \"id\": \"gid://shopify/DraftOrder/989355118\"\n}\n\nresponse = client.query(query: query, variables: variables)\n"
Remix example: "const { admin } = await authenticate.admin(request);\n\nconst response = await admin.graphql(\n `#graphql\n mutation draftOrderInvoicePreview($id: ID!) {\n draftOrderInvoicePreview(id: $id) {\n previewHtml\n userErrors {\n message\n field\n }\n }\n }`,\n {\n variables: {\n \"id\": \"gid://shopify/DraftOrder/989355118\"\n },\n },\n);\n\nconst data = await response.json();\n"
Graphql query: "mutation draftOrderInvoicePreview($id: ID!) {\n draftOrderInvoicePreview(id: $id) {\n previewHtml\n userErrors {\n message\n field\n }\n }\n}"
#### Graphql Input
{
"id": "gid://shopify/DraftOrder/989355118"
}
#### Graphql Response
{
"data": {
"draftOrderInvoicePreview": {
"previewHtml": null,
"userErrors": [
{
"message": "Draft order Invoice can't be sent. This draft order is already paid.",
"field": null
}
]
}
}
}