Can I customize how products are displayed?

You can display products in one of three layouts: List, Card, or Gallery.

To change the appearance, first configure your Product question. You can configure a question by clicking on the question in the form editor and navigating to the Question Panel. Click on the "Choose Layout" button under "Appearance", and you'll see the "Layout" dropdown menu. If you like, you can select a different layout for mobile devices.

List

Screenshot of a Products question with three products in List layout

Card

Screenshot of a Products question with three products in Card layout

Gallery

Screenshot of a Products question with three products in Gallery layout

Gotchas

  • While products can be displayed in different configurations, they can only include a title, price, and optional quantity selector. Text descriptions appearing below product titles are not supported.

Related Articles

How do I add and configure products on my form?
Our Product Field is used to capture the purchase of items and can be configured so that different products can be purchased, and in different quantities.
How do I add images to products?
To add showcase images to products, click the Question field → Navigate to the Question Panel → Click on the "Manage Products" button → Click on the "Add Images +" button → Select the image for the product.
Can I hide the prices shown on each product?
Yes, click the Product field and select "Choose Layout" from the configuration panel. Then toggle "Hide product prices."
Can I turn off image expansion when a product has an image?
Only by targeting the element using custom CSS (selected plans only).