{"id":413,"date":"2021-08-09T09:06:46","date_gmt":"2021-08-09T09:06:46","guid":{"rendered":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/?page_id=413"},"modified":"2024-05-03T07:01:53","modified_gmt":"2024-05-03T07:01:53","slug":"cf7-floating-form","status":"publish","type":"page","link":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/cf7-floating-form\/","title":{"rendered":"CF7 Floating Form"},"content":{"rendered":"<h2>Contact Form 7 Floating Form<\/h2>\n<p>Throughout the full website, you will find the Floating Button for Contact Form 7 Floating Form.<\/p>\n<a id=\"mgswpcf7-floating-btn324\" class=\"mgswpcf7-floating-btn mgswpcf7-floatingbtnfloatbtn mgswpcf7-floatingbtnfloat-left\" href=\"javascript:void(0)\" onclick=\"OpenMgswpcfsfloating(324)\">\n\t\t\t\t<span class=\"mgsfloatingfloatingbtn-text\">Contact Us<\/span>\n\t\t\t<\/a><div id=\"mgswpcf7-floating-contactForm324\" class=\"mgswpcf7-floating-contactForm\"><div class=\"mgsmodal-background\"><a href=\"javascript:void(0)\" class=\"closebtn largeskinview\" onclick=\"closeMgswpcfsfloating(324)\">&times;<\/a><div class=\"mgswpcf7floating-cFormbox\"><a href=\"javascript:void(0)\" class=\"closebtn\" onclick=\"closeMgswpcfsfloating(324)\">&times;<\/a><h3 class=\"mgswpcf7-floating-form-title\">Floating Contact Button<\/h3>\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f324-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"324\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/413#wpcf7-f324-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"324\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f324-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/><input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:324,&quot;conditions&quot;:[],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false,&quot;notice_dismissed_rollback-cf7-5.4.1&quot;:true,&quot;notice_dismissed_rollback-cf7-5.8&quot;:true}}\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><label> <span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name*\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> <span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email*\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> <span class=\"wpcf7-form-control-wrap\" data-name=\"required-service\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"required-service\"><option value=\"\">&#8212;Please choose an option&#8212;<\/option><option value=\"Service 1\">Service 1<\/option><option value=\"Service 2\">Service 2<\/option><option value=\"Service 3\">Service 3<\/option><option value=\"Service 4\">Service 4<\/option><\/select><\/span> <\/label>\n<\/p>\n<p><label> <span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Your Message\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div><\/div><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-414\" src=\"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-content\/uploads\/2021\/08\/cf7-floating-form-add-ons.png\" alt=\"\" width=\"800\" height=\"758\" srcset=\"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-content\/uploads\/2021\/08\/cf7-floating-form-add-ons.png 800w, https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-content\/uploads\/2021\/08\/cf7-floating-form-add-ons-300x284.png 300w, https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-content\/uploads\/2021\/08\/cf7-floating-form-add-ons-768x728.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2>Features<\/h2>\n<ul>\n<li><strong>Extremely easy Configuration<\/strong><\/li>\n<li><strong>Each Form Has Own Configuration. So, Each Floating Form Theme Can be Unique<\/strong><\/li>\n<li><strong>Floating Contact Button, Floating Form Box, Floating Contact Form Configuration Options Included:<\/strong>\n<ul>\n<li>Floating Form Box BG Color<\/li>\n<li>Floating Form Box Font Color<\/li>\n<li>Floating Contact Form Field Border Radius<\/li>\n<li>Floating Contact Form Button BG Color<\/li>\n<li>Floating Contact Form Button Font Color<\/li>\n<li>Floating Contact Form Button Font Size<\/li>\n<\/ul>\n<\/li>\n<li><strong>Floating Contact Floating Icon Button Settings<\/strong>\n<ul>\n<li><strong>Floating Icon Button Horizontal Position<\/strong>\n<ul>\n<li>Left<\/li>\n<li>Right<\/li>\n<\/ul>\n<\/li>\n<li>Floating Contact Buttons Margin Bottom<\/li>\n<li>Floating Icon Button Text<\/li>\n<li>Floating Icon Button Font Size<\/li>\n<li>Floating Icon Button BG Color<\/li>\n<li>Floating Icon Button Font Color<\/li>\n<li>Floating Icon Button Border Radius<\/li>\n<\/ul>\n<\/li>\n<li>You will be able to Manage Your desired Floating Form theme through Configuration<\/li>\n<li>100% Responsive &amp; Mobile-Friendly Layout<\/li>\n<li>Browser Compatibility<\/li>\n<li><strong>Well Documentation ( proper help instructions for setup )<\/strong><\/li>\n<li><strong>Dedicated Support<\/strong><\/li>\n<li>and Much More!<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Contact Form 7 Floating Form Throughout the full website, you will find the Floating Button for Contact Form 7 Floating Form. Features Extremely easy Configuration Each Form Has Own Configuration. So, Each Floating Form Theme Can be Unique Floating Contact Button, Floating Form Box, Floating Contact Form Configuration Options Included: Floating Form Box BG Color [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-cf7-floating-form.php","meta":{"footnotes":""},"class_list":["post-413","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/comments?post=413"}],"version-history":[{"count":8,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/413\/revisions"}],"predecessor-version":[{"id":497,"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/pages\/413\/revisions\/497"}],"wp:attachment":[{"href":"https:\/\/mgsdemo.mgscoder.com\/wp-plugins\/mgscf7-addon\/wp-json\/wp\/v2\/media?parent=413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}