{"id":42355,"date":"2023-11-22T10:28:28","date_gmt":"2023-11-22T08:28:28","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=42355"},"modified":"2024-12-16T17:29:00","modified_gmt":"2024-12-16T15:29:00","slug":"form-widget","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/form-widget\/","title":{"rendered":"Form widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"42355\" class=\"elementor elementor-42355\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2232e52a e-flex e-con-boxed e-con e-parent\" data-id=\"2232e52a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59594edb elementor-widget elementor-widget-heading\" data-id=\"59594edb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add the widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2aa32437 e-flex e-con-boxed e-con e-child\" data-id=\"2aa32437\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d7ddc88 elementor-widget elementor-widget-image\" data-id=\"3d7ddc88\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"132\" height=\"87\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg\" class=\"attachment-large size-large wp-image-45180\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3eb67473 elementor-widget elementor-widget-n-accordion\" data-id=\"3eb67473\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1050\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1050\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Add the widget to the canvas <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1050\" class=\"elementor-element elementor-element-91a0d2c e-con-full e-flex e-con e-child\" data-id=\"91a0d2c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e65655e elementor-widget elementor-widget-text-editor\" data-id=\"e65655e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-renderer-start-pos=\"122\"><strong data-renderer-mark=\"true\">To access and use a widget:<\/strong><\/p><ol class=\"ak-ol\" start=\"1\" data-indent-level=\"1\"><li><p data-renderer-start-pos=\"153\">In Elementor Editor, click +. <br \/>All available widgets are displayed.<\/p><\/li><li><p data-renderer-start-pos=\"224\">Click or drag the widget to the canvas. <span>For more information, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span>Add elements to a page<\/span><\/a><span>.<\/span><\/p><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b4528c1 e-flex e-con-boxed e-con e-parent\" data-id=\"3b4528c1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bd724a1 elementor-widget elementor-widget-heading\" data-id=\"5bd724a1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is the Form widget?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e1d550c elementor-widget elementor-widget-text-editor\" data-id=\"4e1d550c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-size: 11pt; font-family: Arial, sans-serif; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;\">Forms allow website owners to collect information from visitors. Visitors enter this information into the form and submit it to the website owner. These submissions can either be sent to the website database or as an email.\u00a0<\/span><\/p><p>\u00a0<\/p><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-size: 11pt; font-family: Arial, sans-serif; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;\">There are many different styles of forms from simple ones embedded in a page, to multi-step forms that change according to the information submitted by the user. You can even create animated forms to draw visitors\u2019 attention.<\/span><\/p><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-size: 1rem; letter-spacing: -0.02rem; text-align: var(--text-align);\">\u00a0<\/span><\/p><p><a style=\"font-size: 1rem; letter-spacing: -0.02rem; text-align: var(--text-align); background-color: #ffffff;\" href=\"#settings\">See all the options available with the Menu widget.\u00a0\u00a0<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57bb961b e-flex e-con-boxed e-con e-parent\" data-id=\"57bb961b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cb3ed04 elementor-widget elementor-widget-heading\" data-id=\"5cb3ed04\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Common use case\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-457bf83f elementor-widget elementor-widget-text-editor\" data-id=\"457bf83f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00a0<\/p><p dir=\"ltr\" style=\"line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;\"><span style=\"font-size: 11pt; font-family: Arial,sans-serif; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;\">Alex is building a webstore and is trying to build up a list of potential customers. On the front page of their store, they create a form offering visitors a 10% discount on future purchases if they register with the site by submitting their name and email address.\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b2dbf80 e-flex e-con-boxed e-con e-parent\" data-id=\"1b2dbf80\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-680286a7 elementor-widget elementor-widget-heading\" data-id=\"680286a7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Additional use cases<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3404e113 e-con-full e-flex e-con e-child\" data-id=\"3404e113\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb83e25 elementor-widget elementor-widget-text-editor\" data-id=\"2cb83e25\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Create a list of attendees for a party<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Start a subscription list for your blog<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Collect user feedback about your site or products\u00a0<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14fac219 elementor-widget elementor-widget-heading\" data-id=\"14fac219\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Video<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bd1f97 elementor-widget elementor-widget-text-editor\" data-id=\"3bd1f97\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>See a video demonstrating the Form widget in action.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e5e3b44 elementor-widget elementor-widget-video\" data-id=\"3e5e3b44\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/nmM5vsKVOYQ?si=Sl2ENdgUUlDyxTIW&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a2b0942 elementor-widget elementor-widget-heading\" data-id=\"3a2b0942\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Adding a Form widget: Step-by-step<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7aa64d0c elementor-widget elementor-widget-text-editor\" data-id=\"7aa64d0c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Add a Form widget<\/h3><p><strong>To add a Form widget:<\/strong><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add the Form widget to the canvas. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span style=\"font-weight: 400;\">Add elements to a page<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li><\/ul><p><strong><br \/><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-42927\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/1-Default-form.jpg\" alt=\"\" width=\"1423\" height=\"729\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/1-Default-form.jpg 1423w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/1-Default-form-300x154.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/1-Default-form-1024x525.jpg 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/1-Default-form-768x393.jpg 768w\" sizes=\"(max-width: 1423px) 100vw, 1423px\" \/><br \/><\/strong><\/p><p><span style=\"font-weight: 400;\">By default, the widget creates a form with three fields &#8211; <\/span><b>Name<\/b><span style=\"font-weight: 400;\">, <\/span><b>Email <\/b><span style=\"font-weight: 400;\">and <\/span><b>Message.\u00a0<\/b><\/p><p><span style=\"font-weight: 400;\">We\u2019re going to make a few changes to the form:\u00a0<\/span><\/p><ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Rename the form<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Divide the Name field into First name and Last name<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Make sure users have to enter a valid email in the email field<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Add a note in the message field telling users we\u2019d like their feedback.<\/span><\/li><\/ul><h3><span style=\"font-weight: 400;\">Add another field<\/span><\/h3><p><strong>To add another field to the form<\/strong>:<\/p><p><span style=\"font-size: 1rem; text-align: var(--text-align);\"><img decoding=\"async\" class=\"alignnone size-full wp-image-42929\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/2-Rename-the-Form.jpg\" alt=\"\" width=\"1151\" height=\"608\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/2-Rename-the-Form.jpg 1151w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/2-Rename-the-Form-300x158.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/2-Rename-the-Form-1024x541.jpg 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/2-Rename-the-Form-768x406.jpg 768w\" sizes=\"(max-width: 1151px) 100vw, 1151px\" \/><\/span><\/p><ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the panel, in the text box under Form Fields change the name of the form to \u201cMy Form\u201d<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the panel, under the form name, click the Name field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42930\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/3-Click-the-name-field.jpg\" alt=\"\" width=\"1194\" height=\"671\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/3-Click-the-name-field.jpg 1194w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/3-Click-the-name-field-300x169.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/3-Click-the-name-field-1024x575.jpg 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/3-Click-the-name-field-768x432.jpg 768w\" sizes=\"(max-width: 1194px) 100vw, 1194px\" \/><\/span><p><span style=\"font-weight: 400;\">Clicking the field brings up a number of settings. For more details about these settings, see <a href=\"#settings\">Settings for the Form widget<\/a>.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42931\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/4-Change-name-to-first-name.jpg\" alt=\"\" width=\"987\" height=\"669\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/4-Change-name-to-first-name.jpg 987w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/4-Change-name-to-first-name-300x203.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/4-Change-name-to-first-name-768x521.jpg 768w\" sizes=\"(max-width: 987px) 100vw, 987px\" \/><br \/><\/span><\/p><\/li><li aria-level=\"1\"><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In the Label field, change the name of the field to \u201cFirst Name\u201d.<br \/>Now we need to add a new field for the last name.<br \/>There are two ways to add a new field:<br \/>1. Click the copy icon <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36356\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/07\/Duplicate-copy.svg\" alt=\"\" width=\"20\" height=\"20\" \/> to make an exact duplicate of an existing field.<br \/>2. Click +Add Item to add a blank field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42935\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/5-Clikc-the-copy-icon.jpg\" alt=\"\" width=\"737\" height=\"502\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/5-Clikc-the-copy-icon.jpg 737w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/5-Clikc-the-copy-icon-300x204.jpg 300w\" sizes=\"(max-width: 737px) 100vw, 737px\" \/><\/span><\/span><\/li><li aria-level=\"1\">Click the copy icon <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36356\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/07\/Duplicate-copy.svg\" alt=\"\" width=\"20\" height=\"20\" \/> of the First Name field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42936\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/6-new-field-appears.jpg\" alt=\"\" width=\"1070\" height=\"716\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/6-new-field-appears.jpg 1070w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/6-new-field-appears-300x201.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/6-new-field-appears-1024x685.jpg 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/6-new-field-appears-768x514.jpg 768w\" sizes=\"(max-width: 1070px) 100vw, 1070px\" \/><p><span style=\"font-weight: 400;\">In the panel, a new field appears under the <\/span><b>First Name<\/b><span style=\"font-weight: 400;\"> field. This is a duplicate of the <\/span><b>First Name<\/b><span style=\"font-weight: 400;\"> field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42937\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/7-Click-the-bottlm-first-name-field.jpg\" alt=\"\" width=\"900\" height=\"721\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/7-Click-the-bottlm-first-name-field.jpg 900w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/7-Click-the-bottlm-first-name-field-300x240.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/7-Click-the-bottlm-first-name-field-768x615.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><br \/><\/span><\/p><\/li><li aria-level=\"1\">In the panel, click the bottom <strong>First Name<\/strong> field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42938\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/8-Edit-to-last-name.jpg\" alt=\"\" width=\"902\" height=\"665\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/8-Edit-to-last-name.jpg 902w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/8-Edit-to-last-name-300x221.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/8-Edit-to-last-name-768x566.jpg 768w\" sizes=\"(max-width: 902px) 100vw, 902px\" \/><\/li><li aria-level=\"1\">In the <strong>Label<\/strong> section, rename the field, <strong>Last Name<\/strong>.<p><span style=\"font-weight: 400;\">We now have the correct fields, but it looks a little strange to have the first and last names on separate rows. Let\u2019s make them a bit shorter and put them both on the same row.<\/span><\/p><\/li><\/ol><h3><span style=\"font-weight: 400;\">Add multiple fields<\/span><\/h3><p><b>To put multiple fields on the same row<\/b><span style=\"font-weight: 400;\">:<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42951\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/9-clikc-the-first-name-field.jpg\" alt=\"\" width=\"916\" height=\"680\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/9-clikc-the-first-name-field.jpg 916w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/9-clikc-the-first-name-field-300x223.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/9-clikc-the-first-name-field-768x570.jpg 768w\" sizes=\"(max-width: 916px) 100vw, 916px\" \/><\/p><ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the panel, click the <\/span><b>First Name<\/b><span style=\"font-weight: 400;\"> field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42952\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/10-Change-the-column-field-to-50.jpg\" alt=\"\" width=\"901\" height=\"681\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/10-Change-the-column-field-to-50.jpg 901w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/10-Change-the-column-field-to-50-300x227.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/10-Change-the-column-field-to-50-768x580.jpg 768w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/span><\/li><li aria-level=\"1\">Change the <strong>Column Width<\/strong> to 50%.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42954\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/11-Clikc-the-last-name-field.jpg\" alt=\"\" width=\"943\" height=\"680\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/11-Clikc-the-last-name-field.jpg 943w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/11-Clikc-the-last-name-field-300x216.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/11-Clikc-the-last-name-field-768x554.jpg 768w\" sizes=\"(max-width: 943px) 100vw, 943px\" \/><\/li><li aria-level=\"1\">In the panel, click the <strong>Last Name<\/strong> field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42955\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/12-Change-the-column-width-to-50.jpg\" alt=\"\" width=\"1430\" height=\"670\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/12-Change-the-column-width-to-50.jpg 1430w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/12-Change-the-column-width-to-50-300x141.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/12-Change-the-column-width-to-50-1024x480.jpg 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/12-Change-the-column-width-to-50-768x360.jpg 768w\" sizes=\"(max-width: 1430px) 100vw, 1430px\" \/><br \/>The <strong>First Name<\/strong> and <strong>Last Name<\/strong> fields are now side by side.<\/li><\/ol><h3><span style=\"font-weight: 400;\">Set the Field type<\/span><\/h3><p><b>To set the field type:<\/b><\/p><p><span style=\"font-weight: 400;\">Each field in the form has a type. The type can be used to limit the answers visitors can input. A common example of this is in the email field. By selecting <\/span><b>email <\/b><span style=\"font-weight: 400;\">as the field type, visitors can only input valid email addresses. For more details about these types, see Settings for the Form widget.<\/span><\/p><p><span style=\"font-weight: 400;\">In our form, the email field should default to the email type, but let\u2019s double-check to make sure.<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42959\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/14-click-the-email-field.jpg\" alt=\"\" width=\"975\" height=\"623\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/14-click-the-email-field.jpg 975w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/14-click-the-email-field-300x192.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/14-click-the-email-field-768x491.jpg 768w\" sizes=\"(max-width: 975px) 100vw, 975px\" \/><br \/><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\"><\/p><p data-pm-slice=\"1 1 []\">When a user submits a form, two email notifications are often sent: one to the user as confirmation and one to you or your team. However, these emails may end up in the spam folder, especially now that providers like Gmail are increasingly strict about email reputation and authentication. To address this, we recommend using a tool like <a href=\"https:\/\/elementor.com\/products\/site-mailer\/\">Site Mailer<\/a>. By routing all site emails through a dedicated external service rather than your hosting server, Site Mailer significantly improves deliverability and ensures your messages reach their intended destination.<\/div>\n                <\/div>\n            <\/div><\/p><ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the panel, click the <\/span><b>Email <\/b><span style=\"font-weight: 400;\">field.\u00a0<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42960\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/15-Select-the-email-type.jpg\" alt=\"\" width=\"975\" height=\"623\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/15-Select-the-email-type.jpg 975w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/15-Select-the-email-type-300x192.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/15-Select-the-email-type-768x491.jpg 768w\" sizes=\"(max-width: 975px) 100vw, 975px\" \/><br \/><\/span><\/li><li aria-level=\"1\">In the <strong>Type<\/strong> section, make sure it\u2019s set to email.<\/li><\/ol><h3><span style=\"font-weight: 400;\">Edit the placeholder<\/span><\/h3><p><b>To edit the placeholder:<\/b><\/p><p><span style=\"font-weight: 400;\">The faded text inside the field is called the placeholder text. It can be used as instructional text, helping visitors know what to input in the field. In our example, we\u2019ll add some instructional text to the <\/span><b>Message <\/b><span style=\"font-weight: 400;\">field.<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42962\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/16-Select-the-message-field.jpg\" alt=\"\" width=\"908\" height=\"708\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/16-Select-the-message-field.jpg 908w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/16-Select-the-message-field-300x234.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/16-Select-the-message-field-768x599.jpg 768w\" sizes=\"(max-width: 908px) 100vw, 908px\" \/><\/p><ol><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the panel, click the <\/span><b>Message <\/b><span style=\"font-weight: 400;\">field.<\/span><\/li><li aria-level=\"1\">In the text area of the <strong>Placeholder<\/strong> section, enter, \u201cPlease send us any feedback, good or bad and include as many details as possible\u201d<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42963\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/17-Enter-Message-Placeholder.jpg\" alt=\"\" width=\"1430\" height=\"703\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/17-Enter-Message-Placeholder.jpg 1430w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/17-Enter-Message-Placeholder-300x147.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/17-Enter-Message-Placeholder-1024x503.jpg 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/12\/17-Enter-Message-Placeholder-768x378.jpg 768w\" sizes=\"(max-width: 1430px) 100vw, 1430px\" \/><br \/>The message area now includes information that will help visitors fill in the information you need.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-345b4203 e-flex e-con-boxed e-con e-parent\" data-id=\"345b4203\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-103ecadc elementor-widget elementor-widget-heading\" data-id=\"103ecadc\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Settings for the Form widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e5f863a elementor-widget elementor-widget-text-editor\" data-id=\"2e5f863a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">You can customize your widgets using content, style, and other advanced parameters, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for the Form widget.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bf400aa elementor-widget elementor-widget-heading\" data-id=\"4bf400aa\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Content tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-662cddb8 elementor-widget elementor-widget-text-editor\" data-id=\"662cddb8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Add, delete, and edit form fields, steps, buttons and controls. Determine what happens after visitors submit their responses.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-447cce0c elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"447cce0c\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"1149029900\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-11490299001\" data-tab-title-id=\"e-n-tab-title-11490299001\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-11490299001\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tForm Fields\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-11490299002\" data-tab-title-id=\"e-n-tab-title-11490299002\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-11490299002\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tButtons\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-11490299003\" data-tab-title-id=\"e-n-tab-title-11490299003\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-11490299003\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tActions after Submit\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-11490299004\" data-tab-title-id=\"e-n-tab-title-11490299004\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-11490299004\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tCollect Submissions\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-11490299005\" data-tab-title-id=\"e-n-tab-title-11490299005\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"5\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-11490299005\" style=\"--n-tabs-title-order: 5;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tEmail\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-11490299006\" data-tab-title-id=\"e-n-tab-title-11490299006\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"6\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-11490299006\" style=\"--n-tabs-title-order: 6;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tSteps Settings\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-11490299007\" data-tab-title-id=\"e-n-tab-title-11490299007\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"7\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-11490299007\" style=\"--n-tabs-title-order: 7;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tAdditional Options\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-11490299001\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-11490299001\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-1a57a964 e-con-full e-flex e-con e-child\" data-id=\"1a57a964\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-659ea7e elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"659ea7e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"321\" height=\"585\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-Form-fields.jpg\" class=\"attachment-large size-large wp-image-42378\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-Form-fields.jpg 321w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-Form-fields-165x300.jpg 165w\" sizes=\"(max-width: 321px) 100vw, 321px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5157b4da elementor-widget elementor-widget-n-accordion\" data-id=\"5157b4da\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1360\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1360\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Form name <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1360\" class=\"elementor-element elementor-element-631ee2da e-con-full e-flex e-con e-child\" data-id=\"631ee2da\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2201f1e4 elementor-widget elementor-widget-text-editor\" data-id=\"2201f1e4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Give your form a name.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1361\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1361\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Form Field <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1361\" class=\"elementor-element elementor-element-122b9333 e-con-full e-flex e-con e-child\" data-id=\"122b9333\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d49137d elementor-widget elementor-widget-text-editor\" data-id=\"d49137d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Edit and create fields for your form,. Each field represents data you collect from your visitors such as <b>Name<\/b>, and <b>Email<\/b>.\u00a0\u00a0<\/p>\n<p>There are two icons that appear to the right of the field name:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36356\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/07\/Duplicate-copy.svg\" alt=\"\" width=\"15\" height=\"15\" \/> &#8211; Duplicate this menu item. Using copy helps maintain consistency in your menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-39041\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/03\/x-delete-icon.png\" alt=\"\" width=\"15\" height=\"15\" \/> &#8211; Delete this menu item.<\/p>\n<p>When you click a field name, additional options appear under two tabs &#8211; <strong>Content<\/strong> and <strong>Advanced<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1362\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1362\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Form Field-Content <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1362\" class=\"elementor-element elementor-element-8e88a9e e-con-full e-flex e-con e-child\" data-id=\"8e88a9e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61d8904 elementor-widget elementor-widget-text-editor\" data-id=\"61d8904\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In the <strong>Content<\/strong> tab, the following options are available:\u00a0\u00a0<\/p>\n<ul>\n<li><strong>Type<\/strong>: Set the type of field to help filter out irrelevant data. For instance, setting the type to <strong>email<\/strong>, means visitors must submit valid email addresses. See Field types for more details.\u00a0<\/li>\n<li><strong>Label<\/strong>: Create a name for the field, such as <strong>Name<\/strong>,\u00a0 to tell users what information to enter.\u00a0\u00a0<\/li>\n<li><strong>Placeholder<\/strong>: Also known as ghost text, this is text that appears in the field to give more detailed information about the field, for example, in a field called <strong>Favorite movies<\/strong>,\u00a0 the ghost text could be, &#8220;List your three top choices.&#8221;<\/li>\n<li><strong>Required<\/strong>: Use the toggle to determine if users must fill in this field to submit the form.<\/li>\n<li><strong>Column width<\/strong>: Set how much space the field will take up. This can be used for fields where you expect short answers or if you want several fields to appear on one line. For example, if you want two fields to appear on one line, give them each a width of 50%.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1363\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1363\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Form Field - Advanced <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1363\" class=\"elementor-element elementor-element-b5422e1 e-con-full e-flex e-con e-child\" data-id=\"b5422e1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0345418 elementor-widget elementor-widget-text-editor\" data-id=\"0345418\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In the <strong>Content<\/strong> tab, the following options are available:\u00a0\u00a0<\/p>\n<ul>\n<li><strong>Default value<\/strong>: Add information that will automatically be put in a field unless the user overrides it. For example, if you have a form that everyone in the Personnel department needs to fill out and 99% of the people filling out the form are in the Personnel department. You can have the <strong>Department<\/strong> field automatically filled in with the word <strong>Personnel<\/strong>.<\/li>\n<li><strong>ID<\/strong>: Give your field a unique identifier to help use submission information.\u00a0<\/li>\n<li><strong>Shortcode<\/strong>: Use a shortcode in your field to save from repeatedly entering the same information. repeatedly.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1364\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1364\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> +Add item <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1364\" class=\"elementor-element elementor-element-4d92adbc e-con-full e-flex e-con e-child\" data-id=\"4d92adbc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d2b0b31 elementor-widget elementor-widget-text-editor\" data-id=\"1d2b0b31\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Create a blank field for your form.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1365\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1365\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Input Size <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1365\" class=\"elementor-element elementor-element-36725401 e-con-full e-flex e-con e-child\" data-id=\"36725401\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7cbabea8 elementor-widget elementor-widget-text-editor\" data-id=\"7cbabea8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Determine both the field height and the size of data entered in the field.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1366\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1366\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Label <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1366\" class=\"elementor-element elementor-element-37d2df7f e-con-full e-flex e-con e-child\" data-id=\"37d2df7f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b5c424d elementor-widget elementor-widget-text-editor\" data-id=\"1b5c424d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Use the toggle to either <strong>Show<\/strong> or <strong>Hide<\/strong> the name of the field.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1367\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1367\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Required Mark <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.25 10C2.25 9.58579 2.58579 9.25 3 9.25H17C17.4142 9.25 17.75 9.58579 17.75 10C17.75 10.4142 17.4142 10.75 17 10.75H3C2.58579 10.75 2.25 10.4142 2.25 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.5303 9.46967L13 10L13.5303 10.5303C13.8232 10.2374 13.8232 9.76256 13.5303 9.46967ZM11.9393 10L5.46967 16.4697C5.17678 16.7626 5.17678 17.2374 5.46967 17.5303C5.76256 17.8232 6.23744 17.8232 6.53033 17.5303L13.5303 10.5303C13.5304 10.5303 13.5303 10.5303 13 10C13.5303 9.46967 13.5304 9.4697 13.5303 9.46967L6.53033 2.46967C6.23744 2.17678 5.76256 2.17678 5.46967 2.46967C5.17678 2.76256 5.17678 3.23744 5.46967 3.53033L11.9393 10Z\" fill=\"black\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1367\" class=\"elementor-element elementor-element-520aad60 e-con-full e-flex e-con e-child\" data-id=\"520aad60\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2beb4780 elementor-widget elementor-widget-text-editor\" data-id=\"2beb4780\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Use the toggle to either <strong>Show<\/strong> or <strong>Hide<\/strong> whether or not the field is required. Standard practice is to mark these fields so visitors know they need to fill them out.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-11490299002\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-11490299002\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-11f748d3 e-con-full e-flex e-con e-child\" data-id=\"11f748d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab61a29 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"ab61a29\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"309\" height=\"714\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-buttons.jpg\" class=\"attachment-large size-large wp-image-42379\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-buttons.jpg 309w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-buttons-130x300.jpg 130w\" sizes=\"(max-width: 309px) 100vw, 309px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4af3b20b elementor-widget elementor-widget-n-accordion\" data-id=\"4af3b20b\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1250\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1250\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Form buttons <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1250\" class=\"elementor-element elementor-element-6e5e629b e-con-full e-flex e-con e-child\" data-id=\"6e5e629b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85baffa elementor-widget elementor-widget-text-editor\" data-id=\"85baffa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>There are two types of buttons on forms &#8211; <strong>Submit<\/strong> and <strong>Step<\/strong>. <strong>Submit<\/strong> buttons send information back to the website owner and <strong>Step<\/strong> buttons move visitors to the next page of the form.<\/p>\n<p>Each page of a form will have either a submit or step button.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1251\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1251\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Size <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1251\" class=\"elementor-element elementor-element-db2efb1 e-con-full e-flex e-con e-child\" data-id=\"db2efb1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b21b64 elementor-widget elementor-widget-text-editor\" data-id=\"6b21b64\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Set how big you want your buttons. Form buttons can be:<\/p>\n<ul>\n<li>Extra Small<\/li>\n<li>Small<\/li>\n<li>Medium<\/li>\n<li>Large<\/li>\n<li>Extra Large<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1252\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1252\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Column width <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1252\" class=\"elementor-element elementor-element-3ba623b4 e-con-full e-flex e-con e-child\" data-id=\"3ba623b4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75f95624 elementor-widget elementor-widget-text-editor\" data-id=\"75f95624\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Column width<\/strong>: Set the size of the area allocated for the button. This will affect the placement of the button.\u00a0<\/p>\n<p>For example, If your column size is 100% and align the button to the right, the button will be on the right. However, if you set a column width of 50% and align the button to the right, it will appear in the center of the form.\u00a0\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1253\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1253\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Alignment <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1253\" class=\"elementor-element elementor-element-23b4a39 e-con-full e-flex e-con e-child\" data-id=\"23b4a39\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8443e70 elementor-widget elementor-widget-text-editor\" data-id=\"8443e70\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Place the button in the right, left or center of the area allocated for the button.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1254\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1254\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Step Buttons <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1254\" class=\"elementor-element elementor-element-d2e72d4 e-con-full e-flex e-con e-child\" data-id=\"d2e72d4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b9ba5c elementor-widget elementor-widget-text-editor\" data-id=\"4b9ba5c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Step buttons take visitors forward to the next page of the form or back to the previous page. On the first page of the form there is no <strong>Previous<\/strong> button and on the last page of the form there is no <strong>Next<\/strong> button.\u00a0<\/p>\n<p>If you don&#8217;t want to label the buttons Next and Previous, use the text box to enter a different label.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1255\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1255\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Submit button <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1255\" class=\"elementor-element elementor-element-8e596b8 e-con-full e-flex e-con e-child\" data-id=\"8e596b8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d3f7de elementor-widget elementor-widget-text-editor\" data-id=\"8d3f7de\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The <strong>Submit<\/strong> button sends the information in the form to the website owner. It is added to the last page of the form.\u00a0<\/p>\n<p>If you don&#8217;t want to label the button <strong>Submit<\/strong>, use the text box to enter a different label.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1256\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1256\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Button ID <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1256\" class=\"elementor-element elementor-element-b0cae64 e-con-full e-flex e-con e-child\" data-id=\"b0cae64\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5de643 elementor-widget elementor-widget-text-editor\" data-id=\"d5de643\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Assign an ID for your button so you can identify it later. This will often help in processing the information you collect.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-11490299003\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-11490299003\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-7436afa0 e-con-full e-flex e-con e-child\" data-id=\"7436afa0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c7644ce elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"4c7644ce\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"304\" height=\"396\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-actions-after-submit.jpg\" class=\"attachment-large size-large wp-image-42380\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-actions-after-submit.jpg 304w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-actions-after-submit-230x300.jpg 230w\" sizes=\"(max-width: 304px) 100vw, 304px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d1fd429 elementor-widget elementor-widget-n-accordion\" data-id=\"1d1fd429\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-4880\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-4880\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Add Action <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-4880\" class=\"elementor-element elementor-element-4f320456 e-con-full e-flex e-con e-child\" data-id=\"4f320456\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16aa0b16 elementor-widget elementor-widget-text-editor\" data-id=\"16aa0b16\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Add actions that will be performed after a visitor submits the form (e.g. Open or close a Popup, Send an email notification, Connect to a third-party such as MailChimp, Redirect, etc.)<\/p>\n<p>For more details, see <a href=\"https:\/\/elementor.com\/help\/actions-after-submit\/\">Actions after a form is submitted<\/a>.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-11490299004\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-11490299004\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\" elementor-element elementor-element-c351495 e-con-full e-flex e-con e-child\" data-id=\"c351495\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c30abeb elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"5c30abeb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"324\" height=\"420\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-collect-submissions.jpg\" class=\"attachment-large size-large wp-image-42381\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-collect-submissions.jpg 324w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-collect-submissions-231x300.jpg 231w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50e7fe52 elementor-widget elementor-widget-n-accordion\" data-id=\"50e7fe52\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1350\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1350\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Form Submissions <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1350\" class=\"elementor-element elementor-element-59f87f9d e-con-full e-flex e-con e-child\" data-id=\"59f87f9d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb4e3a5 elementor-widget elementor-widget-text-editor\" data-id=\"4bb4e3a5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When visitors submit information it is usually collected and made accessible to the website owner from WP Admin.<\/p>\n<p>For more information about accessing this information, see <a href=\"https:\/\/elementor.com\/help\/form-submissions\/\">Form submissions<\/a>.<\/p>\n<p>[bluenote]Website owners also have the option of having form submissions sent to them by email. These submissions are more difficult to organize but offer greater security as they the infromation can only be accessed from the email account owner.[\/bluenote]<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-11490299005\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-11490299005\" data-tab-index=\"5\" style=\"--n-tabs-title-order: 5;\" class=\" elementor-element elementor-element-17ef5ac e-con-full e-flex e-con e-child\" data-id=\"17ef5ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6409157 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"6409157\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"310\" height=\"843\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-email-1.jpg\" class=\"attachment-large size-large wp-image-42663\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-email-1.jpg 310w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-email-1-110x300.jpg 110w\" sizes=\"(max-width: 310px) 100vw, 310px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0348f4e elementor-widget elementor-widget-n-accordion\" data-id=\"0348f4e\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3440\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3440\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Email Settings <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3440\" class=\"elementor-element elementor-element-7f9d5a3 e-con-full e-flex e-con e-child\" data-id=\"7f9d5a3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f10582 elementor-widget elementor-widget-text-editor\" data-id=\"6f10582\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When a visitor submits a form, you can receive the submissions as an email. Use this section to define these emails.<\/p><ul><li><strong>To<\/strong>: The email address where the submissions will be received.\u00a0<\/li><li><strong>Subject<\/strong>: The subject line of the email that will be sent to the email address in the <strong>To<\/strong> setting.<\/li><li><strong>Message<\/strong>: Any text and form information that will be sent in the email. The default setting is [all-fields], includes all the form information in the email.\u00a0<\/li><li><strong>From Email<\/strong>: Add the email from which the email will be sent.<\/li><li><strong>From Name<\/strong>: Determine under what name the email will be sent. This may help you filter these emails later.\u00a0<\/li><li><strong>Reply To<\/strong>: Edit this email address if you want to reply to these emails and have these replies sent to a different address.\u00a0<\/li><li><strong>Cc<\/strong>: Send a copy of these emails to another address.<\/li><li><strong>Bcc<\/strong>: Send a blind copy of these emails to another address.<\/li><li><strong>Meta Data<\/strong>: By default, the emails sent by the form includes metadata such as the Time, Date, Page URL, User Agent (Browser information), Remote IP (IP address of the person submitting the form), Credit (the software that created the form).<\/li><li><strong>Send As<\/strong>: Use the dropdown menu to determine if the email sent by the form is in HTML or plain format.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-11490299006\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-11490299006\" data-tab-index=\"6\" style=\"--n-tabs-title-order: 6;\" class=\" elementor-element elementor-element-a3255d0 e-con-full e-flex e-con e-child\" data-id=\"a3255d0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-929e546 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"929e546\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"306\" height=\"504\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-Steps-Settings.jpg\" class=\"attachment-large size-large wp-image-42387\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-Steps-Settings.jpg 306w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-Steps-Settings-182x300.jpg 182w\" sizes=\"(max-width: 306px) 100vw, 306px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b6faa9 elementor-widget elementor-widget-n-accordion\" data-id=\"7b6faa9\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1290\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1290\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Steps Settings <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1290\" class=\"elementor-element elementor-element-73944d3 e-con-full e-flex e-con e-child\" data-id=\"73944d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2712a65 elementor-widget elementor-widget-text-editor\" data-id=\"2712a65\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Steps Setting determines what indicators are used to show visitors what step they&#8217;re on when filling out a multistep form. There are two categories of settings, <strong>Type<\/strong> and <strong>Shape<\/strong>.\u00a0<\/p>\n<p><strong>Types<\/strong> include:<\/p>\n<ul>\n<li><strong>None\u00a0<\/strong>gives users no sign of what step they are on.\u00a0<\/li>\n<li><strong>Text<\/strong> indicates the step the user is on using its label. This label is set in the <strong>Form Fields<\/strong> section.\u00a0<\/li>\n<li><b>Icon <\/b>indicates the step the user is on using its icon. This icon is set in the <strong>Form Fields<\/strong> section.\u00a0<\/li>\n<li><b>Number <\/b>indicates the step the user is on using a number.<\/li>\n<li><strong>Progress Bar<\/strong> add a visual and percentage indicator to show the visitor how far they&#8217;ve advanced in a multi-step form. For example, if a visitor has filled out 1 page of a 4 page form, the progress bar will be one-quarter filled in and labeled 25%.\u00a0\u00a0<\/li>\n<li><strong>Number &amp; Text<\/strong> combines the properties of the <strong>Number<\/strong> and <strong>Text<\/strong> options.<\/li>\n<li><strong>Icon &amp; Text<\/strong> combines the properties of the <strong>Icon<\/strong> and <strong>Text<\/strong> options.<\/li>\n<li>\u00a0<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1291\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1291\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Horizontal Scroll <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1291\" class=\"elementor-element elementor-element-cc589f3 e-con-full e-flex e-con e-child\" data-id=\"cc589f3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a861ba8 elementor-widget elementor-widget-text-editor\" data-id=\"a861ba8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Use the dropdown menu to\u00a0<strong>Disable\u00a0<\/strong>or\u00a0<strong>Enable\u00a0<\/strong>horizontal scrolling. Disabling horizontal scrolling means that excess menu items appear as additional rows on your menu.<\/p>\n<p>See the example of a menu with horizontal scroll disabled.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-41392\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Example-of-menu-widget.png\" alt=\"\" width=\"453\" height=\"301\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Example-of-menu-widget.png 453w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Example-of-menu-widget-300x199.png 300w\" sizes=\"(max-width: 453px) 100vw, 453px\" \/><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1292\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1292\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Breakpoint <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1292\" class=\"elementor-element elementor-element-14fbe8e e-con-full e-flex e-con e-child\" data-id=\"14fbe8e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5752b3d elementor-widget elementor-widget-text-editor\" data-id=\"5752b3d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00a0It\u2019s best practice to use a more compact dropdown menu for mobile and\/or tablets.<\/p>\n<p>Use the dropdown to select:<\/p>\n<ul>\n<li><strong>None<\/strong>: Don\u2019t use a compact menu<\/li>\n<li><strong>Mobile Portrait (&gt;767px)<\/strong>:\u00a0 Switch to a compact menu if the screen is less than 767 pixels wide.<\/li>\n<li><strong>Tablet Portrait (&gt;1024)<\/strong>: Switch to a compact menu if the screen is less than 1024 pixels wide.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-11490299007\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-11490299007\" data-tab-index=\"7\" style=\"--n-tabs-title-order: 7;\" class=\" elementor-element elementor-element-7655097 e-con-full e-flex e-con e-child\" data-id=\"7655097\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb86237 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"bb86237\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"309\" height=\"682\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-Additional-options.jpg\" class=\"attachment-large size-large wp-image-42388\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-Additional-options.jpg 309w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Content-tab-Additional-options-136x300.jpg 136w\" sizes=\"(max-width: 309px) 100vw, 309px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96bf4eb elementor-widget elementor-widget-n-accordion\" data-id=\"96bf4eb\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1580\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1580\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Form ID <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1580\" class=\"elementor-element elementor-element-df0dede e-con-full e-flex e-con e-child\" data-id=\"df0dede\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf1f01e elementor-widget elementor-widget-text-editor\" data-id=\"bf1f01e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Custom code can sometimes require you to give your form and ID.\u00a0\u00a0<\/p><p>Make sure your Form ID is unique.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1581\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1581\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Form Validation <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1581\" class=\"elementor-element elementor-element-fe45273 e-con-full e-flex e-con e-child\" data-id=\"fe45273\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dede8f3 elementor-widget elementor-widget-text-editor\" data-id=\"dede8f3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When users submit information, the browser usually check to see if the information is valid, for example that email fields contain valid email addresses. There are two options for validation:<\/p>\n<ul>\n<li><strong>Browser Default<\/strong>: Uses the validation system built-into the visitor&#8217;s browser.<\/li>\n<li><strong>Custom<\/strong>: Create your own validation system.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1582\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1582\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Custom messages <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1582\" class=\"elementor-element elementor-element-e18f058 e-con-full e-flex e-con e-child\" data-id=\"e18f058\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03558a7 elementor-widget elementor-widget-text-editor\" data-id=\"03558a7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In general, browsers already have built in messages for form submissions indicating success or form errors. <strong>Custom messages <\/strong>allows you to create your own messages that will display in case the visitor&#8217;s browser does not provide these messages or the messages fail to display for some reason.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69adc596 e-flex e-con-boxed e-con e-parent\" data-id=\"69adc596\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e0fb50e elementor-widget elementor-widget-heading\" data-id=\"3e0fb50e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Style tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c470627 elementor-widget elementor-widget-text-editor\" data-id=\"c470627\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">Determine the look and feel of menu items and controls.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5aa52fe9 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"5aa52fe9\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"1520775145\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-15207751451\" data-tab-title-id=\"e-n-tab-title-15207751451\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-15207751451\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tForm\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-15207751452\" data-tab-title-id=\"e-n-tab-title-15207751452\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-15207751452\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tField\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-15207751453\" data-tab-title-id=\"e-n-tab-title-15207751453\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-15207751453\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tButtons\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-15207751454\" data-tab-title-id=\"e-n-tab-title-15207751454\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-15207751454\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tMessages\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-15207751455\" data-tab-title-id=\"e-n-tab-title-15207751455\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"5\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-15207751455\" style=\"--n-tabs-title-order: 5;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tSteps\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-15207751451\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-15207751451\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-72ff7860 e-con-full e-flex e-con e-child\" data-id=\"72ff7860\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63d08a88 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"63d08a88\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"676\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Form.jpg\" class=\"attachment-large size-large wp-image-42506\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Form.jpg 298w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Form-132x300.jpg 132w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d12aeb7 elementor-widget elementor-widget-n-accordion\" data-id=\"7d12aeb7\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2090\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2090\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Form  <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2090\" class=\"elementor-element elementor-element-5bb7caa e-con-full e-flex e-con e-child\" data-id=\"5bb7caa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-332660d6 elementor-widget elementor-widget-text-editor\" data-id=\"332660d6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Control the layout of your form.<\/p>\n<ul>\n<li><strong>Columns Gap:<\/strong> If your form has more that one column, use the slider to set the space between the columns. This occurs when there is more than one field in a row.<\/li>\n<li><strong>Rows Gap<\/strong>: Use the slider to raise and lower the space between fields.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2091\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2091\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Label <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2091\" class=\"elementor-element elementor-element-6743cc7e e-con-full e-flex e-con e-child\" data-id=\"6743cc7e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5832d98a elementor-widget elementor-widget-text-editor\" data-id=\"5832d98a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Control the look at feel of the form&#8217;s labels.<\/p>\n<ul>\n<li><strong>Spacing:<\/strong> Set the distance between the label and the field.<\/li>\n<li><strong>Text Color<\/strong>: Determine the color of the field name. For more details, see <a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span>Choose a color<\/span><\/a><span> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span>Use global fonts and colors<\/span><\/a><span>.\u00a0<\/span><\/li>\n<li><strong>Typography<\/strong>: Determine the font and size of the field name.\n<p><span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400;\">Typography<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2092\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2092\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> HTML Field <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2092\" class=\"elementor-element elementor-element-b4af325 e-con-full e-flex e-con e-child\" data-id=\"b4af325\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42b2b2cb elementor-widget elementor-widget-text-editor\" data-id=\"42b2b2cb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you add custom HTML fields to your form, use these settings to control their look and feel.<\/p>\n<ul>\n<li><strong>Spacing<\/strong>: Control how much room there will be around the elements of your HTML field.\u00a0<\/li>\n<li><strong>Color<\/strong>: Set the color of the text in your HTML field. For more details, see <a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span>Choose a color<\/span><\/a><span> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span>Use global fonts and colors<\/span><\/a><span>.\u00a0<\/span><\/li>\n<li><strong>Typography<\/strong>: Set the font size and type used in the HTML field. For more details, see <a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span>Typography<\/span><\/a><span>.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-15207751452\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-15207751452\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-16a21dd1 e-con-full e-flex e-con e-child\" data-id=\"16a21dd1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8bde9a elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"e8bde9a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"304\" height=\"597\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Field.jpg\" class=\"attachment-large size-large wp-image-42508\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Field.jpg 304w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Field-153x300.jpg 153w\" sizes=\"(max-width: 304px) 100vw, 304px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cbfb20a elementor-widget elementor-widget-n-accordion\" data-id=\"4cbfb20a\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1280\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1280\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Field <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1280\" class=\"elementor-element elementor-element-449550af e-con-full e-flex e-con e-child\" data-id=\"449550af\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69e29fe2 elementor-widget elementor-widget-text-editor\" data-id=\"69e29fe2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This section determines the look and feel of the form fields. This includes the placeholder text, field border and more.<\/p>\n<ul>\n<li><strong>Text Color<\/strong>: Set the color of the placeholder text. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">. <\/span><\/li>\n<li><strong>Typography<\/strong>: Set the font size and type of the placeholder text. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400;\">Typography<\/span><\/a>.<\/li>\n<li><strong>Background Color<\/strong>: Set the color of field box.\u00a0<\/li>\n<li><span style=\"font-weight: 400;\">or more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li><strong>Border Color<\/strong>: Set a color for the field&#8217;s boder. F<span style=\"font-weight: 400;\">or more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li><strong>Border Width<\/strong>: Delineate the field with a border.\u00a0<\/li>\n<li><strong>Border Radius<\/strong>: Round the corner of the border by increasing the border radius. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\"><span style=\"font-weight: 400;\">Border radius tools<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><b>\u00a0<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-15207751453\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-15207751453\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-36d3371 e-con-full e-flex e-con e-child\" data-id=\"36d3371\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dc873fc elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"4dc873fc\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"805\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Button.jpg\" class=\"attachment-large size-large wp-image-42512\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Button.jpg 320w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Button-119x300.jpg 119w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-739049c6 elementor-widget elementor-widget-n-accordion\" data-id=\"739049c6\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1930\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1930\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Buttons <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1930\" class=\"elementor-element elementor-element-1cb3dade e-con-full e-flex e-con e-child\" data-id=\"1cb3dade\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31be40fa elementor-widget elementor-widget-text-editor\" data-id=\"31be40fa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Control the look and feel of the <strong>Previous<\/strong>, <strong>Next<\/strong> and <strong>Submit<\/strong> buttons.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1931\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1931\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Typography <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1931\" class=\"elementor-element elementor-element-b68222a e-con-full e-flex e-con e-child\" data-id=\"b68222a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45f10e33 elementor-widget elementor-widget-text-editor\" data-id=\"45f10e33\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Set the font size and type for all buttons in the form.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1932\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1932\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border type <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1932\" class=\"elementor-element elementor-element-38b696d7 e-con-full e-flex e-con e-child\" data-id=\"38b696d7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64e5ba34 elementor-widget elementor-widget-text-editor\" data-id=\"64e5ba34\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Add a border to all your buttons. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/border-type\/\"><span style=\"font-weight: 400;\">Border type<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1933\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1933\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Normal <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1933\" class=\"elementor-element elementor-element-25b57ac0 e-con-full e-flex e-con e-child\" data-id=\"25b57ac0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73793b6c elementor-widget elementor-widget-text-editor\" data-id=\"73793b6c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Determine how buttons appear by default.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1934\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1934\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Hover <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1934\" class=\"elementor-element elementor-element-44a88954 e-con-full e-flex e-con e-child\" data-id=\"44a88954\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aa127a4 elementor-widget elementor-widget-text-editor\" data-id=\"5aa127a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Determine how buttons appear when moused over.<\/span><\/p><p>Hover mode lets you set a transition duration. This is the length of time it takes for the button to change its appearance.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1935\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1935\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Next &amp; Submit Button <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1935\" class=\"elementor-element elementor-element-573be09 e-con-full e-flex e-con e-child\" data-id=\"573be09\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2280049 elementor-widget elementor-widget-text-editor\" data-id=\"2280049\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The <strong>Next<\/strong> and <strong>Submit<\/strong> buttons have a similar look and feel:<\/span><\/p>\n<ul>\n<li><strong>Background Color<\/strong>: Determine the background color of both the <strong>Next<\/strong> and <strong>Submit<\/strong> buttons. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li><strong>Text Color<\/strong>: Determine the text color of both the <strong>Next<\/strong> and <strong>Submit<\/strong> buttons. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1936\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1936\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Previous Button <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1936\" class=\"elementor-element elementor-element-5811489d e-con-full e-flex e-con e-child\" data-id=\"5811489d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aca5eac elementor-widget elementor-widget-text-editor\" data-id=\"aca5eac\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The <\/span><span style=\"font-weight: 400;\"><b>Previous <\/b>buttons have a similar look and feel:<\/span><\/p>\n<ul>\n<li><strong>Background Color<\/strong>: Determine the background color the <strong>Previous<\/strong> buttons. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li><strong>Text Color<\/strong>: Determine the text color of the <strong>Previous<\/strong> buttons. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1937\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1937\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Radius <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1937\" class=\"elementor-element elementor-element-a87001d e-con-full e-flex e-con e-child\" data-id=\"a87001d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa871fa elementor-widget elementor-widget-text-editor\" data-id=\"fa871fa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Round the corners of all the buttons on the form. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\"><span style=\"font-weight: 400;\">Border radius tools<\/span><\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1938\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"9\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1938\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Text Padding <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1938\" class=\"elementor-element elementor-element-48257b2 e-con-full e-flex e-con e-child\" data-id=\"48257b2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eeaf20b elementor-widget elementor-widget-text-editor\" data-id=\"eeaf20b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Determine the spacing between the button border and the text for all the buttons in the form. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/create-space-with-padding-and-margin\/\"><span style=\"font-weight: 400;\">Padding and margins<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-15207751454\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-15207751454\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\" elementor-element elementor-element-2a47baf2 e-con-full e-flex e-con e-child\" data-id=\"2a47baf2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65a22413 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"65a22413\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"519\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Messages.jpg\" class=\"attachment-large size-large wp-image-42513\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Messages.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Messages-173x300.jpg 173w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74a0985f elementor-widget elementor-widget-n-accordion\" data-id=\"74a0985f\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1950\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1950\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Messages <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1950\" class=\"elementor-element elementor-element-1cea2d91 e-con-full e-flex e-con e-child\" data-id=\"1cea2d91\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f6b409a elementor-widget elementor-widget-text-editor\" data-id=\"2f6b409a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The Messages sections controls the style of the any messages shown to visitors after they submit a form:<\/p>\n<ul>\n<li><strong>Typography<\/strong>: Determine the size and type of the font used in the message.<\/li>\n<li><strong>Success Message Color<\/strong>: Set the color of the message if the visitor&#8217;s form was sent to the website owner. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li><strong>Error Message Color<\/strong>:\u00a0 Set the color of the message if the visitor&#8217;s form was not sent to the website owner. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li><strong>Inline Message Color<\/strong>: This is only relevant if you chose to display custom messages. Some custom messages appear within the form itself, these are called inline messages and this setting determines their color.\u00a0<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-15207751455\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-15207751455\" data-tab-index=\"5\" style=\"--n-tabs-title-order: 5;\" class=\" elementor-element elementor-element-1de5f45e e-con-full e-flex e-con e-child\" data-id=\"1de5f45e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f9c51d2 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"1f9c51d2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"319\" height=\"799\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Steps.jpg\" class=\"attachment-large size-large wp-image-42514\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Steps.jpg 319w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/Style-tab-Steps-120x300.jpg 120w\" sizes=\"(max-width: 319px) 100vw, 319px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79631e73 elementor-widget elementor-widget-n-accordion\" data-id=\"79631e73\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2030\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2030\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Steps <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2030\" class=\"elementor-element elementor-element-1480f1e8 e-con-full e-flex e-con e-child\" data-id=\"1480f1e8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8520bf elementor-widget elementor-widget-text-editor\" data-id=\"f8520bf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Steps are only relevant for multistep forms which display to visitors what page of the form they are on. For example,\u00a0 a large <strong>2<\/strong> can indicate to visitors that they are on page two of a form.<\/p>\n<p>The section allows you to design the look and feel of the step display.<\/p>\n<ul>\n<li><strong>Typography<\/strong>: Set the size and style of the font used for the step display.<\/li>\n<li><strong>Spacing<\/strong>: Set the distance between the steps in the step display.<\/li>\n<li><strong>Padding<\/strong>: Determine the amount of space between the step indicators and the body of the form. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/create-space-with-padding-and-margin\/\"><span style=\"font-weight: 400;\">Padding and margins<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2031\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2031\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Inactive <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2031\" class=\"elementor-element elementor-element-5890cf46 e-con-full e-flex e-con e-child\" data-id=\"5890cf46\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29036c05 elementor-widget elementor-widget-text-editor\" data-id=\"29036c05\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Determine the primary and secondary colors of the step display when it is neither selected not completed.<\/p>\n<ul>\n<li><strong>Primary Color<\/strong>: The color of the step indicator. For example, if you are using numbers for your steps, the numbers will be the primary color. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li><strong>Secondary color<\/strong>: The background color of the step indicator. For example, if you are using numbers for your steps, the area surrounding the number will be the secondary color. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2032\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2032\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Active <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2032\" class=\"elementor-element elementor-element-4670772e e-con-full e-flex e-con e-child\" data-id=\"4670772e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bc0d30c elementor-widget elementor-widget-text-editor\" data-id=\"1bc0d30c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Determine the primary and secondary colors of the step display that the visitor is on.<\/p>\n<ul>\n<li><strong>Primary Color<\/strong>: The color of the step indicator. For example, if you are using numbers for your steps, the numbers will be the primary color. <span>For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span>Choose a color<\/span><\/a><span> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span>Use global fonts and colors<\/span><\/a><span>.<\/span><\/li>\n<li><strong>Secondary color<\/strong>: The background color of the step indicator. For example, if you are using numbers for your steps, the area surrounding the number will be the secondary color. <span style=\"font-weight: 400;\">For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/choose-color\/\"><span style=\"font-weight: 400;\">Choose a color<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/elementor.com\/help\/how-do-i-use-global-fonts-and-colors\/\"><span style=\"font-weight: 400;\">Use global fonts and colors<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2033\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2033\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Divider Width <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2033\" class=\"elementor-element elementor-element-582c16ce e-con-full e-flex e-con e-child\" data-id=\"582c16ce\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7959aecc elementor-widget elementor-widget-text-editor\" data-id=\"7959aecc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Use the slider to determine the width of the\u00a0 horizontal line between the individual steps.\u00a0 Setting this to zero means there is not horizontal line.\u00a0\u00a0<\/p>\n<p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2034\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2034\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Divider Gap <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2034\" class=\"elementor-element elementor-element-1dd29013 e-con-full e-flex e-con e-child\" data-id=\"1dd29013\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d042c9e elementor-widget elementor-widget-text-editor\" data-id=\"4d042c9e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Use the slider to determine the amount of space between the step indicators and the\u00a0 horizontal line between steps. Only applicable if there is a horizontal line.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3810a1b6 e-flex e-con-boxed e-con e-parent\" data-id=\"3810a1b6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4779a8e6 elementor-widget elementor-widget-heading\" data-id=\"4779a8e6\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Advanced tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4eb79ce0 elementor-widget elementor-widget-text-editor\" data-id=\"4eb79ce0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"sc-jMbUWg fdTPyi\">Control the placement of your widget, insert links, add custom code and more.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38fe556 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"38fe556\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"59762006\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-597620061\" data-tab-title-id=\"e-n-tab-title-597620061\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-597620061\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tAdvanced\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-597620061\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-597620061\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-3e2ab021 e-con-full e-flex e-con e-child\" data-id=\"3e2ab021\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88a52db elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"88a52db\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"777\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Advanced-tab.jpg\" class=\"attachment-large size-large wp-image-41610\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Advanced-tab.jpg 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/10\/Advanced-tab-116x300.jpg 116w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8a1a37 elementor-widget elementor-widget-n-accordion\" data-id=\"b8a1a37\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1930\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1930\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Advanced <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1930\" class=\"elementor-element elementor-element-4c360f39 e-con-full e-flex e-con e-child\" data-id=\"4c360f39\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fd768d4 elementor-widget elementor-widget-text-editor\" data-id=\"4fd768d4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Learn more about the <a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\">Advanced tab settings<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d903a95 e-flex e-con-boxed e-con e-parent\" data-id=\"4d903a95\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bcee7e elementor-widget elementor-widget-heading\" data-id=\"7bcee7e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Field types<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-449529e elementor-widget elementor-widget-text-editor\" data-id=\"449529e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Text<\/strong> : A simple text field. For example, a name.<\/p>\n<p><strong>Email<\/strong>: Must be a valid email address.\u00a0<\/p>\n<p><strong>Textarea<\/strong>: Allows visitors to submit multiline text, commonly used for capturing longer pieces of information such as comments or messages.<\/p>\n<p><strong>URL<\/strong>: Must be a web address.<\/p>\n<p><strong>Tel<\/strong>: Must be a telephone number.<\/p>\n<p><strong>Radio<\/strong>: Add a graphical control element that allows visitors to choose only one option from a predefined set of options. or more details, see <a href=\"https:\/\/elementor.com\/help\/custom-labels-values-in-select-radio-and-checkbox-form-fields\/\">Custom labels &amp; values in Select, Radio and Checkbox form fields<\/a>.<\/p>\n<p><strong>Select<\/strong>: Create a dropdown menu with a list of options. Can be set to select multiple options. For more details, see <a href=\"https:\/\/elementor.com\/help\/custom-labels-values-in-select-radio-and-checkbox-form-fields\/\">Custom labels &amp; values in Select, Radio and Checkbox form fields<\/a>.<\/p>\n<p><strong>Checkbox<\/strong>: Add a graphical user interface element that allows users to select or deselect a specific option independently from others. or more details, see <a href=\"https:\/\/elementor.com\/help\/custom-labels-values-in-select-radio-and-checkbox-form-fields\/\">Custom labels &amp; values in Select, Radio and Checkbox form fields<\/a>.<\/p>\n<p><strong>Acceptance<\/strong>: Add a field that combines a text area for acceptance text and a checkbox for visitors to agree to the acceptance text.\u00a0<\/p>\n<p><strong>Number<\/strong>: A field that will only accept numbers.<\/p>\n<p><strong>Date<\/strong>: Add a date picker to the field. Will only accept dates.\u00a0<\/p>\n<p><strong>Time<\/strong>: Add a time picker to the field. Will only accept times.<\/p>\n<p><strong>File Upload<\/strong>: Allows visitors to send files to the website owner. There are three options for uploading files:<\/p>\n<ul>\n<li><strong>Email with link:<\/strong>\u00a0Keeps a copy of the document on the server which makes it easier to track but is less secure.<\/li>\n<li><strong>Email with attachment:<\/strong> Sends the document to the website owner the document by email without saving a copy to the server. Makes the document more difficult to track but more secure.<\/li>\n<li><strong>Email with both<\/strong>\u00a0<\/li>\n<\/ul>\n<p><strong>Password<\/strong>: Create a password field. When users enter information it is hidden unless they choose otherwise.\u00a0<\/p>\n<p><strong>HTML<\/strong>: Let&#8217;s you customize your form by adding your own HTML code.\u00a0<\/p>\n<p><strong>Hidden<\/strong>: Add a field that visitors cannot see but the website owner can.\u00a0<\/p>\n<p><strong>reCAPTCHA<\/strong>: Add a reCAPTCHA field to help prevent bots from submitting fake forms. reCAPTCHA fields weed out bots by requiring visitors to identify words or objects.<\/p>\n<p><strong>reCAPTCHA V3<\/strong>: Add a reCAPTCHA v3 field to help prevent bots from submitting fake forms. reCAPTCHA v3 fields weed out bots by analyzing visitor behavior on the page.<\/p>\n<p><strong>Honeypot<\/strong>: Adds a Honeypot to your form. A honeypot is a hidden field designed as a decoy for spambots that are filling out forms. Humans won\u2019t see the field, so they won\u2019t fill it out. Because a bot cannot tell that the field is hidden, it will fill it out. If a honeypot field is not empty upon submission, the form is obviously a bot-filled spam submission and will be automatically rejected.<\/p>\n<p><strong>Step<\/strong>: Adds a page to the form, similar to the way a page break is used to start a new page.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ef83cb e-flex e-con-boxed e-con e-parent\" data-id=\"9ef83cb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5eb0d6 elementor-widget elementor-widget-shortcode\" data-id=\"e5eb0d6\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"page\" data-elementor-id=\"50315\" class=\"elementor elementor-50315\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4662c5e3 e-flex e-con-boxed e-con e-parent\" data-id=\"4662c5e3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bb15bb1 elementor-widget elementor-widget-text-editor\" data-id=\"6bb15bb1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<p><div class=\"hbox callout-default\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong><\/strong>\n                    <div class=\"hcontent\">Still need help creating the perfect form? Check out <a href=\"https:\/\/elementor.com\/help\/form-integration-service\/\">Elementor Premium Services<\/a> for expert advice.<\/div>\n                <\/div>\n            <\/div>\u00a0\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Add the widget Add the widget to the canvas To access and use a widget: In Elementor Editor, click +. All available widgets are displayed. Click or drag the widget to the canvas. For more information, see Add elements to a page. To access and use a widget: In Elementor Editor, click +. All available [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1440],"tags":[1389,1388,1387,1390,1398,1235],"class_list":["post-42355","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Form widget | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Form widget 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\/form-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Form widget | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Form widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/form-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-22T08:28:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-16T15:29:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"132\" \/>\n\t<meta property=\"og:image:height\" content=\"87\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"44 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/form-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/form-widget\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Form widget\",\"datePublished\":\"2023-11-22T08:28:28+00:00\",\"dateModified\":\"2024-12-16T15:29:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/form-widget\/\"},\"wordCount\":8786,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/form-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/form-widget\/\",\"url\":\"https:\/\/elementor.com\/help\/form-widget\/\",\"name\":\"Form widget | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/form-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/form-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg\",\"datePublished\":\"2023-11-22T08:28:28+00:00\",\"dateModified\":\"2024-12-16T15:29:00+00:00\",\"description\":\"Learn everything about Form widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/form-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/form-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/form-widget\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg\",\"width\":132,\"height\":87},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/form-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Form widget\"}]},{\"@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\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Form widget | Elementor","description":"Learn everything about Form widget 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\/form-widget\/","og_locale":"en_US","og_type":"article","og_title":"Form widget | Elementor","og_description":"Learn everything about Form widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/form-widget\/","og_site_name":"Help","article_published_time":"2023-11-22T08:28:28+00:00","article_modified_time":"2024-12-16T15:29:00+00:00","og_image":[{"width":132,"height":87,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg","type":"image\/jpeg"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"44 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/form-widget\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/form-widget\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Form widget","datePublished":"2023-11-22T08:28:28+00:00","dateModified":"2024-12-16T15:29:00+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/form-widget\/"},"wordCount":8786,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/form-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro"],"articleSection":["Advanced functionality"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/form-widget\/","url":"https:\/\/elementor.com\/help\/form-widget\/","name":"Form widget | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/form-widget\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/form-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg","datePublished":"2023-11-22T08:28:28+00:00","dateModified":"2024-12-16T15:29:00+00:00","description":"Learn everything about Form widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/form-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/form-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/form-widget\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/11\/The-form-widget-icon.jpg","width":132,"height":87},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/form-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Form widget"}]},{"@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\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/42355","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=42355"}],"version-history":[{"count":302,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/42355\/revisions"}],"predecessor-version":[{"id":58080,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/42355\/revisions\/58080"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=42355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=42355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=42355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}