{"id":18149,"date":"2025-02-19T14:35:25","date_gmt":"2025-02-19T07:35:25","guid":{"rendered":"https:\/\/www.makewebeasy.com\/en\/blog\/?post_type=manual-4&#038;p=18149"},"modified":"2025-02-19T17:37:12","modified_gmt":"2025-02-19T10:37:12","slug":"quotation-create-quotation-form","status":"publish","type":"manual-4","link":"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/quotation-create-quotation-form\/","title":{"rendered":"Quotation \u2013 Create Quotation Form"},"content":{"rendered":"<p data-start=\"73\" data-end=\"291\">The quotation system is a tool that helps to quickly create sales proposal documents. It is convenient for both customers and shop owners. This feature is available for websites with the Professional package and above.<\/p>\n<p data-start=\"293\" data-end=\"350\">The process of issuing a quotation can be done in 3 ways:<\/p>\n<ol data-start=\"352\" data-end=\"503\">\n<li data-start=\"352\" data-end=\"398\">Shop owner creates the quotation themselves<\/li>\n<li data-start=\"399\" data-end=\"456\">Customers click to request a quotation via the website<\/li>\n<li data-start=\"457\" data-end=\"503\">Customers fill out a quotation request form<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p data-start=\"505\" data-end=\"571\"><strong data-start=\"505\" data-end=\"571\">Method 3: Allow customers to fill out a quotation request form<\/strong><\/p>\n<p data-start=\"573\" data-end=\"866\">In addition to the first method where the <a href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/quotation-system-create-your-own-quotation\/\">shop owner can create the quotation themselves<\/a>, and the second method where <a href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/quotation-system-add-request-a-quote-button-on-the-website\/\">customers can click to request a quotation via the website<\/a>, the shop owner can also create a quotation form to generate a quotation page or a quotation section on the website.<\/p>\n<ol data-start=\"868\" data-end=\"898\">\n<li data-start=\"868\" data-end=\"898\"><strong data-start=\"871\" data-end=\"898\">Create a Quotation Form<\/strong><\/li>\n<\/ol>\n<p data-start=\"900\" data-end=\"979\">1.1 Go to the Website <strong>Management Menu<\/strong> &gt;\u00a0<strong>Quotation Form<\/strong>\u00a0&gt;\u00a0<strong>Add Form Quotation.<\/strong><\/p>\n<p data-start=\"900\" data-end=\"979\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-20577\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-093755.png\" sizes=\"(max-width: 1915px) 100vw, 1915px\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-093755.png 1915w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-093755-620x197.png 620w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-093755-920x292.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-093755-1536x487.png 1536w\" alt=\"\" width=\"1915\" height=\"607\" \/><\/p>\n<p data-start=\"981\" data-end=\"1128\">1.2 Creating a quotation form is similar to <a href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/add-online-forms\/\">creating an online form<\/a>, but the quotation system will have predefined mandatory fields as shown below.<\/p>\n<p data-start=\"981\" data-end=\"1128\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-20578\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094241.png\" sizes=\"(max-width: 1609px) 100vw, 1609px\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094241.png 1609w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094241-620x284.png 620w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094241-920x421.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094241-1536x703.png 1536w\" alt=\"\" width=\"1609\" height=\"736\" \/><\/p>\n<p data-start=\"1130\" data-end=\"1259\">1.3 Enter the email address of the person who will receive the email when users submit the form. You can add more than one email.<\/p>\n<p data-start=\"1130\" data-end=\"1259\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-20579\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094552.png\" sizes=\"(max-width: 1001px) 100vw, 1001px\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094552.png 1001w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094552-620x112.png 620w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094552-920x166.png 920w\" alt=\"\" width=\"1001\" height=\"181\" \/><\/p>\n<p data-start=\"1261\" data-end=\"1348\">1.4 You can also customize the email response for the form, then click the save button.<\/p>\n<p data-start=\"1261\" data-end=\"1348\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-20580\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094815.png\" sizes=\"(max-width: 1684px) 100vw, 1684px\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094815.png 1684w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094815-620x323.png 620w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094815-920x480.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-094815-1536x801.png 1536w\" alt=\"\" width=\"1684\" height=\"878\" \/><\/p>\n<ol start=\"2\" data-start=\"1350\" data-end=\"1380\">\n<li data-start=\"1350\" data-end=\"1380\"><strong data-start=\"1353\" data-end=\"1380\">Create a Quotation Page<\/strong><\/li>\n<\/ol>\n<p data-start=\"1382\" data-end=\"1542\">After creating the quotation form, the shop owner can create a quotation page in the Design Website menu, following the same steps as creating other page types.<\/p>\n<p data-start=\"1544\" data-end=\"1641\">2.1 When adding a page, select the Quotation Form and click the &#8220;Add Quotation Form Page&#8221; button.<\/p>\n<p data-start=\"1544\" data-end=\"1641\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-20583\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-095535-620x288.png\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-095535-620x288.png 620w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-095535-920x427.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-095535-1536x713.png 1536w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-095535.png 1842w\" alt=\"\" width=\"620\" height=\"288\" \/><\/p>\n<p data-start=\"1643\" data-end=\"1743\">2.2 A popup will appear for you to enter page information and select the quotation form you created.<\/p>\n<p data-start=\"1643\" data-end=\"1743\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-20582\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-095744.png\" alt=\"\" width=\"589\" height=\"442\" \/><\/p>\n<p data-start=\"1745\" data-end=\"1855\">2.3 After saving, the system will take you to the quotation page, where you can customize the page as follows:<\/p>\n<ul data-start=\"1857\" data-end=\"2087\">\n<li data-start=\"1857\" data-end=\"1915\">Change the quotation form by clicking the manage button.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-20584\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-100756.png\" alt=\"\" width=\"339\" height=\"313\" \/><\/p>\n<ul data-start=\"1857\" data-end=\"2087\">\n<li data-start=\"1916\" data-end=\"1982\">Show\/hide information you want to display on the quotation form.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"aligncenter size-large wp-image-23283\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2024\/09\/Group-265-920x467.png\" sizes=\"(max-width: 920px) 100vw, 920px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2024\/09\/Group-265-920x467.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2024\/09\/Group-265-620x315.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2024\/09\/Group-265-1536x780.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2024\/09\/Group-265.png 1676w\" alt=\"\" width=\"920\" height=\"467\" \/><\/p>\n<ul data-start=\"1857\" data-end=\"2087\">\n<li data-start=\"1983\" data-end=\"2047\">Choose the layout of the form that will be shown to customers.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-20585\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-101004.png\" sizes=\"(max-width: 340px) 100vw, 340px\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-101004.png 340w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-101004-53x53.png 53w\" alt=\"\" width=\"340\" height=\"343\" \/><\/p>\n<ul data-start=\"1857\" data-end=\"2087\">\n<li data-start=\"2048\" data-end=\"2087\">Customize the form and button colors.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-20586\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-101057.png\" alt=\"\" width=\"335\" height=\"569\" \/><\/p>\n<ol start=\"3\" data-start=\"2089\" data-end=\"2127\">\n<li data-start=\"2089\" data-end=\"2127\"><strong data-start=\"2092\" data-end=\"2127\">Create a Quotation Form Section<\/strong><\/li>\n<\/ol>\n<p data-start=\"2129\" data-end=\"2199\">Shop owners can <a href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/add-section\/\">create a quotation section<\/a> in the Design Website menu.<\/p>\n<p data-start=\"2201\" data-end=\"2289\">3.1 Choose the form layout for the quotation, either with input fields or a line format.<\/p>\n<p data-start=\"2201\" data-end=\"2289\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-20587\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-101230.png\" alt=\"\" width=\"509\" height=\"879\" \/><\/p>\n<p data-start=\"2291\" data-end=\"2492\" data-is-last-node=\"\">3.2 Customize the quotation form similar to the quotation page as described in section 2 above. However, the quotation section allows you to adjust the position of the input fields and add more fields.<\/p>\n<p data-start=\"2291\" data-end=\"2492\" data-is-last-node=\"\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-20588\" src=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-101324-620x259.png\" sizes=\"(max-width: 620px) 100vw, 620px\" srcset=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-101324-620x259.png 620w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-101324-920x384.png 920w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-101324-1536x641.png 1536w, https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-101324.png 1689w\" alt=\"\" width=\"620\" height=\"259\" \/><\/p>\n","protected":false},"featured_media":0,"template":"","manual_category_v4":[1801],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Quotation \u2013 Create Quotation Form - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/quotation-create-quotation-form\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Quotation \u2013 Create Quotation Form - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"The quotation system is a tool that helps to quickly create sales proposal documents. It is convenient for both customers and shop owners. This feature is available for websites with the Professional package and above. The process of issuing a quotation can be done in 3 ways: Shop owner creates the quotation themselves Customers click [&hellip;]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Screenshot-2025-02-10-093755.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual-4\/18149"}],"collection":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual-4"}],"about":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/types\/manual-4"}],"wp:attachment":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=18149"}],"wp:term":[{"taxonomy":"manual_category_v4","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual_category_v4?post=18149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}