Gallery Elements (7:30 min)
Completion requirements
01 Getting Started
This tutorial covers the gallery, including:
- Overview of the gallery elements.
- Mapping static images.
- Mapping dynamic images.
- Interactivity options.
02 Gallery Elements Overview
1. Navigate to the element menu.
2. Select the Media tab and choose from the listed Gallery elements.
Each gallery element type is suited to different needs:
2. Select the Media tab and choose from the listed Gallery elements.
Each gallery element type is suited to different needs:
- The carousel displays a slideshow of multiple images that end users can click through.
- The testimonial carousel is an easy way to display positive reviews of your product or service.
- The extended gallery gives you the option to add more content to your gallery container.
- The gallery grid displays all the images at once in a grid format.
03 Mapping Static Values
The static value option is only available for the Gallery Carousel element.
1. Navigate to the Gallery Settings menu.
2. In the Content tab, select the Static Values Radio button and click Edit Mapping.
3. Click Add an Image to add image options.
4. Click the Choose Image button to upload an image.
5. You can choose a previously uploaded image, upload an image from your computer, or use an image link.
1. Navigate to the Gallery Settings menu.
2. In the Content tab, select the Static Values Radio button and click Edit Mapping.
3. Click Add an Image to add image options.
4. Click the Choose Image button to upload an image.
5. You can choose a previously uploaded image, upload an image from your computer, or use an image link.
04 Mapping Dynamic Values
1. Navigate to the Gallery Settings menu.
2. In the Content tab, select the Dynamic Values Radio button and click Sync from Salesforce.
3. In the Salesforce Configuration window, choose the Salesforce record that contains the images you want to display using the dropdown. Click Next.
4. Create a condition if you only want to display specific images and click Next.
5. In the mapping step, you can map the Salesforce images to your gallery. You can map data to the image thumbnails and sync descriptions.
2. In the Content tab, select the Dynamic Values Radio button and click Sync from Salesforce.
3. In the Salesforce Configuration window, choose the Salesforce record that contains the images you want to display using the dropdown. Click Next.
4. Create a condition if you only want to display specific images and click Next.
5. In the mapping step, you can map the Salesforce images to your gallery. You can map data to the image thumbnails and sync descriptions.
05 Interactivity Options
Let’s look at a few Interactivity options found in the gallery setting menu. Some of these options differ depending on the gallery element type.
- Show navigation shows or hides the navigation arrows.
- The full-screen button allows users to see the image in full-screen mode.
- You can display thumbnails and choose the position of the thumbnails.
- Autoplay images so the slideshow will automatically start playing.
- Display the play button to users for them to start or pause the slideshow.
