PeopleVouchDeveloper documentation

Embed options

Every option is an attribute on the container. Change one and reload the page; there is nothing to rebuild.

<div data-peoplevouch="wall" data-widget="{id}" data-theme="dark" data-max="3"></div>
AttributeValuesWhat it does
data-themelight · dark · autoauto follows the host page through prefers-color-scheme. The default is auto.
data-layoutgrid · masonry · carouselHow a wall widget arranges its cards. The default is your wall setting.
data-max1 to 24How many recommendations a wall widget shows. The default is 6.
data-emptycard · hideWhat an empty widget does: card shows a neutral card, hide collapses it. The default is card.
data-debugpresent or absentPrints the diagnosis on the page as well as in the console.

Not built yet

data-tag was listed here as though it worked. It does not: the loader passes the value through, and the renderer ignores it, because tags are not attached to recommendations yet. It is listed here rather than removed so that anyone who already pasted it knows why nothing happened.

The same options work as query parameters on the iframe and bare-address snippets, for example ?theme=dark&max=3. Embeds are English only for now.