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

# Adding Step Note Types (Video + Photo) to Templates using the Manifest API

> Technical guide for using the Manifest API with examples and implementation details.

Users have been asking how they can utilize the Manifest API's to programmatically upload photos and videos to templates within the Client Web Application as an alternative to using tools in the Client Web Application to manually upload. Below are the instructions and code snippets that outline how to do this.

## Prerequisites

* "\[Template ID Number]" (Obtained through the Client Web Application or API)
* "\[Step Unique ID Number]" (Obtained through API by using this request [Taqtile API  Get Template](https://api.taqtile.com/#e036db3c-9b20-4911-a951-59047fa9d2ea), Field is labelled "id" in the "steps" array)
* Knowledge of API requests and manipulation of JSON

## Steps for Adding a Photo/Video to a Note

* Get a list of all photos and videos saved within Manifest. By creating an API request using this JSON body.

<img src="https://mintcdn.com/taqtile/J2z2RCHRXFb_W-Ov/images/APIPhotoVideo1.png?fit=max&auto=format&n=J2z2RCHRXFb_W-Ov&q=85&s=ef8c1254b2f7d1ff3bf2311299029b2d" alt="" style={{ width:"78%" }} width="614" height="176" data-path="images/APIPhotoVideo1.png" />

* Note the "id" for the file you would like to include in your template note. The file can be a video or photo.

<img src="https://mintcdn.com/taqtile/J2z2RCHRXFb_W-Ov/images/APIPhotoVideo2.png?fit=max&auto=format&n=J2z2RCHRXFb_W-Ov&q=85&s=9c59d1edf1d4b6d6427d1ae2b1a562c6" alt="" style={{ width:"78%" }} width="610" height="206" data-path="images/APIPhotoVideo2.png" />

* Copy the following JSON body into your API request.

<img src="https://mintcdn.com/taqtile/J2z2RCHRXFb_W-Ov/images/APIPhotoVideo3.png?fit=max&auto=format&n=J2z2RCHRXFb_W-Ov&q=85&s=3cbb76d7dec6ac3befe7bf5d4c267175" alt="" style={{ width:"78%" }} width="571" height="527" data-path="images/APIPhotoVideo3.png" />

* Replace the highlighted variables with your own id numbers and step title.

<img src="https://mintcdn.com/taqtile/J2z2RCHRXFb_W-Ov/images/APIPhotoVideo4.png?fit=max&auto=format&n=J2z2RCHRXFb_W-Ov&q=85&s=8867a4483023612a61e8847f66dc4877" alt="" style={{ width:"76%" }} width="575" height="540" data-path="images/APIPhotoVideo4.png" />

* You can also use this opportunity to add other notes, change the note order or set auto-play ON/OFF.
* Change the note type to "photo" or "video" depending on the file type.

<img src="https://mintcdn.com/taqtile/J2z2RCHRXFb_W-Ov/images/APIPhotoVideo6.png?fit=max&auto=format&n=J2z2RCHRXFb_W-Ov&q=85&s=c0afc2f82d55e8af08d7ab58b267ee0b" alt="" style={{ width:"75%" }} width="551" height="199" data-path="images/APIPhotoVideo6.png" />

* Send the request
* You should receive a http 200 ok response like the following

<img src="https://mintcdn.com/taqtile/J2z2RCHRXFb_W-Ov/images/APIPhotoVideo8.png?fit=max&auto=format&n=J2z2RCHRXFb_W-Ov&q=85&s=83fa39c15d0fc4f2c8ff1de888151905" alt="" style={{ width:"77%" }} width="588" height="181" data-path="images/APIPhotoVideo8.png" />

* Repeat this process any time if you need to update a step with a different photo or video.

## Request Body: Get All Photos and Video ID's

<img src="https://mintcdn.com/taqtile/831xz5SyhBpr2iQM/images/RequestBodyGetAllPhotosandVideos.png?fit=max&auto=format&n=831xz5SyhBpr2iQM&q=85&s=7b74c9e704beaf4eda1a5969f4d9a1d4" alt="" style={{ width:"78%" }} width="627" height="153" data-path="images/RequestBodyGetAllPhotosandVideos.png" />

## Request Body: Update Template with Photo Note

<img src="https://mintcdn.com/taqtile/831xz5SyhBpr2iQM/images/RequestBodyUpdateTemplatewithPhotoNote1.png?fit=max&auto=format&n=831xz5SyhBpr2iQM&q=85&s=5949174542007141435940800dee528a" alt="" style={{ width:"76%" }} width="631" height="354" data-path="images/RequestBodyUpdateTemplatewithPhotoNote1.png" />

<img src="https://mintcdn.com/taqtile/831xz5SyhBpr2iQM/images/RequestBodyUpdateTemplatewithPhotoNote2.png?fit=max&auto=format&n=831xz5SyhBpr2iQM&q=85&s=aed4605de001493332fd5858b6e7fa01" alt="" style={{ width:"79%" }} width="629" height="395" data-path="images/RequestBodyUpdateTemplatewithPhotoNote2.png" />

## Request Body: Update Template with Photo and Video Note

<img src="https://mintcdn.com/taqtile/831xz5SyhBpr2iQM/images/RequestBodyUpdateTemplatewithPhotoVideo1.png?fit=max&auto=format&n=831xz5SyhBpr2iQM&q=85&s=85ea9995d2ab3ad897c18cd51cea8741" alt="" style={{ width:"79%" }} width="643" height="390" data-path="images/RequestBodyUpdateTemplatewithPhotoVideo1.png" />

<img src="https://mintcdn.com/taqtile/831xz5SyhBpr2iQM/images/RequestBodyUpdateTemplatewithPhotoVideo2.png?fit=max&auto=format&n=831xz5SyhBpr2iQM&q=85&s=8d7a9f826fe1cec2919740c1f3361496" alt="" style={{ width:"69%" }} width="532" height="549" data-path="images/RequestBodyUpdateTemplatewithPhotoVideo2.png" />
