Embed in a HTML page

To embed in a HTML page, you can use our embed code directly.

Publish your demo in HowdyGo and copy the embed code as per this guide.
Open the HTML file in your repository where you want to embed the demo.
Paste in the demo embed code where you want the demo to sit inside the body.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Page title</title>
    <link href="style.css" rel="stylesheet" />
  </head>
  <body>
    <main>
      <h1>Check out our interactive demo!</h1>
      <!-- Start of copied snippet -->
      <div
        style="
      box-sizing: content-box;
      position: relative;
      max-width: 2560px;
      aspect-ratio: 2560 / 1308;
      padding-bottom: 40px;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      box-shadow: 0px 0px 1px rgba(45, 55, 72, 0.05),
        0px 4px 8px rgba(45, 55, 72, 0.1);
      overflow: hidden;
    "
      >
        <script src="https://js.howdygo.com/v1.1x/index.js"></script>
        <iframe
          src="https://app.howdygo.com/embed/<publicationid>"
          frameborder="0"
          scrolling="no"
          style="position: absolute; top: 0; left: 0; width: 100%; height: 100%"
        ></iframe>
      </div>
      <!-- End of copied snippet -->
    </main>
  </body>
</html>

That's it! Your demo is now ready to go.

Embedding on a Page Embed in React