Vite + React

For Vite-powered React projects, the widget script goes directly in index.html.

Install#

No package install needed. Replace YOUR_PROJECT_ID with the value from /v1/projects.

Add the script#

In index.html, add this to the <head> (or before the closing </body>):

<script>
  window.SHOWTRUSTTO_WIDGET_CONFIG = { projectId: 'YOUR_PROJECT_ID' };
</script>
<script src="https://app.showtrust.to/showtrustto-widget.js" async></script>

Add the container#

Inside any React component, render the container <div>. The widget script will find it by ID and inject the wall of love:

export function WallOfLove() {
  return <div id="showtrustto-widget" />;
}