Examples
Multiple Events Example w/ Refund Protection
Basic Example
If you have multiple events for a single participant, or multiple events and multiple participants, the embedded offer will flex to show this in a user-friendly way.
<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": "James",
"last_name": "Doe",
"state": "MN",
"postal_code": "55414"
},
"policy_attributes": {
"event_end_date": "2025-06-25",
"event_start_date": "2025-01-25",
"insurable_amount": 10000,
"participant": {
"first_name": "John",
"last_name": "Doe"
}
}
},{
"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": 10000,
"participant": {
"first_name": "Jane",
"last_name": "Doe"
}
}
}]
}
}, function(offerState) {
console.log(offerState)
});
</script>
</body>
</html>