Skip to main content

Event Exhibitor Liability

The Event Exhibitor Liability components are meant to be integrated into the host and exhibitor workflows.

Overview​

Gathering Insurance Requirements from the Host​

The event.insurance_requirements component should be used in the event workflow and asks the host to decide whether exhibitor liability insurance should be required or optional. If the host chooses to make insurance required, they will have the option to use standard insurance requirements or customize their own.

Offering Insurance to an Exhibitor​

The event.exhibitor_liability component should be used in the exhibitor workflow. The component can be used to upload a certificate of insurance or present an insurance offer depending on event configuration.

Gathering Insurance Requirements​

Embedded Component​

The embedded component for gathering insurance requirements provides event hosts with a streamlined way to collect and validate exhibitor insurance information.

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

    <script>
      new VerticalInsure("#insurance-requirements", {
        client_id: "test_********************************",
        component_type: "event.insurance_requirements",
        component_config: {
          event_config: {
            "name": "Minneapolis Art Fair",
            "address": "123 Main St",
            "city": "Minneapolis",
            "state": "MN",
            "postal_code": "55432",
            "country": "US",
            "start_date": "2026-01-01",
            "end_date": "2026-01-03"
          }
        }
      }, function(offerState) {
         console.log(offerState)
      });
    </script>
  </body>
</html>

Validation​

Capturing the Event ID​

Offering Insurance to an Exhibitor​

Embedded Component​

The embedded component for offering insurance provides exhibitors with an easy way to purchase Event Exhibitor Liability coverage.

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

    <script>
      new VerticalInsure("#exhibitor-insurance", {
        client_id: "test_********************************",
        component_type: "event.exhibitor_liability",
        component_config: {
          event_config: {
            "id": "event_required_insurance"
          },
          event_exhibitor_config: {
            "name": "Test Exhibitor",
            "address": "123 Main St",
            "city": "Minneapolis",
            "state": "MN",
            "postal_code": "55432",
            "country": "US"
          }
        }
      }, function(offerState) {
         console.log(offerState)
      });
    </script>
  </body>
</html>

Validation​

Capturing exhibitor selection​