Skip to main content

Add Product Images in Pricing Tables

Upload and display product images from your Product Library, giving recipients a clear visual reference.

Updated this week

Images help your customers quickly recognize plans, add-ons, or physical components in your proposal.
You can upload product images directly to the Product Library and they’ll automatically appear whenever you insert those products into a pricing table.


Step 1: Add a product image in the Product Library

  1. Go to Products in the left-hand menu.

  2. Open a product or create a new one.

  3. Scroll down to the Add product image section.

  4. Click Add image.

You’ll see the Add image dialog with three tabs:

  • Upload image – upload from your computer.

  • Stock images – choose from free stock photos.

  • Image from URL – paste a link to an image.

  1. Upload your image or drag and drop it.

  2. Crop your image in a 1:1 aspect ratio to keep it consistent in your pricing tables.

  3. Click Save.

Your product now includes an image that can automatically appear in any document or template using that product.


Step 2: Add your product to a pricing table

Once your image is saved in the Product Library:

  1. Open your template or document in the Editor.

  2. Add a Pricing Table element if it’s not already there.

  3. Click + Add new → From Product Library.

  4. Select your product(s) — you’ll see a small image preview next to each product name.

  5. Click Add products.

The product image will now automatically appear next to the product name in your pricing table.


Step 3: Add an image directly in a product row

You can upload an image right inside your pricing table — no Product Library setup required.

  1. In the Editor, click inside your Pricing Table.

  2. Hover over the product row where you want to add an image.

  3. Click the image icon next to the product name.

  4. Choose how to upload your image:

    • Upload image from your computer

    • Stock images from the built-in image library

    • Image from URL if you already host your visuals online

  5. Adjust the crop if needed (1:1 ratio).

The image now appears next to your product name in that specific document or template.

Tip: This option is perfect for quick proposals or one-off custom visuals — for example, when adding a screenshot of your SaaS dashboard or a branded feature image.


Step 4: Change or remove an image directly in the pricing table

You can adjust the product image directly inside the pricing table:

  1. Hover over the product image.

  2. Click the image icon to:

    • Replace the image

    • Open the image dialog (to upload or crop)

    • Remove the image if needed

Changes made in the pricing table won’t affect the Product Library — they apply only to this specific document or template.


Step 4: Preview your proposal

Click Preview in the top-right corner of the Editor to see how the images appear to recipients.
Images display neatly next to product names, keeping your quote visual and easy to read.

Did this answer your question?