Skip to main content
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