# Inquiries: Image component

> Add an image to an Inquiry screen. Upload a static asset or pull one from an Inquiry field, set alt text and fit, and add logic rules for when it appears.

Source: https://help.withpersona.com/articles/3cf7luJYDmNMcAtJhkhvQL/
Section: Inquiries > Features > Screen Components

## What is the Inquiry Image component?

An **Image** component is an Inquiry screen component that adds an image to the screen. You can customize its appearance and define logic that governs when it appears.

![imagecomponent_screenshot](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/image.png '1202x426')

Adding an image to a screen is useful for enhancing visual appeal, supporting branding, or providing content. Examples include displaying a logo at the top of the screen or adding an illustration to guide users through a process. Images help capture attention and make the interface more engaging and informative.

## How do you add an Inquiry Image component?

1.  Navigate to the Dashboard, and click on **Inquiries > Templates**.
2.  Find and click on the Inquiry template you want to edit, or **Create** a new template.
3.  Hover over a screen and click the **Pencil** icon, or double-click the screen to open it in the Screen Editing View.

    ![component-edit](https://assets.withpersona.com/f_auto,q_auto/help-center/articles/inquiries/component-edit.png '740x298')

4.  In the Left Panel, search the Component Library for ‘**Image**’.
5.  Drag and drop the Image component into your screen, and reposition it by dragging it around.
6.  Click on the Image component to open its settings in the Right Panel. The panel has two tabs: **Design** and **Logic**.
    1.  On the **Design** tab, under **Properties:**
        1.  **Mode**: Choose **Static** or **Dynamic**. Static uses an uploaded asset. Dynamic pulls the image from an Inquiry field at runtime.
            1.  Dynamic: Under **Use asset from**, reference a file or array-of-file Inquiry field. The image is resolved at runtime from the value the Inquiry collects.
        2.  **Asset**: Click **Upload** to add an image. Under **My assets**, click **Add new** to upload your own image, or select **Persona assets** to browse Persona's image library.
        3.  **Alt text**: Add alt text to describe the image. Alt text improves accessibility by describing the image for users who rely on screen readers, and provides context if the image fails to load. It ensures all users can understand the content and purpose of the image.
        4.  **Image fit**: Choose **Fit** or **Fill**. Fit preserves the image's aspect ratio. Fill stretches the image to the container width.
    2.  On the **Design** tab, use the **Layout** and **Appearance** sections to style the component. See the Design tab section on the [Screen Step components in Inquiries](https://help.withpersona.com/articles/6bdXdAJjp5OE93u7L6AgNT/) page for details.
    3.  On the **Logic** tab, add rules that govern when the component appears, and when it does not. See the Logic tab section on the [Screen Step components in Inquiries](https://help.withpersona.com/articles/6bdXdAJjp5OE93u7L6AgNT/) page for details.
7.  Use the actions at the top right of the panel to copy or delete the component.
8.  **Close** the step. You’ll have to **Save** and **Publish** the template to begin using it.

## Plans Explained

### Image component by plan

|                 | Startup Program | Essential Plan | Growth Plan | Enterprise Plan |
| --------------- | --------------- | -------------- | ----------- | --------------- |
| Image component | Available       | Available      | Available   | Available       |

[Learn more about pricing and plans](https://withpersona.com/pricing?utm_source=product&utm_medium=referral&utm_audience=a&utm_campaign=cm_gen_ds_hc-plan-table).