Forms · HTML to WordPress

{"__v":24,"_id":"570e1aefbc6871170034fc61","category":{"__v":1,"_id":"569d55acec29360d00f6679c","pages":["569d55adec29360d00f6679e"],"project":"569d55abec29360d00f66798","version":"569d55acec29360d00f6679b","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-01-18T21:14:20.939Z","from_sync":false,"order":0,"slug":"documentation","title":"Converter Functionality"},"parentDoc":null,"project":"569d55abec29360d00f66798","user":"569d557c0306a10d00ce996e","version":{"__v":17,"_id":"569d55acec29360d00f6679b","project":"569d55abec29360d00f66798","createdAt":"2016-01-18T21:14:20.374Z","releaseDate":"2016-01-18T21:14:20.374Z","categories":["569d55acec29360d00f6679c","569d58cc0306a10d00ce9971","569d5c37ec29360d00f667a7","569ec89aebbadc0d0079bf71","569eccaa4a5c8b0d00744b3c","569eccbeffccd10d00a05cac","569ecd0f2d320817003b80d3","569ed216fbee990d0072d990","56b35bfb53da320d00c29716","56c1dc3d47394f0d00e227e8","570b98171e91d4220012acd8","570b9fa85f7a88340019f9f7","570e1ac1132c6d2b0000ab0b","570f5f72d6c6f00e00b98782","570f701ad6c6f00e00b98795","570f80fbb85a841900aa9505","5734a9642a48a90e0078e5ed"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"updates":[],"createdAt":"2016-04-13T10:09:51.868Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":3,"body":"If you have included forms in your HTML, these will be automatically transformed into dynamic forms in WordPress. This enables you to get a list of entries straight in your WordPress Dashboard or for example send out emails based on the entries. \n\n### Minimum requirements\nAll you need to do is include a form element (<form>) with form inputs (<input>, <select> or <textarea>) and a submit element inside it (<input type=\"submit\">) and then convert the HTML. Be sure to add meaningful *name* attributes to your form elements so that it is easy for you to understand the form entries that are submitted by visitors on your website. \n[block:code]\n{\n \"codes\": [\n {\n \"code\": \"<form>\\n\\t\\t<input type=\\\"text\\\" name=\\\"first_name\\\" />\\n \\t<textarea name=\\\"message\\\">Enter your message here</textarea>\\n \\t<input type=\\\"submit\\\" />\\n</form>\",\n \"language\": \"html\",\n \"name\": \"An example of an HTML form\"\n }\n ]\n}\n[/block]\n### Hidden input elements\nIf your form has hidden input fields, you will not be able to use those for collecting data by default. In order to accept data in hidden input fields you need to add the class .wp-forms-hidden-input to the form element.\n[block:code]\n{\n \"codes\": [\n {\n \"code\": \"<form class=\\\"wp-forms-hidden-input\\\">\\n</form>\",\n \"language\": \"html\"\n }\n ]\n}\n[/block]\n### Gravity Forms plugin\nThe form feature is powered by the <a href=\"http://www.gravityforms.com/\" target=\"_blank\"> Gravity Forms plugin</a> and the plugin will be provided to you free of charge with a simple plug and play installation & activation after you have activated the theme. If you are unable to use the plug an play installation you can download the plugin from <a href=\"https://github.com/wp-premium/gravityforms/archive/master.zip\" download>here</a>.\n\nAfter activating the plugin your forms will be setup automatically. You can then start collecting form entries and for example customize how emails are sent or how will the user be notified or redirected after submitting the form.","excerpt":"Add form functionality to your themes","slug":"dynamic-forms","type":"basic","title":"Forms"}

If you have included forms in your HTML, these will be automatically transformed into dynamic forms in WordPress. This enables you to get a list of entries straight in your WordPress Dashboard or for example send out emails based on the entries. ### Minimum requirements All you need to do is include a form element (<form>) with form inputs (<input>, <select> or <textarea>) and a submit element inside it (<input type="submit">) and then convert the HTML. Be sure to add meaningful *name* attributes to your form elements so that it is easy for you to understand the form entries that are submitted by visitors on your website. [block:code] { "codes": [ { "code": "<form>\n\t\t<input type=\"text\" name=\"first_name\" />\n \t<textarea name=\"message\">Enter your message here</textarea>\n \t<input type=\"submit\" />\n</form>", "language": "html", "name": "An example of an HTML form" } ] } [/block] ### Hidden input elements If your form has hidden input fields, you will not be able to use those for collecting data by default. In order to accept data in hidden input fields you need to add the class .wp-forms-hidden-input to the form element. [block:code] { "codes": [ { "code": "<form class=\"wp-forms-hidden-input\">\n</form>", "language": "html" } ] } [/block] ### Gravity Forms plugin The form feature is powered by the <a href="http://www.gravityforms.com/" target="_blank"> Gravity Forms plugin</a> and the plugin will be provided to you free of charge with a simple plug and play installation & activation after you have activated the theme. If you are unable to use the plug an play installation you can download the plugin from <a href="https://github.com/wp-premium/gravityforms/archive/master.zip" download>here</a>. After activating the plugin your forms will be setup automatically. You can then start collecting form entries and for example customize how emails are sent or how will the user be notified or redirected after submitting the form.