Overview

Our drop-in component solution is now generally available. This new solution provides better integration across many different browsers, platforms, and frameworks and improves our multi-variate testing capabilities with regard to offer conversion. We've also simplified the interface between the drop-in component library and our REST API, making it easier to understand the required fields for getting a quote. This solution should be used in place of our web component library going forward.

<html>
  <head>
    <script src="https://cdn.jsdelivr.net/npm/@vertical-insure/embedded-offer"></script>
  </head>
  <body>
    <div id="offer"></div>

    <script>
      new VerticalInsure("#offer", {
        client_id: "test_********************************",
        product_config: {
          "registration-cancellation": [{
              "customer": {
                  "email_address": "user@example.com",
                  "first_name": "John",
                  "last_name": "Doe",
                  "state": "MN",
                  "postal_code": "55414"
              },
              "policy_attributes": {
                  "event_end_date": "2025-06-25",
                  "event_start_date": "2025-01-25",
                  "insurable_amount": 50000
                  "participant": {
                      "first_name": "John",
                      "last_name": "Doe"
                  }
              }
          }]
        }
      }, function(offerState) { 
         console.log(offerState)
      });
    </script>
  </body>
</html>