> ## Documentation Index
> Fetch the complete documentation index at: https://support.servicem8.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to add a photo into a form

> Learn how to add a photo into a form in ServiceM8.

This lesson will show you how to attach a photo into your form.

## Go to Settings

<img src="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-310-72193c84-fb68-41eb-acbc-e0affbb757bc.png?fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=34d4ec5517a75a1c390ddb74521e68d8" alt="Go to Settings" width="131" height="180" data-path="images/006-811-310-72193c84-fb68-41eb-acbc-e0affbb757bc.png" />

## Click Forms

<img src="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-312-3c4210b0-fcbe-47ec-b6e7-b9e5e081c39d.png?fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=3954db411d5ff9c55b9b6a344edddda1" alt="Click Forms" width="139" height="180" data-path="images/006-811-312-3c4210b0-fcbe-47ec-b6e7-b9e5e081c39d.png" />

## In the Forms page, select a form and click Open Form to modify it

<img src="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-314-ff837b07-79f6-4a77-9d10-4f4dbbf9d304.png?fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=2b57a512710bda9edc25bc999f8b12a0" alt="In the Forms page, select a form and click Open Form to modify it" width="722" height="333" data-path="images/006-811-314-ff837b07-79f6-4a77-9d10-4f4dbbf9d304.png" />

## Add question as Photo

<img src="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-316-20ce665f-9a8a-4381-9887-89aae33605ac.png?fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=341646f55668c4d92265daf6fb72adfc" alt="Add question as Photo" width="771" height="575" data-path="images/006-811-316-20ce665f-9a8a-4381-9887-89aae33605ac.png" />

1\. Click **New Question**

2\. Name the question

3\. Click the **Question Type** drop-down list, select **Photo**

4\. You can make this question as mandatory by ticking **Mandatory**, once finished click **Save**

## Now, access the Form from the app

<img src="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-318-5f95dc9f-5923-40e4-8557-881ffdc94421.png?fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=19295c37efdfa38e7466850d00de1fa1" alt="Now, access the Form from the app " width="323" height="470" data-path="images/006-811-318-5f95dc9f-5923-40e4-8557-881ffdc94421.png" />

You can now take a photo or grab an existing photo from the job diary to be attached in the form.

## The result can be viewed from the diary as shown below

<img src="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-320-e0241c49-bdbb-4287-98df-673505574804.png?fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=0a2b97e61b0dca7ae5d67078f9ce3db1" alt="The result can be viewed from the diary as shown below" width="408" height="580" data-path="images/006-811-320-e0241c49-bdbb-4287-98df-673505574804.png" />

## If you wish to link the form's photo into the document template simply use any of its field codes as shown below:

<img src="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-323-e4970a38-a765-4258-8059-ffa045fa0cd2.png?fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=7104274a5bb84ad15ecebd6a38a7d7e7" alt="If you wish to link the form's photo into the document template simply use any of its field codes as shown below:" width="466" height="354" data-path="images/006-811-323-e4970a38-a765-4258-8059-ffa045fa0cd2.png" />

Determine the size of the photo that you would like to appear into your document template.

Small - Use this field "image\_form\_**x**\_small"

Medium - Use this field "image\_form\_**x**\_medium"

Large - Use this field "image\_form\_**x**\_large"

***Note***: "**x**" is the question name that you used in the form, for this example, it's "receipt".

### In your document template, copy and paste the field name and select it

<img src="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-327-e3ea3a5d-5170-4bf9-8a8f-723b6676e007.png?fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=c44b943fc875be40ad0c90a5c86d9902" alt="In your document template, copy and paste the field name and select it" width="301" height="122" data-path="images/006-811-327-e3ea3a5d-5170-4bf9-8a8f-723b6676e007.png" />

### Go to Insert > Quick Parts > Field > MergeField and enter or copy and paste the form's field code from the form. Click Save.

<img src="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-330-b7da24ad-993b-46e2-b515-b31d08c4346f.png?fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=0483c1876c82315efa7f84e55f92e29c" alt="Go to Insert > Quick Parts > Field > MergeField and enter or copy and paste the form's field code from the form. Click Save." data-og-width="714" width="714" data-og-height="429" height="429" data-path="images/006-811-330-b7da24ad-993b-46e2-b515-b31d08c4346f.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-330-b7da24ad-993b-46e2-b515-b31d08c4346f.png?w=280&fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=022e5a65e1344452d37d34af51e59ab6 280w, https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-330-b7da24ad-993b-46e2-b515-b31d08c4346f.png?w=560&fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=494f1600c13ee4a6e4bf272f03bd3b17 560w, https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-330-b7da24ad-993b-46e2-b515-b31d08c4346f.png?w=840&fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=4cf05dc58300cb5a276c697f53a80317 840w, https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-330-b7da24ad-993b-46e2-b515-b31d08c4346f.png?w=1100&fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=79e900357b0308d084114682fadbf866 1100w, https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-330-b7da24ad-993b-46e2-b515-b31d08c4346f.png?w=1650&fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=163b5368bc45faceacb3d9de75879499 1650w, https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-330-b7da24ad-993b-46e2-b515-b31d08c4346f.png?w=2500&fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=59e300b35c8e04c9e965ab27fa469e8f 2500w" />

### Once done that, it should changed the field name into this.

<img src="https://mintcdn.com/servicem8/3wGD2wuzGdgf-xtQ/images/006-811-335-6566cdaa-8b71-46ee-ac80-c42980080824.png?fit=max&auto=format&n=3wGD2wuzGdgf-xtQ&q=85&s=d45624fe75a5abb0c3cad69bde5105c3" alt="Once done that, it should changed the field name into this." width="310" height="140" data-path="images/006-811-335-6566cdaa-8b71-46ee-ac80-c42980080824.png" />

Save the document template and you are done! To learn more on how you can link your form to a document template, [**click here**](/help-center/servicem8-add-ons/forms/forms-how-to-link-the-contract-variation-form-to-the-contract-variation-document-template).

### Sample Output

<img src="https://mintcdn.com/servicem8/cnaokMrTWEvRZ1qs/images/006-811-339-943d29d3-f5a0-409e-86f5-e80cbe5d1ca3.png?fit=max&auto=format&n=cnaokMrTWEvRZ1qs&q=85&s=242f69a92b17ad9b23f8c456fb181887" alt="Sample Output" width="771" height="798" data-path="images/006-811-339-943d29d3-f5a0-409e-86f5-e80cbe5d1ca3.png" />
