# Web Quote

## Intro

From the company page you'll have an option to get web quotes from your own website. We offer you a few choices here:

* Custom form
* Floating button
* iFrame widget
* API request 

With web quotes customers will be able to submit a request from your website and that request will be visible to you in Mod24 Dispatch app. From there you can assess the request and offer a preferred rate.

## Custom Form

The custom form is meant for the companies that want to keep their own style on the website or create a form that reflects their brand.

Instructions, HTML markup and script info is available on your Company page in mod24 Dispatch app.

## Floating button

Simple button that allows you to copy the script and paste it into your HTML application. The script will resemble the code below:

```
<script id="mod24-widget" src="https://widget.mod24.com/widget.js" company-key="YOURCOMPANYKEY" button-position="1" button-style="1" modal-position="2" color-primary="#000000" color-secondary="#ffffff" async></script>      
```

You can adjust the styling of the button by selecting:

* Primary and secondary colors
* Position of the button on your website
* Type of form it opens (side modal or a pop-up)

{% hint style="info" %}
Instructions how to add it on your website are available on your company page.
{% endhint %}

If you decide to add a floating button on the right and it opens a side modal it will look like this:

![Example of a side modal with floating button](https://747809865-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M89seGT9XdMXJbfgeJM%2F-M89ye7z8R38ZVL-AgS9%2F-M89zEV5J9-FTNKiC5jT%2Fside-modal.gif?alt=media\&token=c38b50e6-54f8-430a-82de-af24c4f24b43)

## iFrame widget

This is a simple option that will allow you to embed a form into your existing website without further hassle with coding. Simply copy the iFrame code snippet and paste it into your \<div> element.

{% hint style="warning" %}
The form size is dependent on the container it is in. Please ensure the size is not lower than 420px in height and 320px in width.
{% endhint %}

## &#x20;API for web quote

You can find the information about the company key and relevant request information on your company page under Web quote tab. For your convenience an example of the request is below.

## Create a lead from website

<mark style="color:green;">`POST`</mark> `https://rest.mod24.com/api/v1/quotes`

#### Request Body

| Name             | Type    | Description                                |
| ---------------- | ------- | ------------------------------------------ |
| company\_key     | string  | Unique identifier for the company on mod24 |
| first\_name      | string  | Customer's first name                      |
| last\_name       | string  | Customer's last name                       |
| email            | string  | Customer's email address                   |
| phone            | string  | Customer's phone number (valid US number)  |
| move\_size\_id   | integer | Identifier of the move size                |
| move\_date       | string  | Date of the move                           |
| source\_zip      | string  | ZIP code or an address for pickup          |
| destination\_zip | string  | ZIP code or an address for delivery        |

{% tabs %}
{% tab title="200 " %}

```
Lead was successfully created.
```

{% endtab %}

{% tab title="400 " %}

```
Invalid request
```

{% endtab %}

{% tab title="401 " %}

```
Unauthorized
```

{% endtab %}

{% tab title="403 " %}

```
Entered values do not meet the critera and/or are invalid.
```

{% endtab %}

{% tab title="500 " %}

```
Lead creation failed due to an server error.
```

{% endtab %}
{% endtabs %}


---

# 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.mod24.com/mod24/companies/web-quote.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.