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.

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.

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 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 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

Learn more about pricing and plans.

Learn more

Learn more about Inquiries.