{"version":"1.0","provider_name":"My CMS","provider_url":"https:\/\/help.xodox.in\/pt","author_name":"help-xodox","author_url":"https:\/\/help.xodox.in\/pt\/author\/help-xodox\/","title":"Estimate Request - My CMS","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"eK8PwIjVYH\"><a href=\"https:\/\/help.xodox.in\/pt\/docs\/estimate-request\/\">Estimate Request<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/help.xodox.in\/pt\/docs\/estimate-request\/embed\/#?secret=eK8PwIjVYH\" width=\"600\" height=\"338\" title=\"&#8220;Estimate Request&#8221; &#8212; My CMS\" data-secret=\"eK8PwIjVYH\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>","description":"The estimate request feature is added in Xodox CRM Latest Update and it\u2019s used to create forms that your customers or potential customers can use to request an estimation of cost for services or products from your company, the estimates request feature give you the ability to add various types of fields that can be tailored for your company requirements. For example, if your company is offering website design, your customers can request an estimate request for a website design via the form that you have previously created in Xodox CRM. Usually, the forms will have more general questions like \u201cWhat is your budget\u201d, \u201cUrgency\u201d, \u201cType of website\u201d etc\u2026 and based on the information the customer entered in the form, you can create an estimate in Xodox CRM and send to the customer. The forms can be sent directly to the customer as direct link or you can embed the form via iframe directly in your existing website pages e.q. you can have a menu link on your existing company website named \u201cRequest estimate\u201d and in this page, you can embed the form iframe. Create estimate request forms The first step is to create an estimate request form, in Xodox CRM you can create unlimited number of estimate request forms, to achieve this, when logged-in as admin user follow the steps below. Click Setup then Estimate request-&gt;Forms. Click New Form. Add form name, for personal identification e.q. \u201cWebsite estimate request\u201d. Language\u00a0\u2013 The language is currently used only for the validation messages. Submit button text\u00a0\u2013 The bottom where the user will need to click to submit the form E.q. Request a Quote or Contact us, feel free to adjust to fit your needs. Message to show after the form is successfully submitted\u00a0\u2013 This message will be shown after use successfully submit the form. Status\u00a0\u2013 The estimate request will need to be in status after successfully is submitted into the Xodox CRM database. Responsible\u00a0\u2013 Auto-assign the estimate request to a specific staff member. Notification settings\u00a0\u2013 All users based on the notification type will be notified via built-in notification inside Xodox CRM and additionally, the responsible estimate request staff member will get an email notification if in Setup-&gt;Email Templates -&gt; Estimate Request Assigned (Sent to Staff) is not checked as disabled. Recaptcha\u00a0\u2013 You can use Google Recaptcha\u00a0to prevent spamming. The field for Google Recaptcha will be shown only if you have\u00a0previously configured the recaptcha\u00a0keys. After you create the form 2 new tabs will be shown in the form area Form Builder and Integration Code. Form Builder \u2013 The place where you build the form and adjust all the fields you need. Integration Code is the code you will need to place into your website for the form to be shown, note that from the link you will be able to see that each has a unique key. Add fields to form To add a field to the form just\u00a0drag the field to the right side in the form area, note that the Email field is required to exist in the form as well must be marked as a required field. Customize the fields You can customize the labels, add help text, placeholders and make them required. When you drag the field in the form area just hover over the field on the top right side you will be able to see 3 buttons (edit, copy and remove) After you customized the form click on the bottom left button SAVE and click on the tab Integration Code to get the code you need to add to your website. The code will be placed as iframe and you can adjust the width and height directly to the code snippet provided by Xodox CRM. Styling If you need to style the color of the input fields to fit with your website you can create custom.css file in assets\/css and apply the necessary styles. Example changing inputs border color: body.estimate-request-form input { border-color:red; } Example changing submit button\u00a0background color: body.estimate-request-form #form_submit { background:red; } body.estimate-request-form #form_submit:hover, body.estimate-request-form #form_submit:active { background:green; } Redirect user to custom URL after submission Via FTP\/cPanel go to application\/helpers\/ and create (if don\u2019t exists) file my_functions_helper.php and add the following code snippet: hooks()-&gt;add_action('estimate_request_form_submitted','my_estimate_request_form_submitted_redirect_to_custom_url'); function my_estimate_request_form_submitted_redirect_to_custom_url($data){ echo json_encode(array( 'success'=&gt;true, 'redirect_url'=&gt;'http:\/\/yourcustomurl.com' )); die; } Don\u2019t forget to include the &lt;?php opening tag at the top of the file if it\u2019s not already added. Include logo in the form To include your company logo in the form, you can either share or embed the url with query string parameter as shown below: https:\/\/your-Xodoxcrm-installation.com\/form-url?with_logo=1 Direct link sharing The forms can be shared directly to your customers without actually embedding the form on your website, this feature is useful for example if you want to include a link in emails, SMS etc\u2026 In order Xodox CRM can know that the form link is shared directly and not embedded into an iframe, you need to specify the URL query string, in this case, Xodox CRM will provide better styling to the form. https:\/\/your-Xodoxcrm-installation.com\/form-url?with_logo=1&amp;styled=1 Create multi-column form layouts By default, the form fields will be added in a single column full width of the document if you want to customize the form and have the fields displayed in multiple columns we have added the ability to achieve this with custom classes applied to the field, you can add up to 12 columns in 1 row. In the following example, we will create 2 fields in 2 columns and 1 row. Keep in mind that the columns won\u2019t be applied in the form builder, only when the form is viewed by accessing the integration link or is in an iframe. Here is a quick example: Final result: Assume that in your form builder you have 4 fields, as in order Name, Email Address, Company, Address. For the first 2 fields click on the EDIT button on the top right side of the field wrapper to slide down the edit area, in the class input add an additional class for both"}