Typeform/embed

View on GitHub
packages/demo-html/public/behavioral-html/load-html.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Open: load (via embed code)</title>
    <link rel="stylesheet" href="/lib/css/popup.css" />
  </head>
  <body>
    <h1>This popup opens on page load (via embed code)</h1>
    <p>If you see this you very likely already closed the popup.</p>
    <p>If the popup did not open automatically something is broken.</p>

    <a
      href="#"
      class="typeform-share button"
      data-tf-popup="moe6aa"
      data-tf-medium="unit-test"
      data-tf-open="load"
      style="
        width: 54px;
        height: 54px;
        position: fixed;
        right: 26px;
        bottom: 26px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        background: #647;
        overflow: hidden;
        line-height: 0;
      "
      target="_blank"
    >
      <span class="icon">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-top: 10px">
          <path
            d="M21 0H0V9L10.5743 24V16.5H21C22.6567 16.5 24 15.1567 24 13.5V3C24 1.34325 22.6567 0 21 0ZM7.5 9.75C6.672 9.75 6 9.07875 6 8.25C6 7.42125 6.672 6.75 7.5 6.75C8.328 6.75 9 7.42125 9 8.25C9 9.07875 8.328 9.75 7.5 9.75ZM12.75 9.75C11.922 9.75 11.25 9.07875 11.25 8.25C11.25 7.42125 11.922 6.75 12.75 6.75C13.578 6.75 14.25 7.42125 14.25 8.25C14.25 9.07875 13.578 9.75 12.75 9.75ZM18 9.75C17.172 9.75 16.5 9.07875 16.5 8.25C16.5 7.42125 17.172 6.75 18 6.75C18.828 6.75 19.5 7.42125 19.5 8.25C19.5 9.07875 18.828 9.75 18 9.75Z"
            fill="white"
          />
        </svg>
      </span>
    </a>
    <script src="../lib/embed-next.js"></script>
  </body>
</html>