LogoLogo
API Specification
  • Introduction
  • Integration Checklist
  • Common Use Cases
    • Events / Tickets
    • Travel / Accomodation
    • Property / Renters
    • Parcel / Shipping
    • Product / Retail
  • API Authentication
  • Idempotency Keys
  • Rate Limits
  • Purchase Workflow Overview
    • Quote Request for Policies
      • Fast Quote (Optional)
      • Displaying the Quote
      • JS based offer display
    • Payment Process
      • Single Payment
      • Dual Payment
    • Booking
      • Instant Booking
    • Insurance Opt-Out
  • Cancellation Workflow
  • Modification Workflow
  • Renewal Workflow
  • Instalments Workflow
  • Claim
  • Policy Management
  • XCover Quote Package State
  • API Responses
    • Quote/Policy Status
    • Error Management
    • Error Types
  • Data Formats
  • Webhooks
  • Apple Private Relay
  • FAQs
    • Events / Tickets FAQs
Powered by GitBook
On this page

Was this helpful?

Export as PDF
  1. Purchase Workflow Overview
  2. Quote Request for Policies

JS based offer display

Using XCover elements, the work of coding to display quote response is removed.

PreviousDisplaying the QuoteNextPayment Process

Last updated 1 year ago

Was this helpful?

  1. A simple script is used as a wrapper for the quote request

  2. If custom display settings are required, they may be applied using signals or taken from quote request variables (see ).

  3. Using Content Delivery Network (CDN), offers are displayed within the purchase flow on partner site.

  4. Response Signals are used to determine user interaction/purchase choices.

This approach reduces the up front development effort and any ongoing growth project maintenance, allowing for streamlined launch and optimizations

Important: Most display variations are handled by quote request attributes for example the currency display could be set as Indonesian Rp (IDR):

quote_request: {
    "customer_language": "en",  //LANGUAGE: en for English, id for Bahasa
    "customer_country": "ID",   //POLICY LOCALE: AU for English, ID for Indonesia
    "currency": "IDR",          //AUD for Australia Dollar, IDR for Indonesian Rupiah

Custom Variable Display Requirements

In some cases, partners may have custom display requirements based on experience settings or customisations. An examples of custom display settings is shown below:

In the above example, circled (blue) formatting for currency symbol is selected using custom set signals (symbol). Eg:

currency_config: {
currencyDisplay: 'symbol',	//'symbol' or 'narrowSymbol'
trailingZeroDisplay: 'stripIfInteger'//'auto' or 'stripIfInteger' 
    },

In the below example, the currencyDisplay config element is set to narrowSymbol

See more documentation for XCover Elements panel display here
below example
Example of currency variation in panel display
Partner Website display based on JS and included quote request
Partner Website display based on JS and included quote request