# JS based offer display

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 [below example](#custom-variable-display-requirements)).
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\
\
[See more documentation for XCover Elements panel display here](https://docs.covergenius.com/xcover-elements)

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

<figure><img src="/files/pn6b3A5GmenK9T3cvUjG" alt=""><figcaption><p>Example of currency variation in panel display</p></figcaption></figure>

{% code overflow="wrap" fullWidth="true" %}

```
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
```

{% endcode %}

### 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:

<figure><img src="/files/6ENVVTdzCjx2GjZpIjvb" alt=""><figcaption><p>Partner Website display based on JS and included quote request</p></figcaption></figure>

In the above example, circled (<mark style="color:blue;">blue</mark>) 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`

<figure><img src="/files/cZZY55iSyfGG49UQRVLk" alt=""><figcaption><p>Partner Website display based on JS and included quote request</p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.covergenius.com/xcover/purchase-workflow-overview/quote/js-based-offer-display.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.