How to add images to your popups and panels

To add images to a popup or a panel, you can use the Custom content option. You will find this setting in the Popups & Panels settings. 

To do this:

1

In the Data tab, create a new column called Image and bind it under Info for popups. To add images, paste a hyperlink linking to them online, or right-click on an empty cell and select Upload file.

2

In the Popups & panels settings, select Custom content.

3

In order for the photo to load alongside the popup, you will have to add it as a background image. You can do this by typing the following:

4

Make sure that the {{column_name}} (in our case, Images) perfectly matches the column name containing your photos. Of course, you change the styling of your images by adjusting the custom CSS.

If your photos need different widths and heights:

1

In the Image column in the Data tab, specify the width and height in each cell, like so:

2

In this way, you can customize the height and width of each photo individually:

3

Then, in the Custom content of your popup and panel, you can simply add the {{column_name}} with no additional HTML.

To learn more about popups & panels customization, click here.