Integration Guide

HTML Widget Integration

Universal widget embed for any static or dynamic site — React, Vue, Next.js & more.

Install Steps

Copy the embed code from the GizmoSauce editor.
Paste it into your HTML file, usually before the closing </body> tag.
Upload/Deploy your changes.

The Standard Embed

GizmoSauce widgets are standard HTML script tags. They work anywhere HTML is supported.

<!-- Example Structure -->
<html>
  <body>
    <!-- Your site content -->
    
    <!-- Paste GizmoSauce Widget here -->
    <script src="https://embed.gizmosauce.com/..."></script>
  </body>
</html>

Frameworks (React, Vue, Svelte)

While we have specific packages coming soon, the vanilla script works perfectly in useEffect (React) or onMounted (Vue). Just ensure the script isn't added multiple times on re-renders.

Need a hand?

Share a staging URL and we'll verify styling, z-index, and responsiveness for you.

Contact support Browse widgets