UGC galleries for your website

Learn how to create and style galleries for your website

Totte Jönsson avatar
Written by Totte Jönsson
Updated over a week ago

Galleries are UGC widgets that include several posts.

Follow this tutorial on Cards to learn how to create a widget for a single post.
Follow this tutorial to learn how to embed galleries on your website.

You will find your galleries by navigating to Showcase > Galleries


Default galleries

The default galleries are pre-defined to help you get a head start with the most popular galleries. It’s not possible to change the content source for these galleries.

The following default galleries are ready for you from the start:

  • Instagram feed gallery - Displays approved posts from your own Instagram feed

  • UGC gallery - Displays all approved posts created by your members

  • All posts gallery - Displays all approved posts created by your members, from in-house uploads, and from your own Instagram feed

  • Product page gallery - Displays all approved posts tagged with a specific product, and the content changes dynamically based on which product page it's shown on.


Dynamic product page gallery

The product page gallery dynamically changes the content for each product page to show relevant posts for each product page. This means that you can use the same gallery on all product pages and let the gallery change content automatically.

You need to add product tags to make posts appear in the product page gallery. Please follow this tutorial to learn how to do that.

Your product page gallery will be collapsed if you don't have any tagged posts of the product or its variants and haven't activated the fallback.


What order content is displayed in

By default, the product page gallery will display a post tagged with the specific product. After that, it will display posts tagged with variants of that product.

You can also turn on fallback settings to ensure that there is always content displayed in the product page gallery.

Once all fallback settings are activated, the gallery will show posts in the following order:

  1. Posts tagged with the specific product (by default)

  2. Posts tagged with variants of the product (by default)

  3. Posts tagged with products from the same category (if this fallback setting is activated)

  4. Posts from a selected gallery (if this fallback setting is activated)

Fallback settings

The fallback settings help fill the product page gallery with relevant content if there are not enough posts tagged with a specific product.

The first level of fallback settings is: Fill with category posts.
The gallery will be complemented with posts from the same category if this is activated.

The second level of fallback settings is: Posts from a selected gallery.

If this is activated, the gallery will be complemented with posts from the gallery you select, e.g. picking the UGC gallery will complement the gallery with all other UGC posts.

To turn on fallback settings,

  1. Navigate to Showcase > Galleries

  2. Select the Product page gallery

  3. Click Design

  4. Click Fallback

  5. Check the Fill with Category posts option

  6. Under Fallback type, select Gallery

    1. Under Fallback gallery, select your preferred gallery

  7. Click Save changes

Preview the product page gallery for a specific product

To preview how the product page gallery will look to for a specific product,

  1. In the Product page gallery, Click Content

  2. Click Change product

  3. Search for the product you want to preview

  4. Click Select


Create new galleries

There is no limitation on how many galleries you can create

Unlike default galleries, Custom galleries don’t have a pre-defined content settings; and allows you the select one or more content sources freely.

You can select content from the following sources:

  • Label - All content from a specific label

  • Member - All content from a member

  • Product - All content tagged with a specific product

  • Product category - All content from a category (this is automatically connected to a post when you tag a post with a product)

  • Product brand - All content from a brand this is automatically connected to a post when you tag a post with a product)

  • Source - From where content was collected from (e.g. an upload form)

The content of the gallery is automatically updated when new posts match the set criterias.

To create a new gallery and select what content to display:

  1. Navigate to Showcase > Galleries

  2. Click New gallery

  3. Click Content

  4. Click Add content

  5. Select the content sources you want to include

  6. Click Save changes

Pro tip: You can handpick what posts is displayed in a specific gallery by creating a specific label for a gallery, e.g. "Home page".


Exclude content from a gallery

You are able to exclude selected posts by using a label.

To do so,

  1. Add a label to the posts you want to exclude

  2. Navigate to Showcase > Galleries

  3. Select the gallery you want to exclude these posts from

  4. Click Content

  5. Click Exclude content

  6. Select your label

  7. Click Save Changes

  8. Done - Your gallery will now exclude all posts that this label has been added to


Change the layout, style, and design of a gallery

Cevoid offer several styling options to allow you to achieve the styling you prefer without writing any code.

The most intuitive way do discover the different design options is to jump into the platform and test it out. Please reach out to the support team if you want suggestions.

To edit the design of a gallery,

  1. Navigate to Showcase > Galleries

  2. Select the gallery you want to edit

  3. Click Design

  4. Adjust the styling according to your preferences

  5. Click Save changes

The styling changes will be implemented live once you click Save changes

Please follow this tutorial of you want do further adjustment with custom CSS.

Texts and translations

Navigate to Settings > Translations > Galleries to change texts and copy for your galleries.


Pin posts in a gallery

Posts in galleries are displayed in date order to help you always showcase fresh content.
If you want to highlight selected posts, you can pin one or more posts to place them in the first positions in a gallery.

To pin posts in a gallery,

  1. Navigate to Showcase > Galleries

  2. Select the gallery you want to post posts in

  3. Click Content

  4. Click the pin icon on the posts you want you pin to the first positions

  5. Click Save changes

To pin posts in the Product page gallery,

  1. Navigate to Showcase > Galleries

  2. Select the Product page gallery

  3. Click Content

  4. Click Change product and select the product you want to pin posts for

  5. Click the pin icon on the posts you want you pin to the first positions

  6. Click Save changes


Duplicate a gallery

Duplicating a gallery to keep the exact settings and designs to a new gallery

To duplicate a gallery,

  1. Navigate to Showcase > Galleries

  2. Right-click on the gallery you want to duplicate

  3. Click Duplicate

Alternatively,

  1. Navigate to Showcase > Galleries

  2. Select your gallery

  3. Click More

  4. Click Duplicate


Change name of a gallery

Naming your galleries helps you keep track of the different galleries you create.

To change the name of a gallery,

  1. Navigate to Showcase > Galleries

  2. Right-click on the gallery you want to change the name for

  3. Click Rename

  4. Enter the new name

  5. Click Save changes

Alternatively,

  1. Navigate to Showcase > Galleries

  2. Select your gallery

  3. Click More

  4. Click Rename

  5. Enter the new name

  6. Click Save changes


Delete a gallery

To delete a gallery,

  1. Navigate to Showcase > Galleries

  2. Right-click on the gallery you want to delete

  3. Click Delete

  4. Verify by clicking Delete

Alternatively,

  1. Navigate to Showcase > Galleries

  2. Select your gallery

  3. Click More

  4. Click Delete

  5. Verify by clicking Delete

Did this answer your question?