# Create & Edit quote form

## 1. Create a quote form

The application automatically generated a form with basic fields. You can completely personalize by editing this form.

To edit the form, go to Quote Form in the left menu.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FMUpP6Di8GYN9qYOrx5P1%2Fimage.png?alt=media&#x26;token=ed6aa961-7ce6-4299-a7a0-084e94d69e37" alt=""><figcaption></figcaption></figure>

## 2. Active form & Set the display rules

In this tab, you can set the display rules for the Quote button and form.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FJKmCKYfaeGmWXUKmeKPc%2Fimage.png?alt=media&#x26;token=f7db5a73-9b7e-476a-a7b4-7a065a51c6e8" alt=""><figcaption></figcaption></figure>

* **All Products**: Display quote form/button on all products
* **Choose Products**: Display quote form/button on selected products
* **Choose Collections**: Display quote form/button on selected collections
* **Conditions**: Select display rules by vendor, product types, product tags, out of stock...
* **Show by language**: Select the language you want to display the form/button quote if the store uses multiple languages
* **Show by country**: Select the country where you want to display the quote form/button
* **Show by Customer tag**: Show or not show quote form/button for tagged customers (this option is only suitable for logged in customers)

**Display quote button in product page**

![](https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FpGYa3TF8dQlZvRcXWYie%2FRequest%20a%20Quote%20-%20Quote%20button.png?alt=media\&token=3bb137e6-9a6f-46fc-9ca2-ae7a928325ff)

**Display quote form in product page** (This option only applies to ***Quick quote*** mode)

![](https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FtTSJip4V6z572E6FAnhB%2FRequest%20a%20Quote%20-%20Quote%20form%20in%20product%20page.png?alt=media\&token=ac0d659e-a144-4434-8471-bfc20ecf1d65)

## 3. Form fields

At this tab, you add custom fields to the form according to your needs. The application has automatically created the basic fields, you can completely edit or delete these fields.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FLblPhJmw2K7b5tP22nK5%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%202025-11-28%2016-09-43.jpg?alt=media&#x26;token=c4865d50-7e43-422c-9210-60d4347fabd9" alt=""><figcaption></figcaption></figure>

### **Add validations to the field**

To do this, go to **Edit** field -> **Validations**

At this tab, you can set required field or add other required attributes such as: url, date, number, min, max, text length, phoneUS, etc.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FRevHqH4NO4oqqy7xg5M9%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%20%F0%9F%94%8A%202025-11-28%2016-19-22.jpg?alt=media&#x26;token=c84c8d73-07da-4d02-8a29-c14ac0393318" alt=""><figcaption></figcaption></figure>

## 4. Form styles

At this tab, you can customize the design for the form, the fields. You can also personalize the design by adding your own css code in the Custom CSS box (scroll down to the bottom).

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FNhDEQWRsYkXkAqmEHdBT%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%20%F0%9F%94%8A%202025-11-28%2016-22-33.jpg?alt=media&#x26;token=b0c80f18-c453-4206-8c00-25c4922023d4" alt=""><figcaption></figcaption></figure>

## 5. Email settings

In this tab, you set up the email to receive notifications when the form is submitted, the email content is sent to the store owner, and the email content is sent to the customer.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FdYwytkRyyItcDtyCrU7p%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%20%F0%9F%94%8A%202025-11-28%2016-32-07.jpg?alt=media&#x26;token=d1d7f9b7-5d99-4960-8e43-6c50c95208e1" alt=""><figcaption></figcaption></figure>

You need to pay attention to completely and correctly fill in the required information fields so that sending and receiving emails after the customer submits the form goes smoothly.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FqewHggH3xkbnjs79ChIn%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%20%F0%9F%94%8A%202025-11-28%2016-32-07.jpg?alt=media&#x26;token=27af9c49-6ea9-4740-9f8a-551123432e6b" alt=""><figcaption></figcaption></figure>

You also can set up automatic emails to send to form submitters after the form is submitted (***This feature is only available from the Pro plan***).

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FPOMsAhzSh16FbXdLCVN1%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%20%F0%9F%94%8A%202025-11-28%2016-45-51.jpg?alt=media&#x26;token=b1e72a72-6d2c-4c90-abb5-fdbe0b29c59b" alt=""><figcaption></figcaption></figure>

## 6. Customer email notifications

In this tab, you edit email content to customers when the quote is updated.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FMyzEiC4yRlYis5yFNKwC%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%20%F0%9F%94%8A%202025-11-28%2016-49-57.jpg?alt=media&#x26;token=fb9ed98b-92a0-4755-a23c-2a0ee9a3a242" alt=""><figcaption></figcaption></figure>

## 7. Email integrations

### 7.1 Shopify customers

**Create customer after submitted form** : Add the person who submitted the form to the store's customer list.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FjL0FXCUgiRzXZIk35NPV%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%202025-12-01%2011-47-38.jpg?alt=media&#x26;token=aeca627e-f434-4ad1-a0cd-f25764a85802" alt=""><figcaption></figcaption></figure>

* If "**Verified email**" is checked: Shopify's confirmation email feature is enabled, an email will be sent to the form submitter.
* If "**Send email invite**" is checked:  enable the Shopify feature of sending email invitations to become store customers, this customer will have an account and password to access the store.

### 7.2 Shopify draft order

You can add all form field data to order notes.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2Foue7iqXHzHsdGeXOQuXL%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%202025-12-01%2011-56-10.jpg?alt=media&#x26;token=8aedd80b-f31f-4eb7-abf9-2ad57dec1003" alt=""><figcaption></figcaption></figure>

### 7.3 Email service list

You can integrate quote form with UP TO 11 of THE MOST POPULAR EMAIL SERVICES for your email marketing campaigns.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2Fc87tOBQfZRA7S1Lj6Iyr%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%202025-12-01%2011-58-56.jpg?alt=media&#x26;token=a2984429-d367-4b1c-8afa-9d3f23bee3a1" alt=""><figcaption></figcaption></figure>

### 7.4 Integrate form with Zapier

* Log in to Zapier account
* Create new Zap

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FlI7kXTY4WMMFtSSGQ9G0%2FMonosnap%20Image%202025-10-15%2013-27-10.jpg?alt=media&#x26;token=a06a3d40-c0fb-4146-905a-7a9b06781423" alt=""><figcaption></figcaption></figure>

* Go to Trigger -> Webhook -> Get the Webhook URL  (must select the type of URL you want)

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FjPD9CRVHIGspkIK5AKw9%2FMonosnap%20Image%202025-10-15%2013-29-27.jpg?alt=media&#x26;token=88b14c9f-68dd-4808-8123-fd45fc6827d2" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2F2H9VYJTMVv42BQIx3d3O%2FMonosnap%20Image%202025-10-15%2013-30-29.jpg?alt=media&#x26;token=a8a891da-7125-43b2-b108-77e69b206778" alt=""><figcaption></figcaption></figure>

* Copy and paste this URL into the Webhook box in the Quote app and click the Connect button.

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FH9Y6yRVcnlOmnmWfPZ8X%2FMonosnap%20Image%202025-10-15%2013-33-30.jpg?alt=media&#x26;token=69fe7449-9923-460f-9adf-9759c8922bda" alt=""><figcaption></figcaption></figure>

### 7.5 Integrate form with Zoho CRM

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FaJJpLcjy7ImCTG1MAH5W%2FMonosnap%20Image%202025-10-15%2013-46-14.jpg?alt=media&#x26;token=9468d007-bdf6-4667-9f37-81d4fe38405b" alt=""><figcaption></figcaption></figure>

* Create the "**Server based Applications**"
  * **Homepage URL**: web domain
  * **Authorized Redirect URIs**: [https://{domain}/apps/request-a-quote/zoho/callback](about:blank)

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2Fm5iuSsidKtW8OBXsHyTi%2FMonosnap%20Image%202025-10-15%2013-44-54.jpg?alt=media&#x26;token=48c4a4ca-6330-46a0-bb5a-095c7ba132bd" alt=""><figcaption></figcaption></figure>

* Open URL: <https://{domain}/apps/request-a-quote/zoho/connect?form_id={formId}>   (Please be sure to fill in the correct ID quote form)
* Check "**I allow new api domain to access...**" -> Click the **Accept** button
* A success message is displayed and you have a Token to connect

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FhnLOBZhdDrHLENBQ5BLJ%2FMonosnap%20Image%202025-10-15%2013-46-52.jpg?alt=media&#x26;token=f9d9c191-e5cf-4f23-88a7-1b48cf7dc948" alt=""><figcaption></figcaption></figure>

* Copy and paste the Client ID and Client Secret into the corresponding fields in the Quote application -> click the Connect button

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FOjwulpfVFf8Gp2MOIsZb%2FMonosnap%20Image%202025-10-15%2013-49-10.jpg?alt=media&#x26;token=c91ff84f-d8e9-4fd9-863b-fc2aed38f0f4" alt=""><figcaption></figcaption></figure>

## 8. Translate

In this tab you can translate the form title, description, button label, success message.

**Note: List of languages ​​created in Translate tab in Settings.**

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FGVffcwbSoSlJIkRkjsGu%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20Form%20%C2%B7%20Shopify%202025-12-01%2015-20-29.jpg?alt=media&#x26;token=e7064e5b-366f-4c11-8613-c7272cd0c1a3" alt=""><figcaption></figcaption></figure>

## 9. Results

After completing the form setup, you will get the form displayed as follows:

### 9.1 Quick quote mode

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FXQApK7irRsBVBV5k3eNY%2FMonosnap%20Image%202025-10-15%2014-04-26.jpg?alt=media&#x26;token=035a2c4d-6b1f-47fe-b14d-7c8889e0d977" alt=""><figcaption></figcaption></figure>

### 9.2 Add to quote mode

<figure><img src="https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FuSBWDaW0J5NvE229DjZw%2FMonosnap%20Image%202025-10-15%2014-05-17.jpg?alt=media&#x26;token=8e87e660-67a7-48d3-923e-3c2452b8ec46" alt=""><figcaption></figcaption></figure>

## 10. View quote history

To make it possible for customers to review all quote requests they have submitted, store owners can use the following link to create a navigation menu: **<https://yourwebsitedomain/apps/request-a-quote/history>**

![](https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FcbNcLuyyionWWmouu1ry%2FRquest%20a%20quote%20-%20Quote%20history%201.png?alt=media\&token=4eb594fc-cc08-4eac-bb5f-67c69a19a718)

![Quote detail](https://1818632981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjbICnwGwANWvU46mHWcU%2Fuploads%2FeAPgR1cjQNvaBzRg2vto%2FRequest%20a%20quote%20-%20Quote%20history.png?alt=media\&token=9dce3aee-dada-4774-8c02-e88a2335b492)
