{"id":26598,"date":"2023-08-22T12:00:00","date_gmt":"2023-08-22T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=26598"},"modified":"2024-12-24T12:29:16","modified_gmt":"2024-12-24T10:29:16","slug":"how-to-create-contact-form","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/","title":{"rendered":"Create a contact form with Elementor"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Creating a contact form with Elementor can be achieved by using the Form Widget in Elementor Pro. Simply drag a form widget to your page from the editor panel and use the controls to create a beautiful and responsive form on your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/08\/image-3.png\" alt=\"\" class=\"wp-image-26667\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Editing Your Form<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">From the editor panel, you may create and edit all the fields you wish to capture in your forms. The form widget supports most all popular field types such as text, text area, radio buttons, selectors, and more. These fields can also be set to required if desired.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You may style the forms by setting the column width layout to use fields on the same line.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/08\/image-4.png\" alt=\"\" class=\"wp-image-26668\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In our documentation, you will find a complete breakdown of all the available controls and settings for <a href=\"https:\/\/elementor.com\/help\/features\/forms\/\">forms<\/a>. Here is a directory of topics to guide you through the complete process.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">[callout type=&#8221;tip&#8221;]Contact forms are often used to create mailing lists. The Send plugin is a tool specifically designed to create and manage mailing lists and works seamlessly with Elementor forms. For more information, check out the <a href=\"https:\/\/send2.co\/\">Send website<\/a>.[\/callout]<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Content Controls<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/elementor.com\/help\/form-fields\/\">Form Fields<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elementor.com\/help\/submit-button\/\">Submit Button<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elementor.com\/help\/actions-after-submit\/\">Actions after submit<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elementor.com\/help\/additional-options\/\">Additional Options<\/a><\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Style Settings<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/elementor.com\/help\/form-style\/\">Form<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elementor.com\/help\/field-style\/\">Field<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elementor.com\/help\/form-button-style\/\">Button<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elementor.com\/help\/form-messages-style\/\">Messages<\/a><\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Advanced<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/elementor.com\/help\/multi-step-forms\/\">Multi-Step Forms<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Creating a contact form with Elementor can be achieved by using the Form Widget in Elementor Pro. Simply drag a form widget to your page from the editor panel and use the controls to create a beautiful and responsive form on your website. Editing Your Form From the editor panel, you may create and edit [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65b0f19b8847327d8a5cc5d6"],"footnotes":""},"categories":[1447],"tags":[],"class_list":["post-26598","post","type-post","status-publish","format-standard","hentry","category-marketing-tools"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Create a contact form with Elementor | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Create a contact form with Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/how-to-create-contact-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a contact form with Elementor | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Create a contact form with Elementor in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/how-to-create-contact-form\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-22T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-24T10:29:16+00:00\" \/>\n<meta name=\"author\" content=\"asafr\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"asafr\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/\"},\"author\":{\"name\":\"asafr\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/5b0293d4a088f63c38be5dedda50c8da\"},\"headline\":\"Create a contact form with Elementor\",\"datePublished\":\"2023-08-22T09:00:00+00:00\",\"dateModified\":\"2024-12-24T10:29:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/\"},\"wordCount\":211,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/image-3.png\",\"articleSection\":[\"Marketing Tools\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/\",\"name\":\"Create a contact form with Elementor | Elementor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/image-3.png\",\"datePublished\":\"2023-08-22T09:00:00+00:00\",\"dateModified\":\"2024-12-24T10:29:16+00:00\",\"description\":\"Learn everything about Create a contact form with Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/how-to-create-contact-form\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build with the Editor\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-with-the-editor\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Marketing Tools\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-with-the-editor\\\/marketing-tools\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Create a contact form with Elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementor.com\\\/help\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/5b0293d4a088f63c38be5dedda50c8da\",\"name\":\"asafr\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"caption\":\"asafr\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a contact form with Elementor | Elementor","description":"Learn everything about Create a contact form with Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/how-to-create-contact-form\/","og_locale":"en_US","og_type":"article","og_title":"Create a contact form with Elementor | Elementor","og_description":"Learn everything about Create a contact form with Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/","og_site_name":"Help","article_published_time":"2023-08-22T09:00:00+00:00","article_modified_time":"2024-12-24T10:29:16+00:00","author":"asafr","twitter_card":"summary_large_image","twitter_misc":{"Written by":"asafr","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/"},"author":{"name":"asafr","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/5b0293d4a088f63c38be5dedda50c8da"},"headline":"Create a contact form with Elementor","datePublished":"2023-08-22T09:00:00+00:00","dateModified":"2024-12-24T10:29:16+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/"},"wordCount":211,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/08\/image-3.png","articleSection":["Marketing Tools"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/","url":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/","name":"Create a contact form with Elementor | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/08\/image-3.png","datePublished":"2023-08-22T09:00:00+00:00","dateModified":"2024-12-24T10:29:16+00:00","description":"Learn everything about Create a contact form with Elementor in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/how-to-create-contact-form\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/how-to-create-contact-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Build with the Editor","item":"https:\/\/elementor.com\/help\/build-with-the-editor\/"},{"@type":"ListItem","position":3,"name":"Marketing Tools","item":"https:\/\/elementor.com\/help\/build-with-the-editor\/marketing-tools\/"},{"@type":"ListItem","position":4,"name":"Create a contact form with Elementor"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/5b0293d4a088f63c38be5dedda50c8da","name":"asafr","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","caption":"asafr"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/26598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=26598"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/26598\/revisions"}],"predecessor-version":[{"id":165469,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/26598\/revisions\/165469"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=26598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=26598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=26598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}