Adding and Setting Up the Shared Gallery App

With the Shared Gallery app, you can start sharing your photos and videos by uploading them to your gallery.

Customize how your Shared Gallery looks and behaves by changing the settings, the access permissions, the title and description, the layout of your albums and photos, and the design of your gallery.

Tip:

You can also upload and manage your media from the Shared Gallery section of your site's dashboard.

In this article, learn more about:

• Adding the Shared Gallery app

• Customizing the app's settings

• Customizing the app's text and design

• Changing the app's layout

Adding the Shared Gallery app to your site

You can add the Shared Gallery app to your site from the Wix App Market.

Wix Editor

Studio Editor

1. Click Add Apps   on the left side of the editor.

2. Search for the Shared Gallery app in the search bar.

3. Click Add to Site.

Customizing the app's settings

You can customize the Shared Gallery app through the Settings tab in the app's Settings panel. Here, you can control access levels for site visitors, enable features like comments, likes, tagging, and video uploads, choose the text direction within the app, and even delete all media if it's no longer needed.

To customize the settings:

1. Select the app in your editor.

2. Click Settings.

3. Click the Settings tab.

4. Click Set permissions to set the level of access that your site visitors have to your gallery. Learn more about permissions

1. Click Back.

2. (Optional) Click Manage site members to view and manage your site members in your site's dashboard.

3. Enable or disable commenting on photos and videos, tagging members on media, and video uploads under General.

4. Select a direction for the app's text under App direction. For example, if your site uses a right-to-left language, you can change the direction of your gallery to match it.

Tip:

Click Delete All if you want to remove all albums, photos, and videos in your gallery. This permanently deletes everything in your gallery including comments, views, and likes.

Changing the app's text and design

You can adjust the text and design of your gallery from the Settings panel in your site's editor. Create an engaging title and description to attract site visitors and customize the gallery's appearance to align with your site. Options for customization include the title and description, font style and color, button and icon colors, border colors, width, and shape, as well as hover effects for items in your gallery.

To change the text and design:

1. Select the app in your editor.

2. Click Settings.

3. Click the Text tab.

4. Add a title and description for your gallery.

1. Click the Design tab.

2. Customize the design of your header, background, albums, photos, and the expanded version of your gallery items.

Header and background

1. Click Header & Background.

2. Select a font style and color for your page title, page description, "Sort by" text", and main button text under Header Style & Color.
   

3. Select a color for your main button.

4. Drag the slider beside Button corner radius to make the corners of your gallery's buttons more or less rounded.

5. Adjust the background color of your gallery and set how opaque or transparent it is under Background.

Albums

1. Click Albums.

2. Select a font style and color for your album title and "items" counter & text under Albums.
   

3. Select a left, center, or right alignment for your album text.

4. Select a color for the information card of each album.

5. Select a color that site visitors see when they hover over an album under Hover Mode. Drag the slider to set how opaque or transparent the color is.

6. Set the width and color of your album borders under Borders.

7. Drag the slider to make the corners of your album borders more or less rounded.
   

Photos

1. Click Photos.

2. Select a font style and color for member names and social counters for comments, views, and likes.
   

3. Select a color for the gradient effect that's applied to your photos and videos.

4. Set the width and color of the border around your photos and videos.

5. Drag the slider to make the corners of the border around your photos and videos more or less rounded.

6. Select a background color for the card that surrounds each photo and video and drag the slider to set how opaque or transparent the color is.

Expand Mode

Clicking on a photo or video in your Shared Gallery opens an expanded version of it. Select the colors and fonts of the text on the expanded versions of your photos and videos. You can also customize the color of the background of your expanded photos and videos and the icons that are displayed on them.

1. Click Expand Mode.

2. Select a font style and color for member names and the description text, buttons, and links in the information panel.
   

3. Select a color for the icons for moving between photos or videos and for closing the expanded version.

4. Select a color for background of the expanded version of photos and videos.

Customizing the app's layout

You can change the layout of the photos and albums in your gallery on the Settings panel of the app in your site's Editor. Customize the layout of your gallery and change settings such as the size and spacing of your photos and videos, the icons that are displayed on them, the style of your album cards, and the info that's displayed about each album.

To customize the layout:

1. Select the app in your Editor.

2. Click Settings.

3. Select the Layout tab.

4. Customize the layout of your photos and albums in your gallery.

Photos

1. Select a Minimal, Profile or Detailed layout for the photos in your gallery under Pick a style for your items:Minimal: Member name, upload date and description are visible when a user hovers over a photo.
   Profile: Member name is visible above each photo.
   Detailed: Member name and upload date are visible on each photo, with description below each photo.
   
   Note: If you'd like descriptions to be displayed, scroll down to ensure the Show description text toggle is enabled.

2. Select a Masonry, Grid, or Feed layout for the photos in your gallery under Pick a layout for your items.

3. Customize the size of your photos and videos. The number of items per row will adjust according to the item size and the size of the screen they're viewed on. 
   Note: this option is not available for the Feed layout.

4. Set the spacing between each photo or video. You can select from between 0 pixels (no space between your images) to 64 pixels.

5. Choose if you want to display the number of views and likes a photo or video has. When selected, visitors will see this information at the bottom of each photo and video in your gallery.

6. Select whether to show the most recent, most viewed, or most liked photos first.

Albums

1. Select a style for your album cards:Classic: Information is displayed below an album's preview image
   Overlay: Information is displayed on an album's preview image
   Side-by-side: The album preview and information are displayed beside each other in rows
   

2. Customize the size of your album card. The number of albums per row will adjust according to the size of your card and the size of the screen they're viewed on.

3. Customizing the spacing between each album card. You can select from between 0 pixels (no space between your albums) to 60 pixels.

4. Choose the information to display on the album card. You can select the number of items in an album, the date the album was created, and an album description (side-by-side style only).

5. Select the effect that's shown when a site visitor hovers over an album. You can choose to have no effect, a zoom-in effect, a shrink effect, or a blur effect.