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
- Click Add New Item to open the Media Selector.
- Click Select Image to open the Image Selector (required).
- 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.
- Enter a Caption and/or a URL (optional).
- Click Save Item to save the image.
- 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).
- Inline: When campaign is viewed in an iFrame (e.g. the campaign is embedded to a website or published to a Facebook Page).
- 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.
Open "More Info" links in same window
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; }