Skip to main content

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.

Use this page when you need the base embed code for Cevoid UGC galleries and cards. If you are building product, collection, category, or brand-aware galleries, start here and then continue to Dynamic Galleries.

Add the widget script

Add the Cevoid widget script once on pages where you render galleries or cards. You can place it in the <head>, before the closing </body> tag, or next to the widget container.
<script type="module" src="https://gallery.cevoid.com/index.js" defer></script>
The script looks for elements with id="cevoid-container" and mounts a gallery or card based on the container’s data attributes. Use one container per widget.
<div id="cevoid-container" data-gallery="GALLERY_ID"></div>

Add a card container

For cards, use data-card instead of data-gallery.
<div id="cevoid-container" data-card="CARD_ID"></div>
A container should render either a gallery or a card, not both.
You can copy the gallery ID, card ID, or full embed code from the widget’s embed dialog in Cevoid.

Supported container attributes

AttributeUse
data-galleryRenders a gallery by gallery ID.
data-cardRenders a card by card ID.
data-postRenders a single post when you have a post-specific embed.
data-productFilters a dynamic gallery by product. Use auto or a product ID.
data-collectionFilters a dynamic gallery by collection. Use auto or a collection identifier.
data-categoryFilters a dynamic gallery by category. Use auto or a category identifier.
data-brandFilters a dynamic gallery by brand. Use auto or a brand slug.
data-countryOverrides country detection when needed.
data-marketSets the Cevoid market used for language, product links, and default currency behavior.
data-market-currencySets the market used for price and currency display.
data-hide-pricesHides product prices when set to true.

Next steps