{"id":5093,"date":"2019-02-13T17:52:39","date_gmt":"2019-02-13T17:52:39","guid":{"rendered":"https:\/\/max-drake.cc\/?p=5093"},"modified":"2019-02-13T17:55:22","modified_gmt":"2019-02-13T17:55:22","slug":"calculated-fields-form-sidebar-image-links","status":"publish","type":"post","link":"https:\/\/max-drake.cc\/?p=5093","title":{"rendered":"Calculated Fields Form &#038; Sidebar Image links"},"content":{"rendered":"<p>I was reading an <a href=\"https:\/\/www.techrepublic.com\/blog\/google-in-the-enterprise\/five-ways-to-integrate-google-apps-with-wordpress\/\" target=\"_blank\" rel=\"noopener\"><strong>article<\/strong><\/a> about integrating Google Apps with WordPress\u00a0 and one was\u00a0 a plugin\u00a0 for Google Forms and decided to investigate it. When I went to install the plugin I came across <a href=\"https:\/\/wordpress.org\/plugins\/calculated-fields-form\/\" target=\"_blank\" rel=\"noopener\"><strong>Calculated Fields Form plugin<\/strong><\/a> for WordPress and decided to install that too. I&#8217;m glad I did, this is a great plugin.<\/p>\n<h3>WordPress plugin\u00a0 for Google Forms (now being depreciated but still available)<\/h3>\n<p>On further research the WordPress plugin\u00a0 for Google Forms is being phased out and I must admit on testing it the results were a bit odd.<\/p>\n<p>The New Google Forms use the normal embed code, also you can give them a link to take you just to the form, rather than embedding it into a web page.<\/p>\n<p>An item that I thought was quite interesting was that I was playing with menu&#8217;s and saw that the WordPress plugin\u00a0 for Google Forms had a category of Google Forms for menu&#8217;s. I thought that was an interesting feature, you could use one as a contact form\u00a0 and link to a spreadsheet. Currently I&#8217;m using Cognito forms for that, I may switch to Google Forms for contact page info instead.<\/p>\n<h2>Calculated Fields Form<\/h2>\n<p>This is a really handy tool. I have a use case for this. In my original Form setup for quotes I put costs per each item at the top of the form so a person could do a rough calculation for the cost of the service.<\/p>\n<p>The FREE version of the\u00a0 <a href=\"https:\/\/wordpress.org\/plugins\/calculated-fields-form\/\" target=\"_blank\" rel=\"noopener\"><strong>Calculated Fields Form plugin<\/strong><\/a> does not let you send emails but it does show all the fields on the page, so that people interested in the service can run the numbers to see what is cost effective, then fill out a form for a formal quote.<\/p>\n<p>The article below is quite descriptive. It takes you through the steps for setting up. I quite liked his comment to play with some of the existing examples, and once you do that you get an idea of how it works.<\/p>\n<p>The one thing I dont particularly like are the templates, I don&#8217;t really like any of them,\u00a0 and they don&#8217;t really fit in with what I have.<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"TUgr3W5anJ\"><p><a href=\"https:\/\/wpmayor.com\/calculated-fields-form-review-advanced-form-builder-plugin-wordpress\/\">Calculated Fields Form Review: An Advanced Form Builder Plugin for WordPress<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content lazyload\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Calculated Fields Form Review: An Advanced Form Builder Plugin for WordPress&#8221; &#8212; WP Mayor\" data-src=\"https:\/\/wpmayor.com\/calculated-fields-form-review-advanced-form-builder-plugin-wordpress\/embed\/#?secret=XngpC2TzbG#?secret=TUgr3W5anJ\" data-secret=\"TUgr3W5anJ\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-load-mode=\"1\"><\/iframe><\/p>\n<h3>Process<\/h3>\n<p>I wanted to setup a form so that people can play around with prices for the services that I offer, then go onto my form so that they get the formal quote by email.<\/p>\n<p>There are the 3 tabs, 1.Add\u00a0 field, where you choose what type of field to add to the form.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-5110 aligncenter lazyload\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_03_21-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-300x146.jpg\" alt=\"\" width=\"1697\" height=\"826\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_03_21-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-300x146.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_03_21-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-768x374.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_03_21-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-1024x498.jpg 1024w\" data-sizes=\"(max-width: 1697px) 100vw, 1697px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1697px; --smush-placeholder-aspect-ratio: 1697\/826;\" \/><\/p>\n<p>Tab 2 where you edit that element that you added to the form<img decoding=\"async\" class=\"wp-image-5111 aligncenter lazyload\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_03_54-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-300x134.jpg\" alt=\"\" width=\"1804\" height=\"806\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_03_54-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-300x134.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_03_54-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-768x342.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_03_54-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-1024x457.jpg 1024w\" data-sizes=\"(max-width: 1804px) 100vw, 1804px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1804px; --smush-placeholder-aspect-ratio: 1804\/806;\" \/><\/p>\n<p>Tab 3 where you have the Title and overall look of the form, such as the chosen template.<img decoding=\"async\" class=\"wp-image-5112 aligncenter lazyload\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_04_23-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-300x140.jpg\" alt=\"\" width=\"1674\" height=\"781\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_04_23-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-300x140.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_04_23-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-768x359.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-12_04_23-Calculated-Fields-Form-Options-\u2039-Vast-\u2014-WordPress-1024x478.jpg 1024w\" data-sizes=\"(max-width: 1674px) 100vw, 1674px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1674px; --smush-placeholder-aspect-ratio: 1674\/781;\" \/><\/p>\n<p>Here is the result. I&#8217;ve used Template 1 as it highlights the fields better than some of the other templates. I tried doing some edits in the template with partial success.<\/p>\n<p>The plugin uses a shortcode that you place on your page\/post.<\/p>\n<style>@media (max-width:480px){#cp_calculatedfieldsf_pform_1{min-height:1879px;}}@media (max-width:1024px){#cp_calculatedfieldsf_pform_1{min-height:1432px;}}@media (min-width:1024px){#cp_calculatedfieldsf_pform_1{min-height:1373px;}}<\/style><form name=\"cp_calculatedfieldsf_pform_1\" id=\"cp_calculatedfieldsf_pform_1\" action=\"https:\/\/max-drake.cc\/?p=5093\" method=\"post\" enctype=\"multipart\/form-data\" onsubmit=\"return fbuilderjQuery.fbuilder.doValidate(this);\" class=\"cff-form no-prefetch  cff-form-6 cp_cff_natural\"  data-nonce=\"1f9667fdf1\">\n<input type=\"hidden\" name=\"cp_calculatedfieldsf_pform_psequence\" value=\"_1\" \/>\n<input type=\"hidden\" name=\"cp_calculatedfieldsf_id\" value=\"6\" \/>\n<input type=\"hidden\" name=\"cp_ref_page\" value=\"https:\/\/max-drake.cc\" \/>\n<pre style=\"display:none !important;\"><script data-category=\"functional\" type=\"text\/javascript\">form_structure_1=[[{\"form_identifier\":\"\",\"name\":\"fieldname8\",\"shortlabel\":\"\",\"index\":0,\"ftype\":\"fSectionBreak\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"PROJECT SETUP \",\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"fieldname9\",\"shortlabel\":\"\",\"index\":1,\"ftype\":\"fcurrency\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"Setting up files and code structure, emailing client, organizing and renaming files and creating html code and administration\",\"predefined\":\"125.00\",\"predefinedClick\":false,\"required\":false,\"readonly\":true,\"size\":\"small\",\"currencySymbol\":\"$\",\"currencyText\":\"USD\",\"thousandSeparator\":\",\",\"centSeparator\":\".\",\"noCents\":false,\"min\":\"\",\"max\":\"\",\"formatDynamically\":true,\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"separator1\",\"shortlabel\":\"\",\"index\":2,\"ftype\":\"fSectionBreak\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"PLANS \",\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"fieldname11\",\"shortlabel\":\"\",\"index\":3,\"ftype\":\"fnumber\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"Number of Plans (including site plan if required) and building floor plans that you want Panoramas or Images linked to\",\"predefined\":\"Input required here-eg 2\",\"predefinedClick\":true,\"required\":true,\"readonly\":false,\"size\":\"medium\",\"thousandSeparator\":\"\",\"decimalSymbol\":\".\",\"min\":\"\",\"max\":\"\",\"formatDynamically\":false,\"dformat\":\"digits\",\"formats\":[\"digits\",\"number\"],\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"fieldname12\",\"shortlabel\":\"\",\"index\":4,\"ftype\":\"fcurrency\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"Cost per Plan - Setting up plan for linking panoramas and images\",\"predefined\":\"75.00\\n\",\"predefinedClick\":false,\"required\":false,\"readonly\":true,\"size\":\"small\",\"currencySymbol\":\"$\",\"currencyText\":\"USD\",\"thousandSeparator\":\",\",\"centSeparator\":\".\",\"noCents\":false,\"min\":\"\",\"max\":\"\",\"formatDynamically\":true,\"fBuild\":{},\"parent\":\"\"},{\"dependencies\":[{\"rule\":\"\",\"complex\":false,\"fields\":[\"\"]}],\"form_identifier\":\"\",\"name\":\"fieldname7\",\"shortlabel\":\"\",\"index\":5,\"ftype\":\"fCalculated\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"PLANS SubTotal\",\"predefined\":\"\",\"required\":false,\"size\":\"small\",\"toolbar\":\"default|mathematical\",\"eq\":\"fieldname12*fieldname11\",\"suffix\":\"\",\"prefix\":\"$\",\"decimalsymbol\":\".\",\"groupingsymbol\":\",\",\"readonly\":true,\"hidefield\":false,\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"fieldname10\",\"shortlabel\":\"\",\"index\":6,\"ftype\":\"fSectionBreak\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"PANORAMAS & IMAGES\",\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"fieldname5\",\"shortlabel\":\"\",\"index\":7,\"ftype\":\"fnumber\",\"userhelp\":\" I use Image here to refer to a normal photo, where as a panorama is a 360 degree horizontal \\\/180 degree vertical photo\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"Total number of Panoramas and images that you want to link to all the plans above\",\"predefined\":\"Input required here- eg 10\",\"predefinedClick\":true,\"required\":true,\"readonly\":false,\"size\":\"medium\",\"thousandSeparator\":\"\",\"decimalSymbol\":\".\",\"min\":\"\",\"max\":\"\",\"formatDynamically\":false,\"dformat\":\"digits\",\"formats\":[\"digits\",\"number\"],\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"fieldname16\",\"shortlabel\":\"\",\"index\":8,\"ftype\":\"fcurrency\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"Cost per Panorama or image - Setting up Panorama or for linking to Plans\",\"predefined\":\"10.00\\n\",\"predefinedClick\":false,\"required\":false,\"readonly\":true,\"size\":\"small\",\"currencySymbol\":\"$\",\"currencyText\":\"USD\",\"thousandSeparator\":\",\",\"centSeparator\":\".\",\"noCents\":false,\"min\":\"\",\"max\":\"\",\"formatDynamically\":true,\"fBuild\":{},\"parent\":\"\"},{\"dependencies\":[{\"rule\":\"\",\"complex\":false,\"fields\":[\"\"]}],\"form_identifier\":\"\",\"name\":\"fieldname13\",\"shortlabel\":\"\",\"index\":9,\"ftype\":\"fCalculated\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"PANORAMAS\\\/IMAGES SubTotal\",\"predefined\":\"\",\"required\":false,\"size\":\"small\",\"toolbar\":\"default|mathematical\",\"eq\":\"fieldname5*fieldname16\",\"suffix\":\"\",\"prefix\":\"$\",\"decimalsymbol\":\".\",\"groupingsymbol\":\",\",\"readonly\":true,\"hidefield\":false,\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"fieldname14\",\"shortlabel\":\"\",\"index\":10,\"ftype\":\"fSectionBreak\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"HOTLINKS\\\/HOTSPOTS\",\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"fieldname15\",\"shortlabel\":\"\",\"index\":11,\"ftype\":\"fnumber\",\"userhelp\":\"HOTLINKS are a spot in a panorama say, on a door, and if you click on that spot it takes you to the panorama for the room behind that door. \\u003Cbr\\u003E\\nA HOTSPOT is a spot on an object in the panorama, say a refrigerator, and if you click on it it will give information about that piece of equiptment\",\"userhelpTooltip\":true,\"csslayout\":\"\",\"title\":\"Total number of HOTLINKS or HOTSPOTS you would like in all the Panoramas and Images\",\"predefined\":\"Input required here- eg 8\",\"predefinedClick\":true,\"required\":true,\"readonly\":false,\"size\":\"medium\",\"thousandSeparator\":\"\",\"decimalSymbol\":\".\",\"min\":\"\",\"max\":\"\",\"formatDynamically\":false,\"dformat\":\"digits\",\"formats\":[\"digits\",\"number\"],\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"fieldname6\",\"shortlabel\":\"\",\"index\":12,\"ftype\":\"fcurrency\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"Cost per HOTLINK or HOTSPOT - Setting up Hotlink\\\/Hotspot in image. \",\"predefined\":\"7.50\\n\",\"predefinedClick\":false,\"required\":false,\"readonly\":true,\"size\":\"small\",\"currencySymbol\":\"$\",\"currencyText\":\"USD\",\"thousandSeparator\":\",\",\"centSeparator\":\".\",\"noCents\":false,\"min\":\"\",\"max\":\"\",\"formatDynamically\":true,\"fBuild\":{},\"parent\":\"\"},{\"dependencies\":[{\"rule\":\"\",\"complex\":false,\"fields\":[\"\"]}],\"form_identifier\":\"\",\"name\":\"fieldname17\",\"shortlabel\":\"\",\"index\":13,\"ftype\":\"fCalculated\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"PHOTLINKS\\\/HOTSPOTS SubTotal\",\"predefined\":\"\",\"required\":false,\"size\":\"small\",\"toolbar\":\"default|mathematical\",\"eq\":\"fieldname15*fieldname6\",\"suffix\":\"\",\"prefix\":\"$\",\"decimalsymbol\":\".\",\"groupingsymbol\":\",\",\"readonly\":true,\"hidefield\":false,\"fBuild\":{},\"parent\":\"\"},{\"form_identifier\":\"\",\"name\":\"fieldname18\",\"shortlabel\":\"\",\"index\":14,\"ftype\":\"fSectionBreak\",\"userhelp\":\"\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"TOTAL PRICE- $US,  NO TAX, NO GST\\\/VAT\",\"fBuild\":{},\"parent\":\"\"},{\"dependencies\":[{\"rule\":\"\",\"complex\":false,\"fields\":[\"\"]}],\"form_identifier\":\"\",\"name\":\"fieldname19\",\"shortlabel\":\"\",\"index\":15,\"ftype\":\"fCalculated\",\"userhelp\":\"This is a quick process for getting an estimate of the service, for actual cost please fill out the form on the Services tab. We will send an email with attached quote.\\u003Cbr\\u003E\\n \\u003Ca href=\\u0022https:\\\/\\\/max-drake.cc\\\/export-360-panoramas-images-linked-to-plan-for-browser-viewing\\\/\\u0022\\u003EBrowser Viewer for Panoramas\\u003C\\\/a\\u003E \\u003Cbr\\u003E\\nNote 1: All Prices are in $US\\u003Cbr\\u003E\\nNote 2: No Tax or VAT\\\/GST has been added as services will be provided from New Zealand. \\u003Cbr\\u003E\",\"userhelpTooltip\":false,\"csslayout\":\"\",\"title\":\"PROJECT SETUP + PLANS  + PANORAMAS & IMAGES + HOTLINKS\\\/HOTSPOTS\\u003C\\\/BR\\u003E \\u003Ca href=\\u0022https:\\\/\\\/docs.google.com\\\/forms\\\/d\\\/e\\\/1FAIpQLSdI9DujefKPPe956Iw-yDTesCVO0rU3lz61B0prg2WS0e5jTw\\\/viewform\\u0022\\u003EFORM FOR FORMAL QUOTE\\u003C\\\/a\\u003E, P lease fill out and we will reply shortly\",\"predefined\":\"\",\"required\":false,\"size\":\"small\",\"toolbar\":\"default|mathematical\",\"eq\":\"fieldname9+ fieldname7+fieldname13+ fieldname17\",\"suffix\":\"\",\"prefix\":\"$\",\"decimalsymbol\":\".\",\"groupingsymbol\":\",\",\"readonly\":true,\"hidefield\":false,\"fBuild\":{},\"parent\":\"\"}],{\"0\":{\"title\":\"Calculate service for Browser viewing panoramas from plans\",\"description\":\"This is a quick process for getting an estimate of the service, for actual cost please fill out the form on the Services tab. We will send an email with attached quote.\\u003Cbr\\u003E\\n \\u003Ca href=\\u0022https:\\\/\\\/max-drake.cc\\\/export-360-panoramas-images-linked-to-plan-for-browser-viewing\\\/\\u0022\\u003EBrowser Viewer for Panoramas\\u003C\\\/a\\u003E \\u003Cbr\\u003E\\nNote 1: All Prices are in $US\\u003Cbr\\u003E\\nNote 2: No Tax or VAT\\\/GST has been added as services will be provided from New Zealand. \\u003Cbr\\u003E\\n\\n\\n\",\"formlayout\":\"right_aligned\",\"formtemplate\":\"cp_cff_natural\",\"evalequations\":1,\"evalequationsevent\":\"1\",\"autocomplete\":1,\"persistence\":0,\"customstyles\":\"\"},\"formid\":\"cp_calculatedfieldsf_pform_1\"}];<\/script><\/pre>\n<div id=\"fbuilder\">\n\t\t<div id=\"fbuilder_1\">\n\t\t<div id=\"formheader_1\"><\/div>\n\t\t<div id=\"fieldlist_1\"><\/div>\n\t\t<div class=\"clearer\"><\/div>\n\t<\/div>\n<\/div>\n\t<div id=\"cp_subbtn_1\" class=\"cp_subbtn\" style=\"display:none;\"><\/div><div class=\"clearer\"><\/div>\n\t<input type=\"hidden\" id=\"_cpcff_public_nonce\" name=\"_cpcff_public_nonce\" value=\"504a5acc93\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fposts%2F5093\" \/><input type=\"hidden\" name=\"cff_form_start_time\" value=\"nKd+U\/buH0St6l5qWoTgRA==\"><\/form>\n\t\n<p>I am pleased with the results. If I have to change the prices then I have to go into the specific field to adjust them. In the Googlle Form spreadsheet I only have to go to one place to update all the prices.<\/p>\n<p><strong>Alternatives<\/strong><\/p>\n<p>There are other calculated fields forms, <a href=\"https:\/\/wordpress.org\/plugins\/ez-form-calculator\/#description\" target=\"_blank\" rel=\"noopener\"><strong>EZ Form Calculator<\/strong><\/a> is one, it has a free version too. I have also seen videos that use Ninja Forms and Contact Form 7. Cognito Forms can also do some calculations too.<\/p>\n<p>I thought I&#8217;d check, and Google Forms does not do a calculated field, it can be done in the spreadsheet and then sent back in email or template from the spreadsheet, but not in the actual form.<\/p>\n<h2>Sidebar images with links<\/h2>\n<p>I have some services I wish to promote for Facility Management. Initially I had a dedicated site, but with few visitors, so I migrated those pages across to my Blog site, where I have a steady amount of visitors. I wrote about it in this post <a title=\"Moving content from one WordPress website to another\" href=\"https:\/\/max-drake.cc\/2019\/02\/05\/moving-content-from-one-wordpress-website-to-another\/\" rel=\"bookmark\"><strong>Moving content from one WordPress website to another<\/strong>.<\/a><\/p>\n<p>I initially put them under a Menu header of Services but they are hidden away there, so I wanted to make them more prominent by putting links to the services on the sidebar.<\/p>\n<p>Initially I was going to look at using a plugin similar to the one I have for popular posts but came across the video below for doing it with a Text widget.<\/p>\n<p><iframe data-src=\"https:\/\/www.youtube.com\/embed\/WoeKIBaBXtA\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p>I think it is quite an elegant solution using the Text widget to hold the data.<\/p>\n<p>I may be overstating things but I would not click on images thinking they&#8217;d be a link, so I&#8217;ve got text below with [Click image]. In some ways it defeats the point of the image as a link but the visual cue is good.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-5124 lazyload\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-17_38_21-Vast-\u00b7-Tools-to-help-manage-infrastructure-building-assets-throughout-their-li-300x284.jpg\" alt=\"\" width=\"1527\" height=\"1446\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-17_38_21-Vast-\u00b7-Tools-to-help-manage-infrastructure-building-assets-throughout-their-li-300x284.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-17_38_21-Vast-\u00b7-Tools-to-help-manage-infrastructure-building-assets-throughout-their-li-768x728.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-17_38_21-Vast-\u00b7-Tools-to-help-manage-infrastructure-building-assets-throughout-their-li-1024x971.jpg 1024w\" data-sizes=\"(max-width: 1527px) 100vw, 1527px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1527px; --smush-placeholder-aspect-ratio: 1527\/1446;\" \/><\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"wp-image-5125 aligncenter lazyload\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-17_42_39-Widgets-\u2039-Vast-\u2014-WordPress-143x300.jpg\" alt=\"\" width=\"709\" height=\"1487\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 709px; --smush-placeholder-aspect-ratio: 709\/1487;\" \/><\/p>\n<h2>End comment<\/h2>\n<p>One thing I found out, when trying to find images of the migrated pages within this site&#8217;s media library, was that I couldn&#8217;t find any, and when I looked at the page source I see that the images are still associated with the previous website. I thought I&#8217;d taken care of that in the migration process. A bit scary. I will have to re-evaluate that.<\/p>\n<p><strong>Calculated Fields Form<\/strong><\/p>\n<p>A nice tool, template and editing them is a bit of a pain, but I like what it does. It would be great if you could print\/email the completed form, which I&#8217;m sure you can do in the paid version, but as long as it allows people to explore the costings beforehand I think it would encourage them to try out the service. I hope so.<\/p>\n<p>I would like more control over highlighting input boxes and other stuff to make it clear where people need to put information, but that is CSS and HTML, time just fly&#8217;s when I start tinkering with those things.<\/p>\n<p><strong>Sidebar images with links<\/strong><\/p>\n<p>I like this solution, it does not require maintaining another plugin and you can add extra html code as well. I should take a copy of some of the code and put it in my notepad on the dashboard just in case something happens to that text box.<\/p>\n<p>Hopefully some of the services being more prominent will make people have a look at them. Although the people who visit the site are more interested in Free DIY solutions. I need to taget Facility &amp; Asset Managers more.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I was reading an article about integrating Google Apps with WordPress\u00a0 and one was\u00a0 a plugin\u00a0 for Google Forms and decided to investigate it. When I went to install the plugin I came across Calculated Fields Form plugin for WordPress and decided to install that too. I&#8217;m glad I did, this is a great plugin. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[204,1,42,29,27],"tags":[290,48,291],"class_list":["post-5093","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-automation","category-general","category-productivity","category-web","category-wordpress","tag-calculated-fields-form","tag-productivity","tag-wordpress-sidebar-image"],"featured_image_src":"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-18_47_14-Calculated-Fields-Form-Sidebar-Image-links-\u00b7-Vast.jpg","featured_image_src_square":"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/02\/2019-02-14-18_47_14-Calculated-Fields-Form-Sidebar-Image-links-\u00b7-Vast.jpg","author_info":{"display_name":"Max Drake","author_link":"https:\/\/max-drake.cc\/?author=1"},"_links":{"self":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/posts\/5093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5093"}],"version-history":[{"count":0,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/posts\/5093\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/media\/5127"}],"wp:attachment":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}