# Build a “Request for Quote form” in your store

When clicking the quote button of our app, customers will be redirected to a page that has the Quote form where they can fill out information and submit the quote to you. This document will help you in building more fields for the form and style it.&#x20;

Kindly read the below to know futher details.

#### **Set up quote form information**

**Step to manage:**

1\. From the App dashboard page, click on **Quote form builder** section in the navigation bar:

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FdJbVd5siAUJt1ipZbMr6%2Fimage.png?alt=media&#x26;token=06bfaed0-b1f4-45f4-b221-0da2a4541cc7" alt=""><figcaption></figcaption></figure>

2\. There will be a setting screen showed up as below.&#x20;

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FlgE3tMpHD9D0yfhrB86F%2Fimage.png?alt=media&#x26;token=e64f596f-d837-43fc-8230-640ae4e33988" alt=""><figcaption></figcaption></figure>

3\. In the **Layouts and Elements** setting, you can choose **layout** for the Quote form. **There are 3 types: Basic, Modern and Viktor** > Choose one:&#x20;

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FckWcvlcLzMmxcFxBNEHJ%2Fimage.png?alt=media&#x26;token=861a1589-779c-4060-9749-c6d799766e99" alt=""><figcaption></figcaption></figure>

4\. In the **Product list** section, you can manage what information of the product can be shown in the form. Click on the **Product column(s)** tab to manage:&#x20;

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2F4UUsNWJ8qjonlbiBmY8S%2Fimage.png?alt=media&#x26;token=bf9bb904-f599-4a66-840a-bb278fa23525" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FGntY3uat6GGzCEVGbdIv%2Fimage.png?alt=media&#x26;token=14b33795-78ea-4957-8889-1d33d5841b47" alt=""><figcaption></figcaption></figure>

4\. Click on **Product group(s)** tab if you want customers to add products due to specific group/type. [**Review this document**](https://help.samita.io/docs/b2b-request-a-quotehide-price/quote-form-builder/set-up-quoted-product-group-in-the-quote-form/) for further details of this setting:

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FsGVldUwKvb5iF1maFgnW%2Fimage.png?alt=media&#x26;token=ad254e92-bc2c-4c07-bef0-f5ea846fc281" alt=""><figcaption></figcaption></figure>

5\. Turn on **Customer info** setting if you want to get customer information details when they fill out the quote form. For further details, [**please review this document**](https://help.samita.io/docs/b2b-request-a-quotehide-price/quote-form-builder/set-up-customer-information-details-for-the-quote-form/).&#x20;

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FEYux6C52C4PREc6miIfr%2Fimage.png?alt=media&#x26;token=141447be-72ca-46c9-b769-d10349fa2374" alt=""><figcaption></figcaption></figure>

6\. To add more custom fields to the form with purpose of getting more information from the customers, you can manage it in the **Extra info** section. Click **Add element** to add more fields:

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FeKcqplybiaOcBzRDliBT%2Fimage.png?alt=media&#x26;token=29497997-81a4-4243-911d-ac63edabd821" alt=""><figcaption></figcaption></figure>

Click on **each field** to edit further. You can change field label, add placeholder or **remove** it:

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2F3UC4UUuvg1D9Eb5AytMg%2Fimage.png?alt=media&#x26;token=32692ced-4cbc-4c6d-be23-362efcc9d91d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FjYN7Cqm2IctCMcDPhPxM%2Fimage.png?alt=media&#x26;token=d09a10b7-35e8-4d6a-9378-ab92029b9a5a" alt=""><figcaption></figcaption></figure>

You also can **drag and drop** a field to change its position in the quote form here:

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FqDeeRooFtbR3Ja5u5oOr%2Fimage.png?alt=media&#x26;token=a97802ef-6d35-4705-a027-77e4d65bc866" alt=""><figcaption></figcaption></figure>

7\. Go to the **Design** setting to set up style and color for the Quote form:

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FTWFiJ1D6S3sEge4v4Dpl%2Fimage.png?alt=media&#x26;token=036d0d24-3b47-4f27-85a6-677ddcbcc51b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FULWVVoh4l2G9P1kedQk4%2Fimage.png?alt=media&#x26;token=4b3e701a-da15-43a3-b977-3498c2f40795" alt=""><figcaption></figcaption></figure>

8\. Click **Save** and check the result in the front store:&#x20;

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FWELaL8e5LWPDcGCyDSHL%2Fimage.png?alt=media&#x26;token=d707e541-8db4-4e54-a625-7122406e9dbe" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2993310686-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIvNtDAMNVIdy5nl9kiOU%2Fuploads%2FLNRFdofTJa6Crxxkfhse%2Fimage.png?alt=media&#x26;token=7497b93d-4b7d-4550-b519-33927cb9f80e" alt=""><figcaption></figcaption></figure>
