Gallery design

Every gallery can be customized to match your brand and website. Choose from different layouts, adjust how posts are displayed, and add an upload button, on the gallery's Design tab. To choose which posts a gallery shows, see Galleries.

Navigate to UGC → On-site widgets⁠ and open a gallery to change its design.

The Design tab has a menu of settings groups, in this order:

• Gallery layout: How posts are arranged. See Gallery layouts.
• Post design: How each post looks. See Post styles.
• Upload button: See Upload button
• Fallback: Only on the product page gallery. See Product page gallery fallback.
• Filter labels: Only on the Grid and Masonry layouts. See Filter labels.
• Popup: How the popup looks when a visitor clicks a post. See UGC popup.
• Advanced: See Advanced settings
• Global settings: Settings for every gallery and card. See Global settings.
• Profile properties: See UGC popup

Galleries automatically inherit typography and fonts from your website once embedded, so they match your site. Your BrandKit doesn't style galleries. Every element of a gallery has a class name that starts with cevoid-, so a developer can change its styling further in your site's own CSS. Cevoid has no CSS field.

1. Navigate to UGC → On-site widgets⁠
2. Open your gallery
3. Click the Design tab
4. Apply your changes
5. Click Save changes

The gallery layout controls how your posts are arranged. Each layout offers different settings to control the number of posts shown, how they're organized, and how visitors load more content. Set it in Layout: Grid, Masonry, Collage, or Slider. A new custom gallery starts on Grid.

Grid layout: Posts display in a clean, uniform grid. This is the most common layout and works well for most use cases.

Slider layout: Posts display in a horizontal carousel that visitors can scroll through. Use it for compact spaces or to encourage browsing.

Masonry layout: Posts display in a Pinterest-style layout where images keep their original aspect ratios. This creates a more dynamic, editorial feel.

Collage layout: Posts display in a fixed artistic arrangement. Use it for hero sections or when you want a more curated, designed look.

The post style controls how individual posts look within the gallery. Each style emphasizes different information and creates a different feel. Set it in Design → Post design → Post style. The default is Tags.

Tags style: Shows product tag hotspots directly on the posts, so visitors can see that products are shoppable and exactly where to click.

Product style: Displays product information (name, price) below each post. Use it to emphasize shopping and show visitors which products are featured.

Social style: Gives posts a social media feel by showing the creator's name or handle. Use it to highlight your community and give credit to your creators.

Clean style: A minimal look with no overlays or information by default, only the images and videos.

Some settings depend on the style and the layout:

With Link to product, a post with no tagged product opens its custom link, or the popup if it has none. With Open social media post, a post that isn't from Instagram opens the popup.

Add an upload button to your gallery so visitors can submit their own content directly from your website. When clicked, the upload button opens a popup version of one of your upload forms. Visitors see the button as Upload a post. The upload button needs upload forms in your plan.

1. Navigate to UGC → On-site widgets⁠ and open the gallery
2. Click Design → Upload button
3. Set Visible to Yes
4. Optional: Select the upload form in Upload to
5. Click Save changes

On the Grid layout, the upload button takes the place of one post.

The product page gallery shows posts featuring the product the visitor is viewing. When a product has few posts, fallback content fills the gallery, so products with limited UGC still have something to show.

How content is prioritized:

1. Posts tagged with the exact product variant the visitor is viewing
2. Posts tagged with other variants that share attributes (like color or size)
3. Posts tagged with the primary product or any variant of the same product
4. Posts featuring similar products based on Cevoid's AI, when Use AI fallback is Yes. This includes products you set up separately for each color or size, without variants. See AI fallback priority.
5. Posts from the fallback gallery, when Fallback type is Gallery. The fallback gallery is also used when Cevoid can't find the page's product.

Steps 1 to 3 always apply. Manage the rest in your product page gallery under Design → Fallback.

If no posts match any of these criteria, the gallery shows no posts on that product page. On Shopify, the gallery block's Hide section if gallery is empty hides the block too: see Embed galleries on your website.

AI fallback finds similar products based on criteria you can prioritize. The same priority applies to the Fallback posts of Post-purchase and Abandon cart email widgets.

1. Navigate to Settings → AI & Agents → Products⁠
2. Under Fallback priority, drag the criteria into the order you want
3. Enable or disable each criterion with its switch
4. Click Save changes

By default, Names, Visual appearance, and Categories & Collections are on, in that order. At most 3 criteria can be on at once, and at least 1.

Set these in Design → Advanced.

Autoplaying videos are muted and have a pause button. They don't autoplay for visitors whose device is set to reduce motion.

Global settings apply to all galleries and cards. Set them in Design → Global settings of any gallery.

Product variant titles and Hide product category are available for Shopify, WooCommerce, and stores connected with a product feed.