> For the complete documentation index, see [llms.txt](https://uxsmart.gitbook.io/velare/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uxsmart.gitbook.io/velare/customize-your-pages/contact-page/page-template-sections.md).

# Page template sections

The contact template does not start empty. When you attach it to a page, the theme fills it with the sections that make a working contact layout: a trail at the top, a page title, a content block, the form itself, and a gallery. Keep the ones you need and delete the rest.

Everything listed here is edited in **Online Store > Themes > Customize** with your Contact page selected in the template selector.

### Sections on this template <a href="#sections-on-this-template" id="sections-on-this-template"></a>

| Section                                                                        | What it does on this page                                                                                                                             | Read it when                                                                         |
| ------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
| [breadcrumb.md](/velare/customize-your-pages/breadcrumb.md)                    | The trail at the top showing where the visitor is, with one click back to the previous level.                                                         | You want visitors to leave the contact page without using the browser back button.   |
| [page.md](/velare/customize-your-pages/page.md)                                | The title block above the content, so visitors see what the page is for before they read anything.                                                    | You are writing the heading and the line introducing the page.                       |
| [multi-content](/velare/customize-your-pages/storytelling/multi-content.md)    | A flexible block for the details that belong next to a form: opening hours, address, response times, or a short note on what to include in a message. | The form alone does not tell visitors enough.                                        |
| [contact-form.md](/velare/customize-your-pages/forms-1/contact-form.md)        | The form itself, where a visitor types their name, email, and message.                                                                                | You are changing field labels, the button text, or the enquiry dropdown.             |
| [gallery-image.md](/velare/customize-your-pages/storytelling/gallery-image.md) | A row of images under the form, often used to show the store, the team, or the workshop behind the brand.                                             | You want the page to feel like a real business rather than a form on a blank screen. |

### Suggested reading order <a href="#suggested-reading-order" id="suggested-reading-order"></a>

1. Start with [contact-form.md](/velare/customize-your-pages/forms-1/contact-form.md). It is the reason visitors open this page.
2. Then set the [page.md](/velare/customize-your-pages/page.md) title and, if you need them, the details in [multi-content](/velare/customize-your-pages/storytelling/multi-content.md).
3. Leave [gallery-image.md](/velare/customize-your-pages/storytelling/gallery-image.md) for last. It is decoration and should not push the form off the first screen.

### Related pages <a href="#related-pages" id="related-pages"></a>

* [Contact page](/velare/customize-your-pages/contact-page.md): how to create the page and attach this template
* [Contact form](/velare/customize-your-pages/contact-page/contact-form.md): the settings of the contact section on this template


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://uxsmart.gitbook.io/velare/customize-your-pages/contact-page/page-template-sections.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.