{"id":29171,"date":"2024-05-10T10:00:42","date_gmt":"2024-05-10T10:00:42","guid":{"rendered":"https:\/\/wpdatatables.com\/?p=29171"},"modified":"2024-10-17T10:36:01","modified_gmt":"2024-10-17T10:36:01","slug":"wordpress-forms","status":"publish","type":"post","link":"https:\/\/wpdatatables.com\/wordpress-forms\/","title":{"rendered":"How To Create A Form In WordPress Without A Plugin"},"content":{"rendered":"<p>Creating a form in WordPress without a plugin might sound daunting, but it\u2019s a rewarding challenge. Imagine the control and customization at your fingertips\u2014no third-party constraints, just pure, unfiltered coding bliss.<\/p>\n<p>Understanding <strong>how to create a form in WordPress without a plugin<\/strong> not only enhances your technical skills but also optimizes your website&#8217;s performance by avoiding potential plugin bloat.<\/p>\n<p>This article dives deep into manual form building, guiding you step-by-step from <strong>HTML form creation<\/strong> to <strong>PHP form integration<\/strong>. You\u2019ll learn to handle user input, process data securely, and style your form using <strong>CSS<\/strong>.<\/p>\n<p><!--more--><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"#\" data-href=\"https:\/\/wpdatatables.com\/wordpress-forms\/#How_To_Create_A_Form_In_WordPress_Quick_Workflow\" >How To Create A Form In WordPress: Quick Workflow<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"#\" data-href=\"https:\/\/wpdatatables.com\/wordpress-forms\/#FAQ_about_creating_WordPress_forms\" >FAQ about creating WordPress forms<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"#\" data-href=\"https:\/\/wpdatatables.com\/wordpress-forms\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Create_A_Form_In_WordPress_Quick_Workflow\"><\/span>How To Create A Form In WordPress: Quick Workflow<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 class=\"mb-2 mt-6 text-lg first:mt-3\">Step 1: Create a Page for the Form<\/h3>\n<ol class=\"list-decimal marker:font-mono marker:text-sm pl-11\">\n<li>Navigate to the WordPress dashboard and click on &#8220;Pages&#8221; in the left-hand panel.<\/li>\n<li>Click on &#8220;Add New&#8221; to create a new page. Give your page a suitable title, such as &#8220;Contact&#8221; or &#8220;Registration Form&#8221;.<\/li>\n<\/ol>\n<h3 class=\"mb-2 mt-6 text-lg first:mt-3\">Step 2: Add Form Fields using HTML<\/h3>\n<ol class=\"list-decimal marker:font-mono marker:text-sm pl-11\">\n<li>Determine the fields required for your form and add the corresponding HTML code to the page. This includes elements like text fields, checkboxes, radio buttons, dropdown menus, and more.<\/li>\n<li>Use HTML tags to define the form structure and fields. For example, you can use\u00a0<code>&lt;form&gt;<\/code>\u00a0for the form itself,\u00a0<code>&lt;label&gt;<\/code>\u00a0for field labels,\u00a0<code>&lt;input&gt;<\/code>\u00a0for text fields,\u00a0<code>&lt;textarea&gt;<\/code>\u00a0for text areas, and\u00a0<code>&lt;select&gt;<\/code>\u00a0for dropdown menus.<\/li>\n<\/ol>\n<h3 class=\"mb-2 mt-6 text-lg first:mt-3\">Step 3: Add JavaScript Validation (Optional)<\/h3>\n<ol class=\"list-decimal marker:font-mono marker:text-sm pl-11\">\n<li>If you want to add JavaScript validation to your form, create a dedicated JavaScript file and enqueue it using WordPress functions like\u00a0<code>wp_enqueue_script<\/code>.<\/li>\n<li>In the JavaScript file, add an event listener to the submit button and a callback function to validate the form data. This function can stop the default form submission behavior, validate the data, and display validation messages if needed.<\/li>\n<\/ol>\n<h3 class=\"mb-2 mt-6 text-lg first:mt-3\">Step 4: Handle Form Submissions<\/h3>\n<ol class=\"list-decimal marker:font-mono marker:text-sm pl-11\">\n<li>To handle form submissions, you can create a template file for the contact form page. This file should include the form HTML and any necessary PHP code to process the form data.<\/li>\n<li>Use WordPress functions like\u00a0<code>get_permalink<\/code>\u00a0to get the current page URL and\u00a0<code>wp_enqueue_script<\/code>\u00a0to enqueue any necessary JavaScript files.<\/li>\n<\/ol>\n<h3>Example code:<\/h3>\n<pre>&lt;!-- page-contact-form.php --&gt;\r\n&lt;?php\r\n\/\/ Get the current page URL\r\n$url = get_permalink();\r\n\r\n\/\/ Enqueue the JavaScript script\r\nfunction contact_form_scripts() {\r\nwp_enqueue_script( 'contact-form', get_template_directory_uri() . '\/assets\/js\/contact-form.js', array(), '', true );\r\n}\r\nadd_action( 'wp_enqueue_scripts', 'contact_form_scripts' );\r\n\r\n\/\/ Add the contact form HTML\r\n&lt;form id=\"contact-form\" action=\"&lt;?php echo esc_url( $url ); ?&gt;\" method=\"post\"&gt;\r\n&lt;input type=\"hidden\" name=\"contact_form\"&gt;\r\n&lt;div class=\"form-section\"&gt;\r\n&lt;label for=\"full-name\"&gt;Full Name:&lt;\/label&gt;\r\n&lt;input type=\"text\" id=\"full-name\" name=\"full_name\"&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"form-section\"&gt;\r\n&lt;label for=\"email\"&gt;Email:&lt;\/label&gt;\r\n&lt;input type=\"text\" id=\"email\" name=\"email\"&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"form-section\"&gt;\r\n&lt;label for=\"message\"&gt;Message:&lt;\/label&gt;\r\n&lt;textarea id=\"message\" name=\"message\"&gt;&lt;\/textarea&gt;\r\n&lt;\/div&gt;\r\n&lt;input type=\"submit\" id=\"contact-form-submit\" value=\"Submit\"&gt;\r\n&lt;\/form&gt;\r\n\r\n&lt;!-- contact-form.js --&gt;\r\n\/\/ Add an event listener to the submit button\r\nconst contactFormSubmit = document.getElementById('contact-form-submit');\r\ncontactFormSubmit.addEventListener('click', validateForm);\r\n\r\n\/\/ Validate the form data\r\nfunction validateForm() {\r\n\/\/ Stop the default form submission behavior\r\nevent.preventDefault();\r\n\r\n\/\/ Validate the form data and display validation messages if needed\r\n\/\/ ...\r\n}<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"FAQ_about_creating_WordPress_forms\"><\/span>FAQ about creating WordPress forms<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"group w-full text-gray-800 dark:text-gray-100 border-b border-black\/10 dark:border-gray-900\/50 bg-gray-50 dark:bg-[#444654]\">\n<div class=\"flex p-4 gap-4 text-base md:gap-6 md:max-w-2xl lg:max-w-xl xl:max-w-3xl md:py-6 lg:px-0 m-auto\">\n<div class=\"relative flex flex-col w-[calc(100%-50px)] gap-1 md:gap-3 lg:w-[calc(100%-115px)]\">\n<div class=\"flex flex-grow flex-col gap-3\">\n<div class=\"min-h-[20px] flex flex-col items-start gap-4 whitespace-pre-wrap break-words\">\n<div class=\"markdown prose w-full break-words dark:prose-invert light\">\n<h3>How do I start creating a form in WordPress without a plugin?<\/h3>\n<p>Begin by accessing your WordPress theme files. Create a new file for your form or open an existing one where you want the form. Write the <strong>HTML code<\/strong> for your form fields, ensuring you include proper labels and inputs.<\/p>\n<h3>What coding languages do I need to know?<\/h3>\n<p>To create a form in WordPress without a plugin, you should be familiar with <strong>HTML, CSS, and PHP<\/strong>. HTML structures your form, CSS styles it, and PHP handles form data processing.<\/p>\n<h3>How do I process form submissions in WordPress?<\/h3>\n<p>Use <strong>PHP<\/strong> to handle form submissions. Write a PHP script that captures the form data using <code>$_POST<\/code> or <code>$_GET<\/code> methods. Validate the data and define how it should be processed, such as sending an email or saving to a database.<\/p>\n<h3>How can I style my form?<\/h3>\n<p>Style your form using <strong>CSS<\/strong>. You can include custom CSS directly in your theme\u2019s stylesheet or within a <code>&lt;style&gt;<\/code> tag in your form file. Use classes and IDs to target specific form elements and ensure a consistent look across your site.<\/p>\n<h3>How do I handle form validation?<\/h3>\n<p>Form validation is crucial. Use <strong>JavaScript<\/strong> for client-side validation to give users instant feedback. Additionally, always validate data server-side with <strong>PHP<\/strong> to ensure security and data integrity.<\/p>\n<h3>Can I use custom form fields?<\/h3>\n<p>Absolutely. Define custom form fields in your <strong>HTML<\/strong>. You can create text inputs, radio buttons, checkboxes, dropdowns, and more. Ensure each field has a unique name attribute for proper data handling.<\/p>\n<h3>How do I secure my form?<\/h3>\n<p>To secure your form, always validate and sanitize user inputs with <strong>PHP<\/strong>. Use nonce fields to protect against CSRF attacks. Ensure your form action URLs are HTTPS to encrypt data during transmission.<\/p>\n<h3>What should I do with the form data?<\/h3>\n<p>Decide how to handle submitted data. You might want to email it, store it in a database, or display it on a page. Write your <strong>PHP<\/strong> script to manage the data appropriately based on your requirements.<\/p>\n<h3>Can I add my form to any page?<\/h3>\n<p>Yes, you can. Once your form is ready, embed it in any WordPress page or post using a <strong>shortcode<\/strong> or by directly pasting the form\u2019s HTML into the page editor.<\/p>\n<h3>How do I test my form?<\/h3>\n<p>Testing is vital. Fill out your form with various inputs to ensure it works correctly. Check both client-side and server-side validation. Verify that your <strong>PHP script<\/strong> processes and handles data as expected.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><strong>Conclusion<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Mastering <strong>how to create a form in WordPress without a plugin<\/strong> not only showcases your technical prowess but also ensures your website remains lightweight and efficient.<\/p>\n<p>We\u2019ve gone through the intricate pathways of <strong>HTML coding<\/strong>, delved into <strong>PHP scripting<\/strong>, and embraced <strong>CSS styling<\/strong> to create <a href=\"https:\/\/ivyforms.com\/blog\/types-of-forms\/\">custom forms<\/a>.<\/p>\n<p>Remember, embedding forms manually and processing submissions through <strong>PHP<\/strong> grants you full control over your site\u2019s forms. With practice, you\u2019ll find these techniques indispensable for any WordPress project.<\/p>\n<p>If you enjoyed reading this article on how to create a form in WordPress without plugin, you should check out this one about <a href=\"https:\/\/wpdatatables.com\/how-to-hide-the-author-in-wordpress\/\">how to hide the author in WordPress<\/a>.<\/p>\n<p>We also wrote about a few related subjects like <a href=\"https:\/\/wpdatatables.com\/how-to-embed-a-google-form-in-wordpress\/\">how to embed a Google form in WordPress<\/a>, <a href=\"https:\/\/wpdatatables.com\/how-to-upload-an-html-file-to-wordpress\/\">how to upload an HTML file in WordPress<\/a>,\u00a0<a href=\"https:\/\/wpdatatables.com\/where-are-wordpress-pages-stored\/\">where are WordPress pages stored<\/a>,\u00a0and\u00a0<a href=\"https:\/\/wpdatatables.com\/how-to-delete-wordpress-themes\/\">how to delete WordPress themes<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating a form in WordPress without a plugin might sound daunting, but it\u2019s a rewarding challenge. Imagine the control and customization at your fingertips\u2014no third-party constraints, just pure, unfiltered coding bliss. Understanding how to create a form in WordPress without a plugin not only enhances your technical skills but also optimizes your website&#8217;s performance by [&hellip;]<\/p>\n","protected":false},"author":1670,"featured_media":41231,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[39],"tags":[],"class_list":["post-29171","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Create A Form In WordPress Without A Plugin<\/title>\n<meta name=\"description\" content=\"Learn how to create a form in WordPress without a plugin. Follow our easy steps to add custom forms to your site without extra tools.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpdatatables.com\/wordpress-forms\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Create A Form In WordPress Without A Plugin\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a form in WordPress without a plugin. Follow our easy steps to add custom forms to your site without extra tools.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpdatatables.com\/wordpress-forms\/\" \/>\n<meta property=\"og:site_name\" content=\"wpDataTables - Tables and Charts WordPress Plugin\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpdatatables\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/wpdatatables\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-10T10:00:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-17T10:36:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpdatatables.com\/wp-content\/uploads\/2019\/07\/contact-head.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"531\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Milan Jovanovic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpdatatables\" \/>\n<meta name=\"twitter:site\" content=\"@wpdatatables\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Milan Jovanovic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/\"},\"author\":{\"name\":\"Milan Jovanovic\",\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/#\\\/schema\\\/person\\\/9eb8f965f687b510e79b9251e74b8730\"},\"headline\":\"How To Create A Form In WordPress Without A Plugin\",\"datePublished\":\"2024-05-10T10:00:42+00:00\",\"dateModified\":\"2024-10-17T10:36:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/\"},\"wordCount\":906,\"publisher\":{\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpdatatables.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/contact-head.jpeg\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/\",\"url\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/\",\"name\":\"How To Create A Form In WordPress Without A Plugin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wpdatatables.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/contact-head.jpeg\",\"datePublished\":\"2024-05-10T10:00:42+00:00\",\"dateModified\":\"2024-10-17T10:36:01+00:00\",\"description\":\"Learn how to create a form in WordPress without a plugin. Follow our easy steps to add custom forms to your site without extra tools.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wpdatatables.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/contact-head.jpeg\",\"contentUrl\":\"https:\\\/\\\/wpdatatables.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/contact-head.jpeg\",\"width\":900,\"height\":531},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/wordpress-forms\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wpdatatables.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Create A Form In WordPress Without A Plugin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/#website\",\"url\":\"https:\\\/\\\/wpdatatables.com\\\/\",\"name\":\"wpDataTables - Tables and Charts WordPress Plugin\",\"description\":\"Tables and Charts Creator\",\"publisher\":{\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wpdatatables.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/#organization\",\"name\":\"wpDataTables\",\"url\":\"https:\\\/\\\/wpdatatables.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wpdatatables.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/wpDataTable-Horizontal.png\",\"contentUrl\":\"https:\\\/\\\/wpdatatables.com\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/wpDataTable-Horizontal.png\",\"width\":4120,\"height\":756,\"caption\":\"wpDataTables\"},\"image\":{\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wpdatatables\\\/\",\"https:\\\/\\\/x.com\\\/wpdatatables\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCR-VfulTsxPa41S1D7fFKqg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wpdatatables.com\\\/#\\\/schema\\\/person\\\/9eb8f965f687b510e79b9251e74b8730\",\"name\":\"Milan Jovanovic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1199d80deaf08e4befd8f17b3a225c4a15042c97f34e807024a94a1b390041f9?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1199d80deaf08e4befd8f17b3a225c4a15042c97f34e807024a94a1b390041f9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1199d80deaf08e4befd8f17b3a225c4a15042c97f34e807024a94a1b390041f9?s=96&d=mm&r=g\",\"caption\":\"Milan Jovanovic\"},\"description\":\"Product Lead\",\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wpdatatables\",\"https:\\\/\\\/www.instagram.com\\\/wpdatatables\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/milan-jovanovic-a73583188\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/wpDataTables\"],\"url\":\"https:\\\/\\\/wpdatatables.com\\\/author\\\/milanjovanovic\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Create A Form In WordPress Without A Plugin","description":"Learn how to create a form in WordPress without a plugin. Follow our easy steps to add custom forms to your site without extra tools.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpdatatables.com\/wordpress-forms\/","og_locale":"en_US","og_type":"article","og_title":"How To Create A Form In WordPress Without A Plugin","og_description":"Learn how to create a form in WordPress without a plugin. Follow our easy steps to add custom forms to your site without extra tools.","og_url":"https:\/\/wpdatatables.com\/wordpress-forms\/","og_site_name":"wpDataTables - Tables and Charts WordPress Plugin","article_publisher":"https:\/\/www.facebook.com\/wpdatatables\/","article_author":"https:\/\/www.facebook.com\/wpdatatables","article_published_time":"2024-05-10T10:00:42+00:00","article_modified_time":"2024-10-17T10:36:01+00:00","og_image":[{"width":900,"height":531,"url":"https:\/\/wpdatatables.com\/wp-content\/uploads\/2019\/07\/contact-head.jpeg","type":"image\/jpeg"}],"author":"Milan Jovanovic","twitter_card":"summary_large_image","twitter_creator":"@wpdatatables","twitter_site":"@wpdatatables","twitter_misc":{"Written by":"Milan Jovanovic","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wpdatatables.com\/wordpress-forms\/#article","isPartOf":{"@id":"https:\/\/wpdatatables.com\/wordpress-forms\/"},"author":{"name":"Milan Jovanovic","@id":"https:\/\/wpdatatables.com\/#\/schema\/person\/9eb8f965f687b510e79b9251e74b8730"},"headline":"How To Create A Form In WordPress Without A Plugin","datePublished":"2024-05-10T10:00:42+00:00","dateModified":"2024-10-17T10:36:01+00:00","mainEntityOfPage":{"@id":"https:\/\/wpdatatables.com\/wordpress-forms\/"},"wordCount":906,"publisher":{"@id":"https:\/\/wpdatatables.com\/#organization"},"image":{"@id":"https:\/\/wpdatatables.com\/wordpress-forms\/#primaryimage"},"thumbnailUrl":"https:\/\/wpdatatables.com\/wp-content\/uploads\/2019\/07\/contact-head.jpeg","articleSection":["WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/wpdatatables.com\/wordpress-forms\/","url":"https:\/\/wpdatatables.com\/wordpress-forms\/","name":"How To Create A Form In WordPress Without A Plugin","isPartOf":{"@id":"https:\/\/wpdatatables.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wpdatatables.com\/wordpress-forms\/#primaryimage"},"image":{"@id":"https:\/\/wpdatatables.com\/wordpress-forms\/#primaryimage"},"thumbnailUrl":"https:\/\/wpdatatables.com\/wp-content\/uploads\/2019\/07\/contact-head.jpeg","datePublished":"2024-05-10T10:00:42+00:00","dateModified":"2024-10-17T10:36:01+00:00","description":"Learn how to create a form in WordPress without a plugin. Follow our easy steps to add custom forms to your site without extra tools.","breadcrumb":{"@id":"https:\/\/wpdatatables.com\/wordpress-forms\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpdatatables.com\/wordpress-forms\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpdatatables.com\/wordpress-forms\/#primaryimage","url":"https:\/\/wpdatatables.com\/wp-content\/uploads\/2019\/07\/contact-head.jpeg","contentUrl":"https:\/\/wpdatatables.com\/wp-content\/uploads\/2019\/07\/contact-head.jpeg","width":900,"height":531},{"@type":"BreadcrumbList","@id":"https:\/\/wpdatatables.com\/wordpress-forms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpdatatables.com\/"},{"@type":"ListItem","position":2,"name":"How To Create A Form In WordPress Without A Plugin"}]},{"@type":"WebSite","@id":"https:\/\/wpdatatables.com\/#website","url":"https:\/\/wpdatatables.com\/","name":"wpDataTables - Tables and Charts WordPress Plugin","description":"Tables and Charts Creator","publisher":{"@id":"https:\/\/wpdatatables.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpdatatables.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wpdatatables.com\/#organization","name":"wpDataTables","url":"https:\/\/wpdatatables.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpdatatables.com\/#\/schema\/logo\/image\/","url":"https:\/\/wpdatatables.com\/wp-content\/uploads\/2019\/02\/wpDataTable-Horizontal.png","contentUrl":"https:\/\/wpdatatables.com\/wp-content\/uploads\/2019\/02\/wpDataTable-Horizontal.png","width":4120,"height":756,"caption":"wpDataTables"},"image":{"@id":"https:\/\/wpdatatables.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wpdatatables\/","https:\/\/x.com\/wpdatatables","https:\/\/www.youtube.com\/channel\/UCR-VfulTsxPa41S1D7fFKqg"]},{"@type":"Person","@id":"https:\/\/wpdatatables.com\/#\/schema\/person\/9eb8f965f687b510e79b9251e74b8730","name":"Milan Jovanovic","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/1199d80deaf08e4befd8f17b3a225c4a15042c97f34e807024a94a1b390041f9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1199d80deaf08e4befd8f17b3a225c4a15042c97f34e807024a94a1b390041f9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1199d80deaf08e4befd8f17b3a225c4a15042c97f34e807024a94a1b390041f9?s=96&d=mm&r=g","caption":"Milan Jovanovic"},"description":"Product Lead","sameAs":["https:\/\/www.facebook.com\/wpdatatables","https:\/\/www.instagram.com\/wpdatatables\/","https:\/\/www.linkedin.com\/in\/milan-jovanovic-a73583188\/","https:\/\/www.youtube.com\/c\/wpDataTables"],"url":"https:\/\/wpdatatables.com\/author\/milanjovanovic\/"}]}},"_links":{"self":[{"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/posts\/29171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/users\/1670"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/comments?post=29171"}],"version-history":[{"count":17,"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/posts\/29171\/revisions"}],"predecessor-version":[{"id":52965,"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/posts\/29171\/revisions\/52965"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/media\/41231"}],"wp:attachment":[{"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/media?parent=29171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/categories?post=29171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdatatables.com\/wp-json\/wp\/v2\/tags?post=29171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}