> For the complete documentation index, see [llms.txt](https://help.paintscout.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.paintscout.com/support/customization/presentations-and-terms/presentation-sections.md).

# Presentation Sections

Presentation sections are the building blocks of PaintScout proposals. Each section type serves a different purpose — from cover pages and testimonials to galleries, documents, and custom HTML. Add sections to presentation pages to create professional, multi-page proposals.

<details open>

<summary><strong>Cover Page</strong></summary>

<figure><img src="/files/QNUK2tbCvd2qGLECzBUE" alt=""><figcaption></figcaption></figure>

The Cover Page section adds a header to your presentation page. Include a title, subtitle, and logo with horizontal alignment options. Click the Text Editor icon to customize font, size, and color. Add a background color from the **Style** tab.

<figure><img src="/files/NWXbhajYuVHw1AatRGs3" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Two-Column and Three-Column</strong></summary>

<figure><img src="/files/J9PJXyufb6e6zfCgwGmI" alt=""><figcaption></figcaption></figure>

These two sections are very similar - one with two columns and the other with three. Each column can contain either text or an image/video.

* **Text:** Add a title and write in the text content.
* **Image/Video:** Upload your file, or paste a Youtube URL.

Use the **Alignment** options to move your text to the top, middle, or bottom.

<figure><img src="/files/vmBEp8Xd24U5x2OQv4Rz" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If your text content is smaller than your image, add the title directly into the content box instead of using the **Title** box (leave that blank). Depending on the content, this option might look better!
{% endhint %}

<figure><img src="/files/rCsihGEvvAIeFasJtBQg" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Centered Text</strong></summary>

<figure><img src="/files/p23xFq7d8klBCzJ9EMmi" alt=""><figcaption></figcaption></figure>

This section lets you add a title, text, and an image, all neatly centered on the page.

<figure><img src="/files/UPSt01mTP4pSY1fopE9Z" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Divider</strong></summary>

<figure><img src="/files/PF2Euj0QUrbKCKnphNPJ" alt=""><figcaption></figcaption></figure>

You can use this horizontal divider to separate sections. To customize it, go to the Style tab, where you can adjust the line color, background color, and padding.

<figure><img src="/files/eIqZ0dMN1NtBMOORWVkF" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Documents</strong></summary>

<figure><img src="/files/uLofq4lekzHb6y4qRj36" alt=""><figcaption></figcaption></figure>

Upload key documents like insurance info, warranties, or safety pamphlets. Add a section title and upload each document with its own title and description. Customers click any PDF to view it.

<figure><img src="/files/UiuuE5vVcAqttfxj1MRX" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Gallery</strong></summary>

<figure><img src="/files/duhb54mEVVGCPrtTNbyD" alt=""><figcaption></figcaption></figure>

Build a photo gallery with ease. Just add a section title, choose the number of columns from the dropdown, and, if you'd prefer no border around the images, simply uncheck the border option.

<figure><img src="/files/r8ZkH4DUfVw5SapvKvSg" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Image</strong></summary>

<figure><img src="/files/Cr2T7Foia8Y3szafGg9Y" alt=""><figcaption></figcaption></figure>

This section will show a single image or video. Choose to upload the file, or insert the Youtube URL link. You can also hyperlink to image to your website or other websites by using the **link** box at the bottom of the screen.

{% hint style="info" %}
If you are uploading a YouTube Shorts URL, you will need to manually change the word "shorts" in the URL to "embed".

For example, change the link from [www.youtube.com/](https://www.youtube.com/)**shorts**/cbF7i3xY6Zg to [www.youtube.com/](https://www.youtube.com/)**embed**/cbF7i3xY6Zg before pasting into the image presentation section.
{% endhint %}

<figure><img src="/files/5eVoDQMxfNpJbHKyGXQC" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Images Row</strong></summary>

<figure><img src="/files/cDE3Mzz7Ebxtwa8GH79A" alt=""><figcaption></figcaption></figure>

In this section, you can add multiple images with a title on the left—perfect for showcasing awards or credentials. You can also link each image, making it easy for customers to click through for more details, like your Google Reviews page.

<figure><img src="/files/QqN24iPeTcI7OqR4YF33" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Testimonials</strong></summary>

<figure><img src="/files/69nr4QbubM4L9VIPTSZU" alt=""><figcaption></figcaption></figure>

Display customer reviews with reviewer credits and optional photos. If no photo is uploaded, a profile icon in your brand color appears instead. Add a section title or leave it blank.

<figure><img src="/files/ltvfzq1m4KoYOcCFqXjn" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Text Block</strong></summary>

<figure><img src="/files/KMcq71MTfe6WzvvudcQg" alt=""><figcaption></figcaption></figure>

In this section, you can add text content.

<figure><img src="/files/AvFAklgYQhk7kvmMQ8nM" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Two Column Rows</strong></summary>

<figure><img src="/files/qXIAisvHDJr5QfS9qpmN" alt=""><figcaption></figcaption></figure>

This section places a photo on the left with content on the right — ideal for showcasing services, painting processes, or list-style items. Customize image size and alignment (top, bottom, or middle). Include a title for the section and individual titles for each row.

<figure><img src="/files/JgmJ4Y0vnkRLjrhrriRg" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Custom HTML/CSS</strong></summary>

<figure><img src="/files/PNxcRhhqm07Dn6OaqEty" alt=""><figcaption></figcaption></figure>

Add custom code for designs not available in the standard section types. Use the **Content** box for HTML code and the **Styles** box for CSS.

**Example 1:**

<figure><img src="/files/XVqvPsStj5byUfmwIT7d" alt=""><figcaption></figcaption></figure>

**Example 2:**

<figure><img src="/files/4UZpaHug1Ym5miTEOlpP" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Before &#x26; After Image Slider</strong></summary>

You can easily showcase transformations by sliding between two images. Perfect for highlighting your work in a visually engaging way!

<figure><img src="/files/Dmndwo3WRkvS1aen6toi" alt=""><figcaption></figcaption></figure>

Upload your before & after pictures, and add a title if you want!

<figure><img src="/files/PQ90mCzLU0gtwIdCYTQM" alt=""><figcaption></figcaption></figure>

Drag the arrows and watch the image transform!

<figure><img src="/files/7V2P0LcyS61lU776L3AP" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Social Media Section</strong></summary>

This section allows you to easily create quicklinks to your social media.

<figure><img src="/files/qeUetr9WgnVMDHuFuBgE" alt=""><figcaption></figcaption></figure>

Select the socials you want to display and include the link in the provided box.

<figure><img src="/files/fiRm8oVRWwLq5iZQ39Zg" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary><strong>Estimate, Estimate Pictures, Terms &#x26; Work Order</strong></summary>

When you initially set up a presentation, these sections will automatically appear on the **Estimate** page. However, you can also add or remove them at different locations within your presentation. Each section will retrieve the information as specified for each estimate.

**Estimate:** This section will show the details as they appear on the Estimate.

<figure><img src="/files/rIsDUkMtfkaGzAIxIFIq" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/qZ5TGBhqthkUQjxTvwVG" alt=""><figcaption></figcaption></figure>

**Estimate Pictures:** This section will show the pictures attached to the Estimate.

<figure><img src="/files/KCwLnONYRGaOnAT5YN5o" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/Tk2rwruRqyq8F83qrchf" alt=""><figcaption></figcaption></figure>

**Terms:** This section will show the Contract Terms of your Estimate.

<figure><img src="/files/sTowmG3l0E7ypvloQVdd" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/6GW0g4bPf1CDtqXqncWp" alt=""><figcaption></figcaption></figure>

**Work Order:** This section will show the Work Order as it appears on the Work Order page.

<figure><img src="/files/1dvri6fMgtOdckWRdZqE" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/OyL3CQIAbbvzSF0PTtzG" alt=""><figcaption></figcaption></figure>

</details>

&#x20;&#x20;

## Related articles

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Presentations Overview</strong></td><td>Build professional multi-page proposal presentations with company info, services, testimonials, and custom sections for estimates.</td><td><a href="/pages/FDttJ49IAsDo9ZE2PkJT">/pages/FDttJ49IAsDo9ZE2PkJT</a></td></tr><tr><td><strong>Setting a Default Presentation</strong></td><td>Set a default presentation (proposal template) for each estimate type so the correct layout is automatically applied to every new estimate.</td><td><a href="/pages/czmJxn5fbpScOJmDUqhQ">/pages/czmJxn5fbpScOJmDUqhQ</a></td></tr></tbody></table>


---

# 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://help.paintscout.com/support/customization/presentations-and-terms/presentation-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.