> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cevoid.com/llms.txt
> Use this file to discover all available pages before exploring further.

# UGC Widgets

> Choose the right implementation path for Cevoid UGC galleries and cards.

Use this section when you are implementing Cevoid UGC galleries or cards in code. If you only need to configure widgets in the platform, use [Galleries](/ugc/showcase/galleries) or [Cards](/ugc/showcase/cards) instead.

Cevoid UGC widgets display content collected from customers, creators, and your brand. The widget script mounts a gallery or card into each Cevoid container on your site.

## Core concepts

### Gallery

A gallery displays multiple images or videos in one widget. The content sources, layout, and design are configured in the Cevoid platform.

### Card

A card displays one selected image or video. Use cards when you want to highlight a specific content piece instead of a dynamic set of posts.

### Markets

Markets control widget language, prices, currency, currency formatting, and product links. By default, Cevoid detects the market from the page URL.

Default market detection works best when each market has a unique URL. If multiple markets share the same URL, or your site lets visitors switch language or currency without changing URL, use [Programmatic Market Values](./market-values) under [Advanced](./advanced).

### Product catalogs

Product catalogs connect product, collection, category, price, and URL data to Cevoid. Dynamic product, collection, and category galleries depend on identifiers that match the product data you send to Cevoid.

Need product feed details: [Product feeds](/integrations/product-feeds)

## Core setup

<CardGroup cols={2}>
  <Card title="Embed Galleries and Cards" icon="panel-top" href="/developer-docs/ugc-widgets/embed">
    Add the Cevoid script and render gallery or card containers on a storefront.
  </Card>

  <Card title="Dynamic Galleries" icon="gallery-horizontal" href="/developer-docs/ugc-widgets/dynamic-galleries">
    Use product, collection, category, or brand attributes to render context-aware galleries.
  </Card>

  <Card title="Runtime Helpers" icon="code" href="/developer-docs/ugc-widgets/runtime-helpers">
    Refresh widgets on dynamic pages and listen for gallery or card load state.
  </Card>
</CardGroup>

## Advanced

Use these when the core embed path is not enough.

<CardGroup cols={2}>
  <Card title="Advanced Overview" icon="settings-2" href="/developer-docs/ugc-widgets/advanced">
    Optional paths for programmatic markets, CMS blocks, and custom storefront logic.
  </Card>

  <Card title="Programmatic Market Values" icon="globe" href="/developer-docs/ugc-widgets/market-values">
    Override URL-based market detection for multi-market, language, currency, staging, and preview setups.
  </Card>

  <Card title="CMS Blocks" icon="layout-template" href="/developer-docs/ugc-widgets/cms-blocks">
    Build a reusable CMS block for content teams to add Cevoid galleries and cards safely.
  </Card>
</CardGroup>

## Related

* [Widget performance](../other/widget-performance)
* [Custom CSS](../other/custom-css)
* [Using Cevoid Galleries](../analytics/using-cevoid-galleries)