{"id":54756,"date":"2026-08-12T05:31:58","date_gmt":"2026-08-12T05:31:58","guid":{"rendered":"https:\/\/sitemate.com\/?p=54756"},"modified":"2026-08-12T05:43:37","modified_gmt":"2026-08-12T05:43:37","slug":"throwaway-acf-testing","status":"publish","type":"post","link":"https:\/\/sitemate.com\/za\/acf-test\/throwaway-acf-testing\/","title":{"rendered":"[Throwaway] ACF Testing"},"content":{"rendered":"\r\n\r\n\t<!--\r\n  PROBE SHELL - paste into a single Beaver Builder HTML module on the test page.\r\n  This is the miniature version of what the real page shell will be:\r\n  static HTML authored in the repo, with [acf field=\"...\"] standing in for\r\n  content and [wpforms id=\"...\"] for the form.\r\n  Styles are inline here on purpose. The real build uses a stylesheet.\r\n-->\r\n<style>\r\n  .probe { max-width: 1328px; margin: 0 auto; padding: 40px 24px; font-family: system-ui, sans-serif; }\r\n  .probe h1 { font-size: 40px; line-height: 1.2; margin: 0 0 16px; }\r\n  .probe-lede { font-size: 18px; color: #444; margin: 0 0 40px; }\r\n  .probe-split { display: grid; grid-template-columns: minmax(0,1fr) 432px; gap: 48px; align-items: start; }\r\n  .probe-rail { position: sticky; top: 100px; }\r\n  .probe-test { border: 2px dashed #c00; padding: 16px; margin: 0 0 40px; }\r\n  .probe-test > h4 { margin: 0 0 12px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: #c00; }\r\n  \/* Minimal block styling, only enough to see whether structure survived. *\/\r\n  .ailp-block { margin: 0 0 32px; }\r\n  .ailp-block h2 { font-size: 28px; margin: 0 0 12px; }\r\n  .ailp-callout { background: #eef4ff; border-left: 4px solid #1a73e8; padding: 16px 20px; }\r\n  .ailp-steps { list-style: none; padding: 0; margin: 0; border-left: 2px solid #1a73e8; }\r\n  .ailp-steps > li { position: relative; padding: 0 0 24px 24px; }\r\n  .ailp-steps > li::before { content: \"\"; position: absolute; left: -7px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: #1a73e8; }\r\n  .ailp-steps h3 { font-size: 17px; margin: 0 0 4px; }\r\n  .ailp-block p { margin: 0 0 8px; }\r\n  @media (max-width: 980px) {\r\n    .probe-split { grid-template-columns: 1fr; }\r\n    .probe-rail { position: static; }\r\n  }\r\n<\/style>\r\n  <!-- TEST 1: does a plain single-value ACF field render? -->\r\n  <h1><\/h1>\r\n  \r\n      <!-- TEST 2: WYSIWYG field. Expect wpautop to add  tags around block elements. -->\r\n        <h4>Test 2 &#8211; WYSIWYG field<\/h4>\r\n        \r\n      <!-- TEST 3: Textarea field, New Lines = \"No formatting\". Expected winner. -->\r\n        <h4>Test 3 &#8211; Textarea field, no formatting<\/h4>\r\n        \r\n    <!-- TEST 4: does the real form render in the shell, sticky, with a live token? -->\r\n    <aside>\r\n        <h4>Test 4 &#8211; WPForms in the shell<\/h4>\r\n        <style id=\"wpforms-css-vars-47692\">\n\t\t\t\t#wpforms-47692 {\n\t\t\t\t--wpforms-field-border-radius: 10px;\n--wpforms-field-background-color: rgba(245, 246, 247, 1);\n--wpforms-field-border-color: #e6e6e6;\n--wpforms-field-border-color-spare: #e6e6e6;\n--wpforms-field-text-color: #6d7783;\n--wpforms-label-color: rgba(0, 0, 0, 0.85);\n--wpforms-label-sublabel-color: rgba(0, 0, 0, 0.55);\n--wpforms-button-border-style: solid;\n--wpforms-button-border-radius: 5px;\n--wpforms-button-background-color: #2e81da;\n--wpforms-container-border-radius: 20px;\n--wpforms-field-size-input-height: 50px;\n--wpforms-field-size-input-spacing: 20px;\n--wpforms-field-size-font-size: 18px;\n--wpforms-field-size-line-height: 21px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 18px;\n--wpforms-field-size-sublabel-spacing: 10px;\n--wpforms-field-size-icon-size: 1.25;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 20px;\n--wpforms-button-size-height: 48px;\n--wpforms-button-size-padding-h: 20px;\n--wpforms-button-size-margin-top: 15px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><style id=\"wpforms-css-vars-47692-custom-css\">\n\t\t\t\t#wpforms-47692 {\n\t\t\t\t\t.mql-lead-form-submit {\r\n width: 100%;\r\n}\r\n\r\n#wpforms-47692-field_11-container {\r\n  height: 0;\r\n}\r\n\r\n.mql-lead-form {\r\n  background-color: rgba(245, 246, 247, 1);\r\n  padding: 32px;\r\n  border-radius: 20px;\r\n  width: 80%;\r\n}\n\t\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full mql-lead-form wpforms-render-modern\" id=\"wpforms-47692\"><form id=\"wpforms-form-47692\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"47692\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/za\/wp-json\/wp\/v2\/posts\/54756\" data-token=\"2fdb354f01d643d345c8cc557d753ecd\" data-token-time=\"1786783274\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-47692-field_1-container\" class=\"wpforms-field wpforms-field-name wpforms-field-text-style\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label wpforms-label-hide\" aria-hidden=\"false\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-large\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-47692-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" placeholder=\"First Name\" aria-errormessage=\"wpforms-47692-field_1-error\" required><label for=\"wpforms-47692-field_1\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-47692-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" placeholder=\"Last Name\" aria-errormessage=\"wpforms-47692-field_1-last-error\" required><label for=\"wpforms-47692-field_1-last\" class=\"wpforms-field-sublabel after wpforms-sublabel-hide\">Last<\/label><\/div><\/div><\/fieldset><\/div>\t\t<div id=\"wpforms-47692-field_3-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"3\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-47692-field_3\" >utm_campaign Phone utm_medium<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-47692-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-47692-field_2-container\" class=\"wpforms-field wpforms-field-email wpforms-field-text-style\" data-field-id=\"2\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-47692-field_2\" aria-hidden=\"false\">Work Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-47692-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" placeholder=\"Email\" spellcheck=\"false\" aria-errormessage=\"wpforms-47692-field_2-error\" required><\/div><div id=\"wpforms-47692-field_7-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"7\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-47692-field_7\" aria-hidden=\"false\">Phone <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-47692-field_7\" class=\"wpforms-field-large wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][7]\" placeholder=\"Phone Number\" aria-label=\"Phone\" aria-errormessage=\"wpforms-47692-field_7-error\" required><\/div><div id=\"wpforms-47692-field_11-container\" class=\"wpforms-field wpforms-field-layout\" data-field-id=\"11\"><div class=\"wpforms-field-layout-rows wpforms-field-large\"><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-47692-field_8-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"8\"><input type=\"hidden\" id=\"wpforms-47692-field_8\" name=\"wpforms[fields][8]\"><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-47692-field_9-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"9\"><input type=\"hidden\" id=\"wpforms-47692-field_9\" name=\"wpforms[fields][9]\"><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-47692-field_10-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"10\"><input type=\"hidden\" id=\"wpforms-47692-field_10\" name=\"wpforms[fields][10]\"><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-47692-field_12-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"12\"><input type=\"hidden\" id=\"wpforms-47692-field_12\" name=\"wpforms[fields][12]\"><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-47692-field_13-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"13\"><input type=\"hidden\" id=\"wpforms-47692-field_13\" name=\"wpforms[fields][13]\"><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-47692-field_14-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"14\"><input type=\"hidden\" id=\"wpforms-47692-field_14\" name=\"wpforms[fields][14]\"><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-47692-field_15-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"15\"><input type=\"hidden\" id=\"wpforms-47692-field_15\" name=\"wpforms[fields][15]\"><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-47692-field_20-container\" class=\"wpforms-field wpforms-field-hidden\" data-field-id=\"20\"><input type=\"hidden\" id=\"wpforms-47692-field_20\" name=\"wpforms[fields][20]\"><\/div><\/div><\/div><div class=\"wpforms-layout-row\"><div class=\"wpforms-layout-column wpforms-layout-column-25\"><div id=\"wpforms-47692-field_16-container\" class=\"wpforms-field wpforms-field-html\" data-field-id=\"16\"><div id=\"wpforms-47692-field_16\" aria-errormessage=\"wpforms-47692-field_16-error\"><script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Wait for WPForms to fully load\r\n    setTimeout(function() {\r\n        const urlParams = new URLSearchParams(window.location.search);\r\n        \r\n        \/\/ Function to set field values by ID\r\n        function setFieldById(fieldId, value) {\r\n            const field = document.querySelector(`input[name=\"wpforms[fields][${fieldId}]\"], select[name=\"wpforms[fields][${fieldId}]\"], textarea[name=\"wpforms[fields][${fieldId}]\"]`);\r\n            if (field) {\r\n                field.value = value;\r\n            }\r\n        }\r\n        \r\n        \/\/ Set UTM and tracking fields by their WPForms field IDs\r\n        setFieldById('8', urlParams.get('utm_source') || ''); \r\n        setFieldById('9', urlParams.get('utm_medium') || '');\r\n        setFieldById('10', urlParams.get('utm_campaign') || '');\r\n        setFieldById('12', urlParams.get('utm_term') || '');\r\n        setFieldById('13', urlParams.get('utm_content') || '');\r\n        setFieldById('14', urlParams.get('ref') || '');\r\n        setFieldById('15', Intl.DateTimeFormat()?.resolvedOptions()?.timeZone);\r\n        setFieldById('20', urlParams.get('gclid') || '');\r\n    }, 1000);\r\n});\r\n<\/script><\/div><\/div><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><div class=\"wpforms-layout-column wpforms-layout-column-25\"><\/div><\/div><\/div><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-47692-field_3-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-47692-field_3-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-47692-field_3-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"47692\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/posts\/54756\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-47692\" class=\"wpforms-submit mql-lead-form-submit\" data-alt-text=\"Loading...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sitemate.com\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\r\n    <\/aside>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Test 2 &#8211; WYSIWYG field Test 3 &#8211; Textarea field, no formatting Test 4 &#8211; WPForms in the shell<\/p>","protected":false},"author":15,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","rank_math_title":"","rank_math_description":"","rank_math_canonical_url":"","rank_math_focus_keyword":""},"categories":[159],"tags":[],"industry":[],"product":[],"region":[],"system":[],"content_type":[],"topic":[],"class_list":["post-54756","post","type-post","status-publish","format-standard","hentry","category-acf-test"],"acf":[],"custom_permalink":"acf-test\/throwaway-acf-testing","_links":{"self":[{"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/posts\/54756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/comments?post=54756"}],"version-history":[{"count":2,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/posts\/54756\/revisions"}],"predecessor-version":[{"id":54770,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/posts\/54756\/revisions\/54770"}],"wp:attachment":[{"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/media?parent=54756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/categories?post=54756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/tags?post=54756"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/industry?post=54756"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/product?post=54756"},{"taxonomy":"region","embeddable":true,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/region?post=54756"},{"taxonomy":"system","embeddable":true,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/system?post=54756"},{"taxonomy":"content_type","embeddable":true,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/content_type?post=54756"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/sitemate.com\/za\/wp-json\/wp\/v2\/topic?post=54756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}