Pet Insurance Example

JavaScript
React
Vue

<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_********************************",
        payments: {
          enabled: true,
          button: true
        },
        product_config: {
          "pet": [{
              "customer": {
                "email_address": "test01@verticalinsure.com",
                "first_name": "James",
                "last_name": "Doe",
                "state": "MN",
                "postal_code": "55432"
              },
              "attributes": {
                "pet_name": "Fido",
                "species": "DOG",
                "birth_date": "2023-01-01",
                "breed": "Poodle",
                "gender": "MALE",
                "zip_code": "55401",
                "phone_number": "1234567890"
              }
          }],
        }
      }, function(offerState) {
         console.log(offerState)
      });
    </script>
  </body>
</html>

import { VerticalInsure } from '@vertical-insure/embedded-offer-react'

export default function App() {

  return (
    <VerticalInsure
      onOfferStateChange={(offerState) => console.log(offerState)}
      config={{
        client_id: "test_********************************",
        payments: {
          enabled: true,
          button: true
        },
        product_config: {
          "pet": [{
              "customer": {
                "email_address": "test01@verticalinsure.com",
                "first_name": "James",
                "last_name": "Doe",
                "state": "MN",
                "postal_code": "55432"
              },
              "attributes": {
                "pet_name": "Fido",
                "species": "DOG",
                "birth_date": "2023-01-01",
                "breed": "Poodle",
                "gender": "MALE",
                "zip_code": "55401",
                "phone_number": "1234567890"
              }
          }],
        }
      }}
    />
  )
}

<script lang="ts" setup>
import { ref } from 'vue'
import { VerticalInsure } from "@vertical-insure/embedded-offer-vue";

const config = ref({
  client_id: "test_********************************",
  payments: {
    enabled: true,
    button: true
  },
  product_config: {
    "pet": [{
      "customer": {
        "email_address": "test01@verticalinsure.com",
        "first_name": "James",
        "last_name": "Doe",
        "state": "MN",
        "postal_code": "55432"
      },
      "attributes": {
        "pet_name": "Fido",
        "species": "DOG",
        "birth_date": "2023-01-01",
        "breed": "Poodle",
        "gender": "MALE",
        "zip_code": "55401",
        "phone_number": "1234567890"
      }
    }],
  }
})
</script>

<template>
  <div>
    <VerticalInsure :config="config" />
  </div>
</template>

Pet Insurance Example​

Pet Insurance Example