How do I add an image to a Tender knowledge base article?

Updated 11 Oct, 2026 08:42 PM in Getting Started

Screenshots make step-by-step articles much easier to follow. You can upload images to Tender from the article editor, or use images you host somewhere else.

Upload an image with the file drawer

Your Tender site has its own file storage, the file drawer, beside the article editor.

  1. In the dashboard, open the article (Knowledge Base, then the article's title) or create one with Create an Article.
  2. Click Show file drawer, above the right-hand side of Content.
  3. Click Upload a new file and choose the image, or drag image files from your computer onto the drawer.

The article editor with the file drawer open beside Content, and the "Upload a new file" button

  1. Click where the image should go in Content, then click the image in the drawer. Tender adds a line like this at that spot:

    recurring-tasks.png

  2. Click Preview article below the editor to check it, then save.

The words in the square brackets are the image's description (its "alt text"), read out by screen readers and shown if the image can't load. Replace the file name with a few words about what the picture shows.

The image Tender adds is a copy scaled down to fit 640 × 640 pixels. For the full-size image, remove /normal from the address.

Managing your files

  • Search these files… at the top of the drawer finds a file by name.
  • Click a file that isn't an image (a PDF, say) to add a link to it instead.
  • To remove files, click Edit, click the remove button next to each file, then Done. Remove only files no article uses any more: their images and links stop working.

The drawer holds all your site's files, so images you uploaded for one article (or for your logo) can be used in any other.

Use an image hosted elsewhere

If the image is already online, add it with Markdown:

![Description of the image](https://www.example.com/images/recurring-tasks.png)

or with an HTML tag:

<img src="https://www.example.com/images/recurring-tasks.png" alt="Description of the image">

Use an https:// address, or browsers may not show the image on your site.

More from the knowledge base