Manage images

Note: This feature only supports invoice template customizations. Document Builder, which supports both invoice and quote template customizations, might be available on your marketplace. See Document Builder.

can upload images that they want to include on invoices, to the . For each image, the platform returns a unique URL that identifies the image storage location. Use these URLs to reference images when you create image components in JSON templates (see Build image components) and, optionally, when you populate logo images in Invoice settings (see Configure invoice headers and content).

  1. Go to the Edit JSON page with one of the following paths:
    • .
    • .
  2. Click Upload Image. A file explorer dialog opens.
  3. Navigate to and select the image.
  4. Click Open. The dialog closes.
  5. Next to the Upload image button, click the up arrow icon. The images list appears.
    • Image—Preview of the uploaded image.
    • Name—Image file name.
    • Generated URL—Unique URL that identifies the image storage location.
    • Upload date—Date the Marketplace Manager saved the file to the .
  1. Go to the Edit JSON page with one of the following paths:
    • .
    • .
  2. Next to the Upload image button, click the up arrow icon. The images list appears.
    • Image—Preview of the uploaded image.
    • Name—Image file name.
    • Generated URL—Unique URL that identifies the image storage location.
    • Upload date—Date the saved the file to the .
  3. Locate the image in the list.
  4. In the image row, click Copy image source.
  5. In the JSON editor section, click JSON. The code editor appears.
  6. Navigate to the image component or the row where you are building the image component.

    7. (For the image component JSON schema, see Manage images.)

  7. Paste the URL in the image Source property, in the following format:
    "src": "https://*"
  8. (Optional) Click Validate. The error console message bar displays the validation results.
  9. Click Preview PDF. The image appears in the invoice preview.
  10. Click Save Changes.