{"id":407722,"date":"2024-09-10T08:00:00","date_gmt":"2024-09-10T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/fsdpcfl-contact-form-lazyload\/"},"modified":"2025-02-19T19:36:00","modified_gmt":"2025-02-19T19:36:00","slug":"fsdpcfl-contact-form-lazyload","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/fsdpcfl-contact-form-lazyload\/","title":{"rendered":"Lazyload for Contact Form 7"},"content":{"rendered":"<p>Lazyload for Contact Form 7 is a lightweight WordPress plugin designed to improve your website\u2019s performance by lazyloading Contact Form 7. This plugin delays the loading of contact forms until they are in the viewport, reducing initial load times and enhancing user experience.<\/p>\n<p>Example code:<br \/>\n    <code>[lazy-contact-form-7 id=\"ID form\" title=\"Title form\" root-margin=\"0px\" no-observer=\"false\"]<\/code><\/p>\n<h4>root-margin=\u201d0px\u201d<\/h4>\n<p><strong>root-margin=\u201d0px\u201d<\/strong> sets the size of the base margin, allowing the form to load sooner or later. Root-margin can be set in several ways:<br \/>\n\u2013 root-margin supports units such as px and %.<br \/>\n    \u2013 <em>root-margin: 100px<\/em> \u2013 the form will load 100 px before the specified element.<br \/>\n    \u2013 <em>root-margin: -100px<\/em> \u2013 the form will load 100 px after the specified element.<br \/>\n    \u2013 <em>root-margin: 20px 50px 20px<\/em> \u2013 the form will load with margins of 20px on top, 50px on the sides, and 20px on the bottom.<\/p>\n<h4>no-observer=\u201dtrue\u201d<\/h4>\n<p><strong>no-observer=\u201dtrue\u201d<\/strong> Is a solution aimed at developers who want to have control over exactly when the form is loaded. Setting this option to true will prevent the form from loading automatically on the page, and you will need to manually change the <em>data-fsdpcfl-src<\/em> attribute to <em>src<\/em> using JavaScript.<\/p>\n<p>To enable the loading animation, add the <em>active<\/em> class to the <em>fsdpcfl-loader<\/em> class.<\/p>\n<p>If you have any questions, you can contact us via email. <a href=\"mailto:tech@56degrees.co.uk\" title=\"tech@56degrees.co.uk\" rel=\"nofollow ugc\">tech@56degrees.co.uk<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lazyload for Contact Form 7 is a lightweight WordPress plugin designed to improve your website's performance by lazyloading Contact Form 7.<\/p>\n","protected":false},"author":65,"featured_media":407792,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Lazyload for Contact Form 7 - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Lazyload for Contact Form 7 is a lightweight WordPress plugin designed to improve your website's performance by lazyloading Contact Form 7."},"footnotes":""},"categories":[1],"tags":[1643,862,57116,57105,9892],"class_list":["post-407722","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-cf7","tag-contact-form-7","tag-contact-form-7-lazyload","tag-lazyload-form","tag-wpcf7"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/407722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=407722"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/407722\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/407792"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=407722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=407722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=407722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}