Preview your citation carousel
Preview the carousel for NARS Sheer Glow Foundation, then copy the embed code.
Preview on your page
Carousel for NARS Sheer Glow Foundation with 4 citations. Shoppers click a quote for its full context.
"Best foundation for dry skin"
FOForbes
"It looks like a second skin"
BFBuzzFeed
"Budget-friendly holy grail"
BFBuzzFeed
1 of 2 · citations rotate in the strip; the related-product citation is labeled with its product
Add it to your site
Place this where the carousel should display:⧉ Copy code
<div id="wgt_7c41f9" class="geodesix-widget geodesix-citation-carousel" data-geodesix-widget-id="wgt_7c41f9"></div>
Geodesix identifies the product specific citations to display based on the URL of your product page, which comes from your product feed.
Place this above the closing </body> tag:⧉ Copy code
<script>
(function(w, d, s, id) {
var js, pjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id; js.async = true;
js.type = "module";
js.src = 'https://cdn.geodesix.com/widgets/latest/loader.js';
pjs.parentNode.insertBefore(js, pjs);
}(window, document, "script", "geodesix-installer"));
</script>
Add the loader once per page template. It serves every Geodesix widget on the page.