# Tours The tour data on this template should be created with [TZ Portfolio+ component](https://tzportfolio.com/), so please make sure the latest version of this component is installed on your website. ### Create Tours with TZ Portfolio+ Component Please go to Admin > Components > TZ Portfolio+ > Articles > Add a new article.

#### Tour's Featured Image In the Image tab, you can upload the featured thumbnail image of the tour.

#### Tour's image gallery

To create this image slide, you should install the [Gallery Content addon](https://www.tzportfolio.com/addons/gallery-content.html) of TZ Portolio+ Component. Click **"Open the file Browser"** to upload images from your computer. And wait until all the images are loaded successfully to finish.

#### Tour Video

You should create this video section with the Video Content addon of TZ Portfolio+ extension. So please make sure you have it installed. This video addon supports YouTube or Vimeo videos, you need to copy and paste the video's url into the field.

#### Tour Plan

The tour plan section is created thanks to the built-in Accordion addon of TZ Portfolio+ extension. When creating or editing a new article, you can configure the content of tour plans in the tab Accordion.

Click the + icon to add new accordion items and input content (Title and description). And click - icon to remove the item.

#### Tour Booking Form

The tour booking form is based on the [Form Builder addon](https://www.tzportfolio.com/addons/form-builder.html) of TZ Portfolio+ extension. So you should go to Admin > Components > Addons > Click on Install/Update > Navigate the Form Builder and install it. In the tab "Form Builder", You can configure the below options on the first half options. * Email & Recipient Options: * Success & Error Message Options: * Redirect, Security & Policy Options: * Button Options:

This is the time to create the form's fields. Click on + icon to add new items. * **Field type**: Choose a field type from the drop-down list * **Field label**: Enter the field label * **Field place hover**: Enter the field's placeholder text * **Field required**: Decide if the field should be compulsory or not * **Column large**: Set the column width of the field on large devices * **Column medium**: Set the column width of the field on medium devices * **Column small**: Set the column width of the field on small devices * **Column Xsmall**: Set the column width of the field on mobile devices

--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.jollyany.co/templates/travelami/tours.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.