All Collections
How To
Add images via image URL
Add images via image URL

Use an image URL to add images to your media library, then insert these into image widgets on dashboards and reports.

Tatum Savage avatar
Written by Tatum Savage
Updated over a week ago

In some cases, your team might want to add an image via URL, rather than uploading it directly from your computer. This article walks through how to do this via image URL. Alternatively, you can do so via Google Drive link.

Add images to dashboards or reports with an image URL

To get started, from the widget menu on the right of your dashboard or report, click the Objects tab. Then click, drag and drop the image widget from the sidebar onto your dashboard or report page.

With the widget selected, click Choose Image from the sidebar on the right to launch the insert image popover.

Click the By URL tab at the top left, then paste the image URL of the image you would like to add. If the image isn't currently hosted, you can use a service like Imgur to host it. Only use images that you have the confirmed license to use.

Once you've added the link, the popover will update to show a preview of the image if this has been done correctly. If you're getting an error message, jump to this step.

Then, click Add to Media Library; you may need to scroll down to see this button, depending on screen size.

One added to your media library, select the image, then click Insert in the bottom left.

Lastly, choose how you'd like the image to fit within the widget from the Image Fit dropdown, on the right. Once finished, hit save in the upper right to save these widget changes.

There are four fit types: Contain, Cover, Fill, and None.

  • Contain - This ensures the entire image fits inside the widget, and adds some empty space around the image to ensure this occurs.

  • Cover - Keeps one of the image's dimensions locked (depending on the image dimensions) to ensure the image fills the entire widget. Some cropping of either the image's width or height will occur to do this.

  • Fill - Forces the image to fit inside the widget, and will change the dimensions of the image to do so. This option is great for banners or photos that won't look strange if dimensions are different to the original image.

  • None - The raw full size image, with focus on the center of the image. Great for a banner or photo when cropping isn't a concern (e.g. a photo of a city that has no specific focus). Note that the image may change depending on screen size.

How to find an image URL

Image URLs will have the image file type at the end (.png, .jpg etc.). If the URL used does not have the file type at the end, you haven't copied the image address, but rather the page the image is hosted on, as seen below.

An image URL can be found by right clicking on an image, and copying "copy image address" from the dropdown.

What's Next:

Did this answer your question?