Articles in this section

See more

Gallery Widget

Avatar
Justin Heeren
  • Updated
Follow

Overview 

The Gallery Widget displays a gallery of photos on your campaign. The photos come from your Media Manager and are displayed one at a time with Next/Previous buttons to navigate through the images. You can configure each photo to be clickable, and set a different destination URL for each photo.

Setup

  1. Click Add New Item to open the Media Selector.

  2. Click Select Image to open the Image Selector (required). 

  3. Choose an existing image, or add a new image. To add a new image, drag files onto Media Library to upload, click Select Files to upload or click Enter URL. Click Select to choose the image you want to display. 

  4. Enter a Caption and/or a URL (optional).

  5. Click Save Item to save the image.

  6. Repeat steps 1-5 to add additional images.

Note: The Image Selector only allows one upload at a time. To upload multiple images at once, select the Media Manager from the main menu and upload your images there.

Each image you add to the Gallery Widget is added to a list in the Edit Widget dialog. You can edit or delete images in the gallery using the icons to the right, and rearrange the order of images by clicking dragging the handle at the left up or down.

Options

Start Up

  • Show Images as Thumbnails: Displays a thumbnail for each image. When user clicks/taps a thumbnail, the image is zoomed using one of these modes: 

    • Inline: When campaign is viewed in an iFrame (e.g. the campaign is embedded to a website or published to a Facebook Page).

    • Full Screen: When campaign is not inside an iFrame (e.g. a web-published campaign).
  • Display One Image at a Time (Inline View): Displays only the first image upon campaign load. The user can click/swipe to see other images in the gallery. 

Shuffle images

Randomly shuffles the images each time the campaign loads. This does not permanently re-sort your images, so you can turn this off to return to your original sort order.

If you enter a URL for an image, we’ll display a More Info link with the image. By default, the link will open a new browser window. Check Open "More Info" links in same window to open links in the same browser window.

Make image clickable

In addition to the More Info link, this allows the user to click the image to go to the destination URL (if any). If you want to also hide the text link, add the following to your Custom CSS:

.ss_gallery_content .widget_item p a{   
display:none; 
}

Related articles