Docs

Log in to read the version of docs relevant to your site, or use the dropdown versions

Product Images

Note:

To enable this feature, you must enable the full-page checkout layout on your Chargebee site.

Product images are a crucial business asset and help create a strong first impression of your products. They give customers a visual experience and help them make informed decisions. Chargebee allows you to add images to your plans and product offerings.

Adding product images involves two steps:

  • Enabling support for product images
  • Uploading product images to Plans, Addons, and Charges

Enabling Support for Product Images

To enable product images in your product catalog:

  1. Log in to your Chargebee site.

  2. Go to Settings > Configure Chargebee > Product Catalog.

  3. Enable the toggle for Add placeholder to collect product images.

    Once enabled, you can upload images to products or plans in your product catalog.

Upload Product Images

To add images to your plans or products:

  1. Go to Product Catalog > Plans.

  2. Click +Create Plan to create a new plan, or select an existing plan.

  3. Click Add next to the Product image option.

  4. Drag and drop the image or click Upload to select a file.

    • Supported formats: PNG and JPG, up to 1 MB in size.
    • Recommended: 1:1 aspect ratio, 400x400 px.

  5. Enter a description in the Add alt text for the image field and click Proceed.

  6. Click Change if you want to update your product image.

Follow the same steps to add images for new or existing Addons and Charges.

Here is a sample checkout page after adding product images:

If you disable product images, they will not be visible in the product catalog. However, the images are stored in the backend and will be available if you enable the feature again.

Was this article helpful?