How to embed a Human Design widget on your website

A Human Design widget (chart embed) lets visitors generate their bodygraph on your website. They stay on your brand; you capture leads in your practitioner dashboard. Body Graph Studio provides a single script you paste into the page. It works on any site that can load a script: WordPress, Webflow, Squarespace, Wix, Carrd, or plain HTML.

The widget creates its form next to the script tag. Put the full snippet in the page body where the form should show. A global header often loads the JS but mounts the form where visitors never look.

1. Copy the embed script from Body Graph Studio → Integration.
2. Paste it on the page where you want the form (after your intro text works well).
3. Hard-refresh the page (or open a private window) and confirm the form appears.

• HTML / custom site: paste the script in the body of the page.
• Webflow, Squarespace, Wix, Carrd: use an Embed / Custom Code / HTML block on that page.
• WordPress: the editor often strips <script> tags. Use a page-specific code snippet (WPCode, etc.) or a theme Code Block (Avada / Fusion Builder), in the page content, not only in the site header.

• data-api-key is present on the script tag.
• data-lang matches your audience (en, fr, de, pt…).
• Search the rendered HTML for dh-widget if nothing shows.

Once live, visitors generate charts on your domain and leads land in your dashboard. That is Human Design software built for practitioners who want a real website widget, not a redirect to someone else’s calculator.