# How to create and send an invoice in the app

> Learn how to create and send an invoice in the app in ServiceM8.

import { Card_1 } from "../../../../components/help-center/app/basics/how-to-create-and-send-an-invoice-in-the-app/Card_1.jsx";

import { Card_2 } from "../../../../components/help-center/app/basics/how-to-create-and-send-an-invoice-in-the-app/Card_2.jsx";

import { Card_3 } from "../../../../components/help-center/app/basics/how-to-create-and-send-an-invoice-in-the-app/Card_3.jsx";

import { Card_4 } from "../../../../components/help-center/app/basics/how-to-create-and-send-an-invoice-in-the-app/Card_4.jsx";

<iframe src="https://fast.wistia.net/embed/iframe/yk7zbx56ib?web_component=true&seo=false" width="100%" height="400" frameBorder="0" allowFullScreen />

## Select a job and tap to open it

![Select a job and tap to open it](/images/006-811-112-c501a298-adf5-4536-ba66-47ad3855fdef.png)

## Tap Billing

![Tap Billing](/images/006-811-114-10440367-ff41-406f-9394-71ececbe632a.png)

## Tap add Item/Service

![Tap add Item/Service](/images/006-811-116-458bcee4-c544-4f20-bd9c-8bbef6a0d01f.png)

## Tap Browse Items

![Tap Browse Items](/images/006-811-118-e548d7c9-2db3-4c55-9132-1ca976c605a0.png)

**TIP:** You can add an item/services from recent saved searches, suggestion list or browsing the item list.

## Browse from the list

![Browse from the list](/images/006-811-120-c24f4d9e-222e-4564-bfde-7a4e1e6051cc.png)

This is a list of all items in your inventory, you can add an item that you don't have by hitting the **Add Item** button, we will do this in the next step.

## Set the quantity and price, then tap Save

![Set the quantity and price, then tap Save](/images/006-811-122-4d5c4f0d-af93-4f9f-8443-8400ab353617.png)

## The Item has been added!

![The Item has been added!](/images/006-811-124-28396c01-f462-49c6-9e22-8aa3fd79bac0.png)

## Now we will add an item that we don't have in our inventory. Tap Add Item/Service again.

![Now we will add an item that we don't have in our inventory. Tap Add Item/Service again.](/images/006-811-126-f86edbc7-9609-443c-a6c1-de98769e7cb8.png)

## Tap New Item

![Tap New Item](/images/006-811-128-a8bf7a5b-f5ae-4822-9306-c0a847d8d04f.png)

## Fill in the fields and hit Save

![Fill in the fields and hit Save](/images/006-811-130-fbe19938-fd20-4ce3-a205-f7c3f807b065.png)

## The new item has been added, now we will generate an invoice

![The new item has been added, now we will generate an invoice](/images/006-811-132-24271749-5abd-4f77-88a8-502d64fd638e.png)

## To create an invoice, tap Invoice icon

![To create an invoice, tap Invoice icon](/images/006-811-134-08cd90a7-c2d6-4aff-b5b4-e6934aa3afef.png)

## The invoice will be automatically generated.

![The invoice will be automatically generated.](/images/006-811-137-9e52033d-afbb-463d-8470-761d00730749.png)

## To email the invoice, tap the icon on the upper-right corner of the screen.

![To email the invoice, tap the icon on the upper-right corner of the screen.](/images/006-811-139-ef731bcf-12f2-493d-b903-26aa0259fbec.png)

## Tap Email Invoice

![Tap Email Invoice](/images/006-811-142-c8f29087-27ed-4ff9-bef2-0cdfd07c4df9.png)

## The customer details are automatically loaded.

![The customer details are automatically loaded.](/images/006-811-144-663a595d-6d93-490b-b0a9-44e5efae3d40.png)

**Note:** The invoice is automatically attached and an email template is loaded.

## Tap Send

![Tap Send](/images/006-811-147-71e0ce6c-3cb9-4369-b75c-69c0c84a8697.png)

Make any changes you require to the email and hit send. Email templates are configured online and you can [customise](/help-center/tips-trick-more/more/how-to-create-an-email-template-informing-clients-of-your-data-handling-practices) them to suit your business.

## That's it! The invoice has been sent via email!

You can review the email in the Diary at any time to see what emails and invoices have been sent to a client.

***

## Related articles

<Columns cols={2}>
  <Card_1 client:load />

  <Card_2 client:load />

  <Card_3 client:load />

  <Card_4 client:load />
</Columns>
