Add an image (.jpeg, .png, or .gif) to a tour step by clicking on "Media" under the Design header in the Control Panel. Different image types like .gif, .png, and .jpg will display.

Resizing an image

The ideal image dimensions for modals are 296px high by 710px wide. To crop your image to this proportion, you can resize as follows:

Mac: using Preview

  1. Choose Tools > Adjust Size

  2. Select Pixels from the unit dropdown menu.

  3. Enter new values for height (296px) and width (710px). Note: see below on how to maintain proportions.

  4. Click Ok to save.


  • To ensure that the image keeps its original proportions, make sure “Scale proportionally” is checked. If you change either the width or height, the other value changes to maintain the proportions.

  • To make the image’s dimensions smaller without losing any detail, deselect “Resample image” before changing the width or height.

  • To resize multiple images at the same time, display the images in the same window, select them in that window’s sidebar, and then choose Tools > Adjust Size.

  1. Open Photo Gallery.

  2. Select the photos you want to resize, and then on the Edit tab, in the Properties group, click Resize.

  3. Click the Select a size list, and then select a size for your photos. For a custom size, in the Maximum dimensions box, enter the maximum width you want your photos to be.

  4. Click Resize and save.

Windows 10: using Paint

  1. Start Paint and Open the image you want to resize.

  2. On the Home tab, in the Image group, click Resize.

  3. To resize the picture so it's a specific size, click Pixels, and then enter a new width in the Horizontal box or new height in the Vertical box.

  4. Click the Paint button, then Save.


Chameleon also supports GIF's, which in essence are image files that support animation. If you'd like to create a GIF, we recommend using Kap for Mac or Gyazo for Windows.


To add a video to a Modal, enter the URL from the site where your video is hosted into the Embed Video section of the editor.

👉 Learn more about integrating videos

Learn more

Did this answer your question?