{"id":"o","type":"section","overall_type":"section","childs":[{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tabs\">"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tab-headers clearfix\">"},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tab-contents clearfix\">"},{"id":"gen","type":"section","overall_type":"section","childs":[{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tab-header  ffb-modal__tab-header--active\" data-id=\"gen\" data-tab-header-name=\"General\">General<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tab-content  ffb-modal__tab-content--active \" data-id=\"gen\" data-tab-content-name=\"General\">"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__content--options ffb-options\">"},{"id":"ffsys-disabled","type":"hidden","title":"","defaultValue":0,"description":"","selectValues":null,"value":0,"overall_type":"option"},{"id":"ffsys-info","type":"hidden","title":"","defaultValue":"{}","description":"","selectValues":null,"value":"{}","overall_type":"option"},{"id":null,"type":"type_table_start","overall_type":"element","title":null},{"id":"","type":"type_table_data_start","overall_type":"element","title":"Info <a href=\"http:\/\/arktheme.com\/academy\/tutorial\/building-basic-contact-form\/\" class=\"aa-help aa-help--type-1\" target=\"_blank\" title=\"Watch Video Lesson\"><\/a>"},{"id":"","type":"type_html","overall_type":"element","title":"<i>If you are facing problems with sending e-mails we recommend you to download the <a href=\"\/\/wordpress.org\/plugins\/post-smtp\/\" target=\"_blank\">Post SMTP<\/a> plugin.<\/i>"},{"id":null,"type":"type_new_line","overall_type":"element","title":null},{"id":"","type":"type_html","overall_type":"element","title":"<i>If you want to <b>show a message after the user sends the form<\/b>, please add the \"Form Alert\" element inside of the \"Form Wrapper\" element. The \"Form Alert\" element allows you to show an error or success message after the users sends the form. If you would like to show both alert messages you would need to insert 2 \"Form Alert\" elements and set them up accordingly. You can then insert any of the builder elements inside of the \"Form Alert\" element to achieve the desired output.<\/i>"},{"id":null,"type":"type_table_data_end","overall_type":"element","title":null},{"id":"","type":"type_table_data_start","overall_type":"element","title":"Form Settings"},{"id":"form-action","type":"select","title":"","defaultValue":"email","description":"","selectValues":[{"name":"Send form as email (ajax)","value":"email"},{"name":"Submit form","value":"submit"}],"params":{"PARAM_TITILE_AFTER":["Action to do after submitting the form"]},"value":"email","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ff-hiding-box\"  data-option-name=\"form-action\" data-option-value=\"submit\" data-option-operator=\"equal\">"},{"id":"form-action-submit","type":"section","overall_type":"section","childs":[{"id":"method","type":"select","title":"","defaultValue":"post","description":"","selectValues":[{"name":"Post","value":"post"},{"name":"Get","value":"get"}],"params":{"PARAM_TITILE_AFTER":["Form method"]},"value":"post","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"action","type":"text","title":"","defaultValue":"#","description":"","selectValues":null,"params":{"PARAM_TITILE_AFTER":["Action attribute of form (URL to where form is redirected after submit)"]},"value":"#","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"erase-user-content","type":"checkbox","title":"Erase user content after submit","defaultValue":1,"description":"","selectValues":null,"value":1,"overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"execute-php-code","type":"checkbox","title":"Execute custom PHP code with the form data after submit <a href=\"http:\/\/arktheme.com\/academy\/tutorial\/build-submittable-form-with-custom-php-handler-code\/\" class=\"aa-help aa-help--type-1\" target=\"_blank\" title=\"Watch Video Lesson\"><\/a>","defaultValue":0,"description":"","selectValues":null,"value":0,"overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ff-hiding-box\"  data-option-name=\"execute-php-code\" data-option-value=\"checked\" data-option-operator=\"equal\">"},{"id":"","type":"type_description","overall_type":"element","title":"This PHP code will be executed only if this particular form has been submited. You can see the values by <strong>var_dump( $_POST );<\/strong> or <strong>var_dump( $_SERVER );<\/strong> "},{"id":"php-submit-code","type":"textarea","title":"","defaultValue":"","description":"","selectValues":null,"params":{"code_editor":["php"],"can-be-richtext":[false]},"value":"","overall_type":"option"},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"}]},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ff-hiding-box\"  data-option-name=\"form-action\" data-option-value=\"email\" data-option-operator=\"equal\">"},{"id":"email","type":"text","title":"","defaultValue":"your@email.com","description":"","selectValues":null,"params":{"PARAM_TITILE_AFTER":["Your email address (where you will receive the e-mails)"]},"value":"your@email.com","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_description","overall_type":"element","title":"In fields below, you can actually use the names of your inputs. They must be wrapped like this: <code>%your_input_name%<\/code>.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tThe name can be set in every input separately. Look for \"Internal field name\", default value of this field is \"Name:\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tso the usage would be <code>%Name:%<\/code>. Anyway we would recommend you to use only A-Z, 0-9 and _ characters. Preferably like \"user_subject\".\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tThis will be invoked by <code>%user_subject%<\/code>"},{"id":"subject","type":"text","title":"","defaultValue":"Contact Form","description":"","selectValues":null,"params":{"PARAM_TITILE_AFTER":["Subject of the e-mails you will receive. Feel free to use the %fieldname% string here"]},"value":"Contact Form","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"use-custom-headers","type":"checkbox","title":"Use custom email headers","defaultValue":0,"description":"","selectValues":null,"value":0,"overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ff-hiding-box\"  data-option-name=\"use-custom-headers\" data-option-value=\"checked\" data-option-operator=\"equal\">"},{"id":"headers","type":"textarea","title":"","defaultValue":"","description":"","selectValues":null,"params":{"PARAM_TITILE_AFTER":["Headers, you can keep it blank. Feel free to use the %fieldname% string here"],"can-be-richtext":[false]},"value":"","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_description","overall_type":"element","title":"Use code like <code>Reply-To:%user_email%<\/code>. For more info about email headers, google \"email header\""},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"use-custom-message","type":"checkbox","title":"Use custom message","defaultValue":0,"description":"","selectValues":null,"value":0,"overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ff-hiding-box\"  data-option-name=\"use-custom-message\" data-option-value=\"checked\" data-option-operator=\"equal\">"},{"id":"message","type":"textarea","title":"","defaultValue":"","description":"","selectValues":null,"params":{"PARAM_TITILE_AFTER":["Custom message content. Feel free to use the %fieldname% string here, for example <code>First Name: %firstname%<\/code>"],"can-be-richtext":[false]},"value":"","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"redirect-to-url","type":"checkbox","title":"Redirect to URL after sending","defaultValue":0,"description":"","selectValues":null,"value":0,"overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ff-hiding-box\"  data-option-name=\"redirect-to-url\" data-option-value=\"checked\" data-option-operator=\"equal\">"},{"id":"redirect-to-url-ok","type":"text","title":"","defaultValue":"http:\/\/yoursite.com\/email-sent","description":"","selectValues":null,"params":{"PARAM_TITILE_AFTER":["Email sent OK - redirect to this URL"]},"value":"http:\/\/yoursite.com\/email-sent","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"redirect-to-url-wrong","type":"text","title":"","defaultValue":"http:\/\/yoursite.com\/email-failed","description":"","selectValues":null,"params":{"PARAM_TITILE_AFTER":["Email NOT SENT - redirect to this URL"]},"value":"http:\/\/yoursite.com\/email-failed","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":null,"type":"type_table_data_end","overall_type":"element","title":null},{"id":"","type":"type_table_data_start","overall_type":"element","title":"Auto Responders <a href=\"http:\/\/arktheme.com\/academy\/tutorial\/advanced-contact-form\/#500\" class=\"aa-help aa-help--type-1\" target=\"_blank\" title=\"Watch Video Lesson\"><\/a>"},{"id":"","type":"type_description","overall_type":"element","title":"You can create unlimited amount of auto responders in this form"},{"id":"auto-responders","type":"repeatable_variable","overall_type":"section","params":{"can-be-empty":[true],"work-as-accordion":[true],"all-items-opened":[true]},"childs":[{"id":"responder-advanced","type":"repeatable_variation","overall_type":"section","params":{"section-name":["Advanced responder (PHP)"],"show-advanced-tools":[true],"hide-default":[true]},"childs":[{"id":"","type":"type_not_print_start","overall_type":"element","title":""},{"id":"","type":"type_modal_start","overall_type":"element","params":{"modal-class":["ff-advanced-options"],"modal-name":["Advanced Options"],"print-open-button":[false]},"title":""},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tabs\">"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tab-headers clearfix\">"},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tab-contents clearfix\">"},{"id":"st","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["st-992d0a527d26665ff178ce1ec29c7443"]}},{"id":"b-m","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["b-m-1b3a34586a1bf72a0ffb0f798f192d04"]}},{"id":"clrs","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["clrs-67f4aab7620a46c5a798263b52943c21"]}},{"id":"a-t","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["a-t-ff4a4e906c74ca0b763b2f50accd2d7c"]}},{"id":"cc","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["cc-848e94856287c3379d80214bc165696d"]}},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_modal_end","overall_type":"element","title":""},{"id":"","type":"type_not_print_end","overall_type":"element","title":""},{"id":"","type":"type_description","overall_type":"element","title":"All the form inputs are accessible through $form variable. "},{"id":"","type":"type_description","overall_type":"element","title":"<span style=\"color:red;\">If you return false, no email is sent. You can just do whatever you want with these values (save into database for example)<\/span>"},{"id":"print-output-in-console","type":"checkbox","title":"Print output in JS console (for debugging purposes)","defaultValue":0,"description":"","selectValues":null,"value":0,"overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"php-responder-code","type":"textarea","title":"","defaultValue":"\/\/ ***********************************************************\n\/\/ All form inputs are accessible through $form[\"input_name\"];\n\/\/ ***********************************************************\n$email = array();\n$email[\"to\"] = \"email_to_send@justexample.com\"; \/\/(example) $form[\"Name:\"]\n$email[\"subject\"] = \"Subject of the email sent\";\n$email[\"message\"] = \"Content of your email\";\n$email[\"headers\"] = \"\"; \/\/ (example) Reply-To:John Doe <your_email@gmail.com>\nreturn $email;","description":"","selectValues":null,"params":{"code_editor":["php"],"can-be-richtext":[false]},"value":"\/\/ ***********************************************************\n\/\/ All form inputs are accessible through $form[\"input_name\"];\n\/\/ ***********************************************************\n$email = array();\n$email[\"to\"] = \"email_to_send@justexample.com\"; \/\/(example) $form[\"Name:\"]\n$email[\"subject\"] = \"Subject of the email sent\";\n$email[\"message\"] = \"Content of your email\";\n$email[\"headers\"] = \"\"; \/\/ (example) Reply-To:John Doe <your_email@gmail.com>\nreturn $email;","overall_type":"option"}]},{"id":"html","type":"repeatable_variation","overall_type":"section","params":{"section-name":["HTML"],"show-advanced-tools":[true],"hide-default":[true,true]},"childs":[{"id":"","type":"type_not_print_start","overall_type":"element","title":""},{"id":"","type":"type_modal_start","overall_type":"element","params":{"modal-class":["ff-advanced-options"],"modal-name":["Advanced Options"],"print-open-button":[false]},"title":""},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tabs\">"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tab-headers clearfix\">"},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tab-contents clearfix\">"},{"id":"st","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["st-992d0a527d26665ff178ce1ec29c7443"]}},{"id":"b-m","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["b-m-1b3a34586a1bf72a0ffb0f798f192d04"]}},{"id":"clrs","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["clrs-67f4aab7620a46c5a798263b52943c21"]}},{"id":"a-t","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["a-t-ff4a4e906c74ca0b763b2f50accd2d7c"]}},{"id":"cc","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["cc-848e94856287c3379d80214bc165696d"]}},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_modal_end","overall_type":"element","title":""},{"id":"","type":"type_not_print_end","overall_type":"element","title":""},{"id":"html","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["html-"]}}]}]},{"id":null,"type":"type_table_data_end","overall_type":"element","title":null},{"id":null,"type":"type_table_end","overall_type":"element","title":null},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tab-header \" data-id=\"\" data-tab-header-name=\"Advanced\">Advanced<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__tab-content  \" data-id=\"\" data-tab-content-name=\"Advanced\">"},{"id":"","type":"type_html","overall_type":"element","title":"<div class=\"ffb-modal__content--options ffb-options\">"},{"id":null,"type":"type_table_start","overall_type":"element","title":null},{"id":"","type":"type_table_data_start","overall_type":"element","title":"JavaScript trigger"},{"id":"use-js-trig","type":"checkbox","title":"Use JavaScript trigger","defaultValue":0,"description":"","selectValues":null,"value":0,"overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"trigger-name","type":"text","title":"","defaultValue":"my-contact","description":"","selectValues":null,"params":{"PARAM_TITILE_AFTER":["Trigger name"]},"value":"my-contact","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_description","overall_type":"element","title":"This is event, which will be triggered immediately before sending email. If you will use this option the event will be triggered twice. Once on the body and once on particular contact form. You can hook the events on both - body and contact form. It has to be done via jQuery.on function. So for example it will look like this:"},{"id":null,"type":"type_new_line","overall_type":"element","title":null},{"id":"","type":"type_html","overall_type":"element","title":"<code>jQuery(\"body\").on(\"your_event _name\", function($contactForm){});<\/code>"},{"id":"","type":"type_description","overall_type":"element","title":"There are also 2 additional events triggered, if the email was sent successfully or non-succesfully"},{"id":"","type":"type_html","overall_type":"element","title":"<code>jQuery(\"body\").on(\"your_event_name-sent-ok\", function($contactForm){});<\/code>"},{"id":null,"type":"type_new_line","overall_type":"element","title":null},{"id":null,"type":"type_new_line","overall_type":"element","title":null},{"id":"","type":"type_html","overall_type":"element","title":"<code>jQuery(\"body\").on(\"your_event_name-sent-wrong\", function($contactForm){});<\/code>"},{"id":null,"type":"type_table_data_end","overall_type":"element","title":null},{"id":"","type":"type_table_data_start","overall_type":"element","title":"PHP filter"},{"id":"use-php-filter","type":"checkbox","title":"Use PHP filter","defaultValue":0,"description":"","selectValues":null,"value":0,"overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"filter-name","type":"text","title":"","defaultValue":"my-filter","description":"","selectValues":null,"params":{"PARAM_TITILE_AFTER":["Filter name"]},"value":"my-filter","overall_type":"option"},{"id":"","type":"type_new_line","overall_type":"element","title":""},{"id":"","type":"type_description","overall_type":"element","title":"If you will use this option you need to create filter callback function and apply filter with the name you have inserted above."},{"id":null,"type":"type_new_line","overall_type":"element","title":null},{"id":"","type":"type_html","overall_type":"element","title":"<code>add_filter(\"my-filter\", function(){});<\/code> - for filter before sending"},{"id":"","type":"type_html","overall_type":"element","title":"<code>add_filter(\"my-filter_sent\", function(){});<\/code> - for filter after sending"},{"id":null,"type":"type_table_data_end","overall_type":"element","title":null},{"id":null,"type":"type_table_end","overall_type":"element","title":null},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"}]},{"id":"st","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["st-992d0a527d26665ff178ce1ec29c7443"]}},{"id":"b-m","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["b-m-1b3a34586a1bf72a0ffb0f798f192d04"]}},{"id":"clrs","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["clrs-b4919d32c1001f45955efaab75c554da"]}},{"id":"a-t","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["a-t-ff4a4e906c74ca0b763b2f50accd2d7c"]}},{"id":"cc","type":"section","overall_type":"section","params":{"is-block":[true],"unique-hash":["cc-848e94856287c3379d80214bc165696d"]}},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"},{"id":"","type":"type_html","overall_type":"element","title":"<\/div>"}]}