Skip to main content

Embeddable Penguin Sample Form

The code below generates a functioning Embeddable Penguin application form on this page.

<!DOCTYPE html>
<html lang="en">
  <head>
    <script type="module">
      import { defineCustomElements } from "https://cdn.boldpenguin.com/embeddable-penguin/loader/index.js";
      defineCustomElements();
    </script>
    <base href="/" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>

  <body>
    <h2>Contact us for assistance getting commercial insurance!</h2>
    <embeddable-penguin
      environment="beta"
      client_id="your_id_here"
      answers='{"mqs_first_name":"Jane","mqs_last_name":"Doe"}'
    ></embeddable-penguin>
  </body>

  ---

  <h2>Contact us for assistance getting commercial insurance!</h2>
  <script type="module">
    import { defineCustomElements } from "https://cdn.boldpenguin.com/embeddable-penguin/loader/index.js";
    defineCustomElements();
  </script>
  <embeddable-penguin
    environment="beta"
    client_id="your_id_here"
    answers='{"mqs_first_name":"Jane","mqs_last_name":"Doe"}'
  ></embeddable-penguin>
</html>