{"id":296192,"date":"2021-07-19T11:57:20","date_gmt":"2021-07-19T11:57:20","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=296192"},"modified":"2024-04-15T07:59:44","modified_gmt":"2024-04-15T07:59:44","slug":"form-builder-fetch-module-documentation","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/","title":{"rendered":"User Guide for Form Builder Fetch Module"},"content":{"rendered":"\n<p>Form Builder fetch module allow the admin to create custom forms for third-party websites.&nbsp;The admin can create a form relying at the need of the enterprise and might even create and upload custom fields to the form.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><\/h3>\n<\/div><\/div>\n\n\n\n<p>However, &nbsp;This app also allows the admin to get a preview of the customized form that has been developed.The admin can include the generated form onto other websites using the HTML code. <\/p>\n\n\n\n<p><strong>Note \u2013&nbsp;To make use of this module first, you should need to install&nbsp;<a href=\"https:\/\/github.com\/uvdesk\/community-skeleton\" target=\"_blank\" rel=\"noreferrer noopener\">UVdesk Open Source Helpdesk<\/a>.<\/strong><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Can make a wide range of customised forms.<\/li>\n\n\n\n<li>Custom fields can be created and added to the form.<\/li>\n\n\n\n<li>You can see a preview of the form that has been created.<\/li>\n\n\n\n<li>You can view and copy the HTML code of the created form to integrate it into any other website.<\/li>\n\n\n\n<li>Create a ticket for that customer based on the information provided in the form.<\/li>\n\n\n\n<li>Admin can create custom forms for third-party websites.<\/li>\n\n\n\n<li>For customizing the look of the Form, admin can change the CSS within the application file.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><\/h3>\n<\/div><\/div>\n\n\n\n<p><strong>Step 1 : <\/strong>In the root of your UVdesk project, go inside the apps folder and create a new directory called uvdesk.<\/p>\n\n\n\n<p><strong>Step 2 :<\/strong> The customer will get a&nbsp;<strong>zip folder<\/strong>&nbsp;after purchasing the extension. After that,&nbsp;unzip the respective extension zip file. Now place extracted zip folder&nbsp;<strong>\u201cform-component\u201d<\/strong>&nbsp;under \u201c<strong>uvdesk<\/strong>\u201d folder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"303\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-1200x303.png\" alt=\"Form Builder Custom field app for UVdesk \" class=\"wp-image-296213\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-1200x303.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-300x76.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-250x63.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-768x194.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1.png 1282w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Step 3<\/strong>: Next, run these instructions given below to finish the setup inside the Project root directory.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>$ php bin\/console uvdesk_extensions:configure-extensions<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1176\" height=\"53\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/n-1-1.png\" alt=\"n-1-1\" class=\"wp-image-294991\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/n-1-1.png 1176w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/n-1-1-300x14.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/n-1-1-250x11.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/n-1-1-768x35.png 768w\" sizes=\"(max-width: 1176px) 100vw, 1176px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>2<\/td><td>$ php bin\/console assets:install<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1148\" height=\"290\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-2-3.png\" alt=\"N-2-3\" class=\"wp-image-294988\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-2-3.png 1148w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-2-3-300x76.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-2-3-250x63.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-2-3-768x194.png 768w\" sizes=\"(max-width: 1148px) 100vw, 1148px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>3<\/td><td>$ php bin\/console doctrine:migrations:diff<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"98\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-3-3-1200x98.png\" alt=\"N-3-3\" class=\"wp-image-294989\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-3-3-1200x98.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-3-3-300x24.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-3-3-250x20.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-3-3-768x63.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/N-3-3.png 1286w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>4<\/td><td>$ php bin\/console doctrine:migrations:migrate<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"337\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/mig-2-1200x337.png\" alt=\"mig-2\" class=\"wp-image-295051\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/mig-2-1200x337.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/mig-2-300x84.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/mig-2-250x70.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/mig-2-768x216.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/mig-2.png 1284w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Finally clear your project cache using below command: $ php bin\/console c:c<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/08\/Prestashop-Order-Fetch-Installation-3-1.png\" alt=\"Prestashop-Order-Fetch-Installation-3-1\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now your Form builder application should be up and running.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>At the admin panel, it&#8217;ll displayed as given below images suggests, inside the dashboard you&#8217;ll discover an option having form builder.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1009\" height=\"526\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Admin-Configuration-edited.webp\" alt=\"Admin-Configuration\" class=\"wp-image-433330\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Admin-Configuration-edited.webp 1009w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Admin-Configuration-edited-300x156.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Admin-Configuration-edited-250x130.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Admin-Configuration-edited-768x400.webp 768w\" sizes=\"(max-width: 1009px) 100vw, 1009px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After clicking on that Form buider option up, it will redirect you inside the Form Builder along with multiple fields as shown mandatory fields, optional fields, custom fields, at the time of creating new form admin can select the fields as per their own need.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"988\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-11-1200x988.png\" alt=\"image-11\" class=\"wp-image-297145\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-11-1200x988.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-11-300x247.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-11-250x206.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-11-768x633.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-11.png 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After successfully creation of form, it will displayed as shown in given below image. Here you can check your forms and also can update the forms as well.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"553\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-4-1200x553.png\" alt=\"Form Builder UVdesk \" class=\"wp-image-296232\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-4-1200x553.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-4-300x138.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-4-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-4-768x354.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-4.png 1355w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here you can also do updated in your previous forms.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1148\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-3-1148x1024.png\" alt=\"Form Builder Update for UVdesk \" class=\"wp-image-296224\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-3-1148x1024.png 1148w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-3-300x268.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-3-250x223.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-3-768x685.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-3.png 1321w\" sizes=\"(max-width: 1148px) 100vw, 1148px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here admin can also preview the ticket form builder after creating ticket successfully.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"1021\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-6-1200x1021.png\" alt=\"Ticket creation \" class=\"wp-image-296290\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-6-1200x1021.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-6-300x255.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-6-250x213.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-6-768x653.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-6.png 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Admin can use the HTML code to integrate the created form into any other website, here JS version is shown in given below image admin can use the same code to other website also.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-74d5d05e-8217-4072-bc6c-2387b3fed0b4\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-9-1200x548.png\" alt=\"HTML code Form Builder UVdesk \" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here Iframe version is shown in given below image admin can use the same code to other website also.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-96a67d77-9705-4d9d-994b-d02e03184d3f\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-8-1200x550.png\" alt=\"image-8\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here Public URL is shown in given below image admin can use the same code to other website also.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\" id=\"block-612e6e74-a0cb-4f18-af7f-1a872b4d1eee\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-10-1200x549.png\" alt=\"image-10\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here in the dashboard you will find Custom field app as shown in given below image.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"739\" height=\"524\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-edited.webp\" alt=\"UVdesk-Open-Source-Form-Builder-Custom-Field-App\" class=\"wp-image-433321\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-edited.webp 739w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-edited-300x213.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-edited-250x177.webp 250w\" sizes=\"(max-width: 739px) 100vw, 739px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now after clicking on that custom field app it will redirect you inside the custom field options, here admin can choose the fields as per their need.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"579\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-13-1200x579.png\" alt=\"image-13\" class=\"wp-image-297226\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-13-1200x579.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-13-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-13-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-13-768x370.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-13.png 1350w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here you will see an icon of form builder along with all your tickets as shown in given below image.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"640\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-14-1200x640.png\" alt=\"image-14\" class=\"wp-image-297322\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-14-1200x640.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-14-300x160.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-14-250x133.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-14-768x409.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-14.png 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>At the time of ticket creation you may get displayed the custom fields wherein the customer can fill the info as required, shown below:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/FB-1.png\" alt=\"Custom field UVdesk -ticket creation \" class=\"wp-image-296219\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/FB-1.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/FB-1-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/FB-1-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/FB-1-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After login with customer right here displayed custom field options in right side in ticketing system.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"581\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Customer-End-1200x581.webp\" alt=\"Customer-End-Custom-Field\" class=\"wp-image-433333\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Customer-End-1200x581.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Customer-End-300x145.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Customer-End-250x121.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Customer-End-768x372.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/04\/UVdesk-Open-Source-Form-Builder-Custom-Field-App-Customer-End.webp 1521w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>That\u2019s all for the&nbsp;<strong>Form Builder Custom Field Order Fetch Module of UVdesk Open Source<\/strong>&nbsp;if you still have any issues please raise a ticket on our&nbsp;<a href=\"https:\/\/support.uvdesk.com\/en\/customer\/create-ticket\/\">ticket panel.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Form Builder fetch module allow the admin to create custom forms for third-party websites.&nbsp;The admin can create a form relying at the need of the enterprise and might even create and upload custom fields to the form. However, &nbsp;This app also allows the admin to get a preview of the customized form that has been <a href=\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":358,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-296192","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Guide for Form Builder Fetch Module - UVdesk Helpdesk<\/title>\n<meta name=\"description\" content=\"Form Builder app allows the user to merge the default labels and custom label together and create a new form as per your requirement.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Guide for Form Builder Fetch Module - UVdesk Helpdesk\" \/>\n<meta property=\"og:description\" content=\"Form Builder app allows the user to merge the default labels and custom label together and create a new form as per your requirement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-19T11:57:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-15T07:59:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-1200x303.png\" \/>\n<meta name=\"author\" content=\"Aanchal Chaudhary\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aanchal Chaudhary\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/\"},\"author\":{\"name\":\"Aanchal Chaudhary\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/fb8c3c1246331334460be86006e97ad1\"},\"headline\":\"User Guide for Form Builder Fetch Module\",\"datePublished\":\"2021-07-19T11:57:20+00:00\",\"dateModified\":\"2024-04-15T07:59:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/\"},\"wordCount\":627,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-1200x303.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/\",\"url\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/\",\"name\":\"User Guide for Form Builder Fetch Module - UVdesk Helpdesk\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-1200x303.png\",\"datePublished\":\"2021-07-19T11:57:20+00:00\",\"dateModified\":\"2024-04-15T07:59:44+00:00\",\"description\":\"Form Builder app allows the user to merge the default labels and custom label together and create a new form as per your requirement.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1.png\",\"width\":1282,\"height\":324,\"caption\":\"image-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide for Form Builder Fetch Module\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/fb8c3c1246331334460be86006e97ad1\",\"name\":\"Aanchal Chaudhary\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c4b441fac5070899e3ebd29ae626fd4c60d9133fefe2830191999e2feb78190?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c4b441fac5070899e3ebd29ae626fd4c60d9133fefe2830191999e2feb78190?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Aanchal Chaudhary\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/aanchalchaudhary-bde542\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Guide for Form Builder Fetch Module - UVdesk Helpdesk","description":"Form Builder app allows the user to merge the default labels and custom label together and create a new form as per your requirement.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/","og_locale":"en_US","og_type":"article","og_title":"User Guide for Form Builder Fetch Module - UVdesk Helpdesk","og_description":"Form Builder app allows the user to merge the default labels and custom label together and create a new form as per your requirement.","og_url":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-07-19T11:57:20+00:00","article_modified_time":"2024-04-15T07:59:44+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-1200x303.png","type":"","width":"","height":""}],"author":"Aanchal Chaudhary","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Aanchal Chaudhary","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/"},"author":{"name":"Aanchal Chaudhary","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/fb8c3c1246331334460be86006e97ad1"},"headline":"User Guide for Form Builder Fetch Module","datePublished":"2021-07-19T11:57:20+00:00","dateModified":"2024-04-15T07:59:44+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/"},"wordCount":627,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-1200x303.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/","url":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/","name":"User Guide for Form Builder Fetch Module - UVdesk Helpdesk","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1-1200x303.png","datePublished":"2021-07-19T11:57:20+00:00","dateModified":"2024-04-15T07:59:44+00:00","description":"Form Builder app allows the user to merge the default labels and custom label together and create a new form as per your requirement.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/07\/image-1.png","width":1282,"height":324,"caption":"image-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/form-builder-fetch-module-documentation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide for Form Builder Fetch Module"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/fb8c3c1246331334460be86006e97ad1","name":"Aanchal Chaudhary","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c4b441fac5070899e3ebd29ae626fd4c60d9133fefe2830191999e2feb78190?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c4b441fac5070899e3ebd29ae626fd4c60d9133fefe2830191999e2feb78190?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Aanchal Chaudhary"},"url":"https:\/\/webkul.com\/blog\/author\/aanchalchaudhary-bde542\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/296192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/358"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=296192"}],"version-history":[{"count":19,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/296192\/revisions"}],"predecessor-version":[{"id":433334,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/296192\/revisions\/433334"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=296192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=296192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=296192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}