{"id":1742,"date":"2013-06-03T23:44:27","date_gmt":"2013-06-03T23:44:27","guid":{"rendered":"http:\/\/retro.olegnax.com\/?page_id=1742"},"modified":"2013-06-03T23:44:27","modified_gmt":"2013-06-03T23:44:27","slug":"contact-form-builder","status":"publish","type":"page","link":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/features\/contact-form-builder\/","title":{"rendered":"CONTACT FORM BUILDER"},"content":{"rendered":"<h4 style=\"text-align:center;\">You can easily create any form you need!<br \/>\nwith our contact form shortcode builder!<\/h5>\n<p>You do not need to install any third-party plugins to create a form &#8211; we&#8217;ve added a contact form builder right to the default WordPress content editor both for posts &#038; pages.<br \/>\nTo add a contact form to a page just click on its shortcode button in the Visual mode and start customizing.<\/p>\n<p><img class=\"imgborder alignnone size-full wp-image-763\" title=\"contact_s\" alt=\"\" src=\"http:\/\/simplicitywp.olegnax.com\/wp-content\/uploads\/2012\/09\/contact_s.png\" \/><\/p>\n<p><img class=\"alignnone size-full wp-image-2375 imgborder\" alt=\"form_builder\" src=\"http:\/\/retro.olegnax.com\/wp-content\/uploads\/2013\/06\/form_builder.png\" \/><br \/>\n<\/p>\n<hr\/>\n<p><\/p>\n<h2>CONTACT FORM EXAMPLE &#8211; 1<\/h2>\n<div id='contact-form-1742'>\n<form action='#contact-form-1742' method='post' class='ox-contact-form' id='id-1923481474' >\n \n<div class='form_line clearfix'>\n\t\t<label for='1742-name' class='form-text name'>Name:<\/label><div class='input-overlow'><input type='text' name='1742-name' id='1742-name' value='' class='name'\/><\/div>\n\t<\/div>\n \n<div class='form_line clearfix'>\n\t\t<label for='1742-email' class='form-text th-field-label email'>Email:<\/label><div class='input-overlow'><input type='text' name='1742-email' id='1742-email' value='' class='email'\/><\/div>\n\t<\/div>\n \n<div class='form_line clearfix'>\n\t\t<label for='1742-website' class='form-text url'>Website:<\/label><div class='input-overlow'><input type='text' name='1742-website' id='1742-website' value='' class='url'\/><\/div>\n\t<\/div>\n \n<div class='form_textarea'>\n\t\t<label for='1742-comment' class='textarea' style='display:none'>Comment<span>(required)<\/span><\/label><textarea name='1742-comment' id='contact-form-comment-1742-comment' placeholder='Your message...' rows='14'> <\/textarea>\n\t<\/div>\n \t<div class='contact-submit clearfix captcha'>\n<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"4800198647\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/1742\" \/><input type='hidden' name='contact-form-id' value='1742' \/>\t\t<div class='retro_button_wrap'><button type='submit'  class='retro_button'>Send<\/button><\/div><\/div><input type='hidden' name='to' value='ofni@uh.tlobscotazsitapazsaj' \/><\/form>\n<script type='text\/javascript'>jQuery(document).ready(function(){\r\n        jQuery('#id-1923481474').validate({\r\n                submitHandler: function(form) {\r\n                            if(jQuery('[name=\\'use-captch\\']', form).length  == 1)\r\n                            {\r\n                                if(validateCaptcha(form, ajaxContact))\r\n                                {\r\n                                    jQuery('#id-1923481474 div.contact-submit input').attr('disabled', 'disabled');\r\n                                }\r\n                            }\r\n                            else\r\n                            {\r\n                                ajaxContact(form);\r\n                                jQuery('#id-1923481474 div.contact-submit input').attr('disabled', 'disabled');\r\n                            }\r\n                            return false;\r\n\t\t\t\t\t\t}, rules: {'1742-name' : 'required','1742-email' : 'email required','1742-website' : 'url','1742-comment' : 'required'}, message: {'1742-name' :{'required' : 'Name is required'},'1742-email' :{'email' : 'Email requires a valid email address','required' : 'Email is required'},'1742-website' :{'url' : 'Website requires a valid url'},'1742-comment' :{'required' : 'Comment is required'}}});});<\/script><\/div><div class='clearfix'><\/div>\n<h4>Sample Code<\/h4>\n<pre><code>&#091;ox-contact-form&#093; &#091;contact-field label=\"Name\" type=\"name\" required=\"true\" \/&#093; &#091;contact-field label=\"Email\" type=\"email\" required=\"true\" \/&#093; &#091;contact-field label=\"Website\" type=\"url\" \/&#093; &#091;contact-field label=\"Comment\" type=\"textarea\" required=\"true\" \/&#093; &#091;\/ox-contact-form&#093;&#091;clear&#093;<\/code><\/pre>\n<p><\/p>\n<hr \/>\n<p><\/p>\n<h2>CONTACT FORM EXAMPLE &#8211; 2<\/h2>\n<div id='contact-form-1742'>\n<form action='#contact-form-1742' method='post' class='ox-contact-form' id='id-1964970961' >\n \n<div class='form_line clearfix'>\n\t\t<label for='1742-name' class='form-text name'>Name:<\/label><div class='input-overlow'><input type='text' name='1742-name' id='1742-name' value='' class='name'\/><\/div>\n\t<\/div>\n \n<div class='form_line clearfix'>\n\t\t<label for='1742-email' class='form-text th-field-label email'>Email:<\/label><div class='input-overlow'><input type='text' name='1742-email' id='1742-email' value='' class='email'\/><\/div>\n\t<\/div>\n \n<div class='form_line clearfix'>\n\t\t<label for='1742-website' class='form-text url'>Website:<\/label><div class='input-overlow'><input type='text' name='1742-website' id='1742-website' value='' class='url'\/><\/div>\n\t<\/div>\n \t<div class='form_indent clearfix'><input type='checkbox' name='1742-i-want-to-recieve-newsletters' value='Yes' class='checkbox'  \/><label for='1742-i-want-to-recieve-newsletters' class='checkbox'>I want to recieve newsletters<\/label><\/div>\n \n<div class='form_indent'>\n\t\t<label for='1742-choose-your-country' class='form-text-normal select'>Choose your country:<\/label>\n\t<select name='1742-choose-your-country' id='1742-choose-your-country' value='' class='select'\/>\n\t\t<option>USA<\/option>\n\t\t<option>Canada<\/option>\n\t\t<option>France<\/option>\n\t\t<option>Germany<\/option>\n\t\t<option>Other<\/option>\n\t<\/select>\n\t<\/div>\n \t<div class='form_indent'><label class='form-text-normal'>Yes or not?:<\/label><div class='clearfix'>\n\t\t<input type='radio' name='1742-yes-or-not' value='Yes' class='radio'  \/><label for='1742-yes-or-not' class='radio'>Yes<\/label>\t\t<input type='radio' name='1742-yes-or-not' value='No' class='radio'  \/><label for='1742-yes-or-not' class='radio'>No<\/label>\t\t<\/div><\/div>\n \n<div class='form_line clearfix'>\n\t\t<label for='1742-just-another-text-field' class='form-text text'>Just Another text field:<\/label><div class='input-overlow'><input type='text' name='1742-just-another-text-field' id='1742-just-another-text-field' value='' class='text'\/><\/div>\n\t<\/div>\n \n<div class='form_textarea'>\n\t\t<label for='1742-comment' class='textarea' style='display:none'>Comment<span>(required)<\/span><\/label><textarea name='1742-comment' id='contact-form-comment-1742-comment' placeholder='Your message...' rows='14'> <\/textarea>\n\t<\/div>\n \t<div class='contact-submit clearfix captcha'>\n<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"4800198647\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/1742\" \/><input type='hidden' name='contact-form-id' value='1742' \/>\t\t<div class='retro_button_wrap'><button type='submit'  class='retro_button'>Send<\/button><\/div><\/div><input type='hidden' name='to' value='ofni@uh.tlobscotazsitapazsaj' \/><\/form>\n<script type='text\/javascript'>jQuery(document).ready(function(){\r\n        jQuery('#id-1964970961').validate({\r\n                submitHandler: function(form) {\r\n                            if(jQuery('[name=\\'use-captch\\']', form).length  == 1)\r\n                            {\r\n                                if(validateCaptcha(form, ajaxContact))\r\n                                {\r\n                                    jQuery('#id-1964970961 div.contact-submit input').attr('disabled', 'disabled');\r\n                                }\r\n                            }\r\n                            else\r\n                            {\r\n                                ajaxContact(form);\r\n                                jQuery('#id-1964970961 div.contact-submit input').attr('disabled', 'disabled');\r\n                            }\r\n                            return false;\r\n\t\t\t\t\t\t}, rules: {'1742-name' : 'required','1742-email' : 'email required','1742-website' : 'url','1742-comment' : 'required'}, message: {'1742-name' :{'required' : 'Name is required'},'1742-email' :{'email' : 'Email requires a valid email address','required' : 'Email is required'},'1742-website' :{'url' : 'Website requires a valid url'},'1742-comment' :{'required' : 'Comment is required'}}});});<\/script><\/div>\n<h4>Sample Code<\/h4>\n<pre><code>&#091;ox-contact-form&#093; &#091;contact-field label=\"Name\" type=\"name\" required=\"true\" \/&#093; &#091;contact-field label=\"Email\" type=\"email\" required=\"true\" \/&#093; &#091;contact-field label=\"Website\" type=\"url\" \/&#093; &#091;contact-field label=\"I want to recieve newsletters\" type=\"checkbox\" \/&#093; &#091;contact-field label=\"Choose your country\" type=\"select\" options=\"USA,Canada,France,Germany,Other\" \/&#093; &#091;contact-field label=\"Yes or not?\" type=\"radio\" options=\"Yes,No\" \/&#093; &#091;contact-field label=\"Just Another text field\" type=\"text\" \/&#093; &#091;contact-field label=\"Comment\" type=\"textarea\" required=\"true\" \/&#093; &#091;\/ox-contact-form&#093;<\/code><\/pre>\n<p><\/p>\n<hr \/>\n<p><\/p>\n<h2>CONTACT FORM WITH RECAPTCHA &#8211; 2<\/h2>\n<div id='contact-form-1742'>\n<form action='#contact-form-1742' method='post' class='ox-contact-form' id='id-1704641455' >\n \n<div class='form_line clearfix'>\n\t\t<label for='1742-name' class='form-text name'>Name:<\/label><div class='input-overlow'><input type='text' name='1742-name' id='1742-name' value='' class='name'\/><\/div>\n\t<\/div>\n \n<div class='form_line clearfix'>\n\t\t<label for='1742-email' class='form-text th-field-label email'>Email:<\/label><div class='input-overlow'><input type='text' name='1742-email' id='1742-email' value='' class='email'\/><\/div>\n\t\t<input type='hidden' class = 'th-email-from' name = 'th-email-from' value='1742-email'>\t<\/div>\n \n<div class='form_line clearfix'>\n\t\t<label for='1742-website' class='form-text url'>Website:<\/label><div class='input-overlow'><input type='text' name='1742-website' id='1742-website' value='' class='url'\/><\/div>\n\t<\/div>\n \n<div class='form_textarea'>\n\t\t<label for='1742-comment' class='textarea' style='display:none'>Comment<span>(required)<\/span><\/label><textarea name='1742-comment' id='contact-form-comment-1742-comment' placeholder='Your message...' rows='14'> <\/textarea>\n\t<\/div>\n \t<div class='contact-submit clearfix captcha1'>\n<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"4800198647\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/1742\" \/><input type='hidden' name='contact-form-id' value='1742' \/>\t\t<div class='retro_button_wrap'><button type='submit'  class='retro_button'>Send<\/button><\/div><\/div><input type='hidden' name='to' value='ofni@uh.tlobscotazsitapazsaj' \/><\/form>\n<script type='text\/javascript'>jQuery(document).ready(function(){\r\n        jQuery('#id-1704641455').validate({\r\n                submitHandler: function(form) {\r\n                            if(jQuery('[name=\\'use-captch\\']', form).length  == 1)\r\n                            {\r\n                                if(validateCaptcha(form, ajaxContact))\r\n                                {\r\n                                    jQuery('#id-1704641455 div.contact-submit input').attr('disabled', 'disabled');\r\n                                }\r\n                            }\r\n                            else\r\n                            {\r\n                                ajaxContact(form);\r\n                                jQuery('#id-1704641455 div.contact-submit input').attr('disabled', 'disabled');\r\n                            }\r\n                            return false;\r\n\t\t\t\t\t\t}, rules: {'1742-name' : 'required','1742-email' : 'email required','1742-website' : 'url','1742-comment' : 'required'}, message: {'1742-name' :{'required' : 'Name is required'},'1742-email' :{'email' : 'Email requires a valid email address','required' : 'Email is required'},'1742-website' :{'url' : 'Website requires a valid url'},'1742-comment' :{'required' : 'Comment is required'}}});});<\/script><\/div>\n<h4>Sample Code<\/h4>\n<pre><code>&#091;ox-contact-form captcha=\"1\"&#093; &#091;ox-contact-field label=\"Name\" type=\"name\" required=\"true\" \/&#093; &#091;ox-contact-field label=\"Email\" type=\"email\" required=\"true\" reply=\"true\" \/&#093; &#091;ox-contact-field label=\"Website\" type=\"url\" \/&#093; &#091;ox-contact-field label=\"Comment\" type=\"textarea\" required=\"true\" \/&#093; &#091;\/ox-contact-form&#093;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>You can easily create any form you need! with our contact form shortcode builder! You do not need to install any third-party plugins to create a form &#8211; we&#8217;ve added a contact form builder right to the default WordPress content editor both for posts &#038; pages. To add a contact form to a page just&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":973,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-rightsidebar.php","meta":[],"_links":{"self":[{"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/pages\/1742"}],"collection":[{"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/comments?post=1742"}],"version-history":[{"count":0,"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/pages\/1742\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/pages\/973"}],"wp:attachment":[{"href":"https:\/\/www.jaszapatiszatocsbolt.hu\/index.php\/wp-json\/wp\/v2\/media?parent=1742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}