Skip to content

Adding a Diagram to a Quote

Once you've created a diagram, you can easily include it in any quote to give your customer a visual overview of the solution.

Selecting a diagram

  1. Open the quote you want to add a diagram to.
  2. Scroll to the Architecture section in the editor.
  3. Click Choose Diagram.
  4. A picker opens showing all diagrams in your workspace, each with a preview thumbnail.
  5. Click the diagram you want to use.

The diagram's image is inserted into the architecture section of your quote.

Alternatively: upload a custom image

If you don't want to use a diagram from your library, you can also upload any image directly into the architecture section. Just click the image upload area and select a file from your computer.

This is useful for one-off diagrams or images provided by your customer.

Customizing the architecture section

After adding a diagram or image, you can:

  • Change the section label — the heading above the image (defaults to "System Architecture").
  • Add a note — a short description below the heading that provides context.
  • Toggle visibility — show or hide the entire architecture section on the published quote.

What your customer sees

Your customer sees the diagram displayed full-width in the quote. They can click on it to zoom in for a closer look — helpful for detailed diagrams where they want to read labels or see fine details.

Reusing diagrams across quotes

The same diagram can be used in as many quotes as you like. This is one of the main benefits of the Diagrams feature — design your diagram once and reuse it everywhere.

If you update a diagram after it's been added to a quote, the quote will continue showing the version that was added at the time. To use the updated version, re-select the diagram in the quote's architecture section.

Quoteworks Documentation