The Interaction Designer enables you to use images in the following situations:

  • Images can be inserted into any HTML content (e.g., when composing a Statement using the HTML Editor). HTML-related images can be selected from the Image Library, or can be specified using any external URL. Using the Image Library enables you to better adjust image size to different screen sizes.
  • An image can be inserted into a Choice Interaction element. In this case, the image must be chosen from the Image Library.

The Image Library is a collection of images that is stored on the Interaction Server. Each account has a unique image collection in the Image Library.
The Image Library stores each image in several different sizes. This allows designers to select the appropriate image size, according to the screen size of the user environment (agent desktop, smartphone, etc.). A default list of image sizes is provided in a configuration file, as part of the server installation.

To insert an image into HTML content (using external URL):

  1. From the toolbar of the HTML Editor, click IconInsertImage.
    The Insert Image Location dialog appears.
  2. Select the Provide an absolute URL location of your image radio button.


    The Browse button is enabled.
  3. Enter the URL of the image in the field. Alternatively, click Browse, and then navigate to and select the relevant image.
    Note:The specified URL must be available to all users (such as images on a public server).
  4. Click OK. The image is inserted.

To insert an image into HTML content (using the Image Library):

  1. From the toolbar of the HTML Editor, click IconInsertImage.
    The Insert Image Location dialog appears.
  2. Select the Select an image from your Server’s Image Library radio button.
    The Select button is enabled.

  3. Click Select.
    The Select Image dialog opens, with a list of all available images displayed.

    Note:The images displayed in the smartphone may differ somewhat in size and resolution from the images displayed in the Preview column.
  4. If desired, filter the image list by specifying one or more of the following filter types:
    • Image Name: Enter part or all of the name of the required image.
    • Category: Select from the list.
    • Size: Select from the list.
    Then, click IconFilter. The image list is filtered according to the specified filter types.
  5. Select an image from the list.
    The Use Image button is enabled.
  6. Click Use Image. The selected image is inserted.

Revision:

Comments