{"id":33492,"date":"2025-08-21T11:59:14","date_gmt":"2025-08-21T05:59:14","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=33492"},"modified":"2025-08-21T12:13:09","modified_gmt":"2025-08-21T06:13:09","password":"","slug":"how-to-add-and-use-a-terms-conditions-field-in-ht-contact-form","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/how-to-add-and-use-a-terms-conditions-field-in-ht-contact-form\/","title":{"rendered":"How to Add and Use a Terms &amp; Conditions Field in HT Contact Form"},"content":{"rendered":"\n<p>The Terms & Conditions field allows you to display a customizable agreement checkbox that users must accept before submitting the form. It\u2019s ideal for legal agreements, privacy policies, or service terms. This guide explains how to add the field, customize its content, and apply conditional logic to control when it appears.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add the Terms & Conditions Field<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress Dashboard and navigate to <strong>HT Contact Form > Forms<\/strong>.<\/li>\n\n\n\n<li>Open an existing form or create a new one.<\/li>\n\n\n\n<li>From the left-side field panel, drag and drop the <strong>Terms & Conditions<\/strong> field into your form layout.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"572\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-1024x572.png\" alt=\"\" class=\"wp-image-33495\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-1024x572.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-300x168.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-768x429.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-1536x858.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-360x201.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed.png 1581w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Configuring Field Settings<\/h2>\n\n\n\n<p>Once added, click the field to access its settings under the <strong>Field Settings<\/strong> tab.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Admin Label<\/h4>\n\n\n\n<p>Set an internal label to help identify the field in your form backend.<br><strong>Example:<\/strong> <code>Terms & Conditions<\/code><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Required<\/h4>\n\n\n\n<p>Toggle ON to make this field mandatory for form submission. Users must check the box to proceed.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Content<\/h4>\n\n\n\n<p>Use the built-in rich text editor to customize the message shown next to the checkbox.<br><strong>Example:<\/strong><br><code>By checking this box, you agree to our terms and conditions.<\/code><\/p>\n\n\n\n<p>You can style the content using bold, italic, links, bullet points, and headings (H1\u2013H4).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Field Size<\/h4>\n\n\n\n<p>Choose the width of the field: <strong>Small<\/strong>, <strong>Medium<\/strong>, or <strong>Large<\/strong>.<br><strong>Default:<\/strong> Medium<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Field Class <em>(Optional)<\/em><\/h4>\n\n\n\n<p>Add a custom CSS class if you want to apply custom styles to this field.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Name Attribute<\/h4>\n\n\n\n<p>This is the name used for backend processing and form data handling.<br><strong>Default:<\/strong> <code>terms_and_conditions<\/code><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"641\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-avaialable-settings-1024x641.png\" alt=\"\" class=\"wp-image-33496\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-avaialable-settings-1024x641.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-avaialable-settings-300x188.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-avaialable-settings-768x480.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-avaialable-settings-360x225.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-avaialable-settings.png 1421w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Applying Conditional Logic (Optional)<\/h2>\n\n\n\n<p>You can display the Terms & Conditions field based on user input by enabling conditional logic.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Toggle <strong>Enable Condition<\/strong> to ON.<\/li>\n\n\n\n<li>Select the condition type:\n<ul class=\"wp-block-list\">\n<li><strong>All:<\/strong> All conditions must be true.<\/li>\n\n\n\n<li><strong>Any:<\/strong> At least one condition must be true.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Define the logic using:\n<ul class=\"wp-block-list\">\n<li><strong>Field:<\/strong> Select a field to evaluate (e.g., Job Title)<\/li>\n\n\n\n<li><strong>Condition:<\/strong> Choose the comparison (e.g., equals to)<\/li>\n\n\n\n<li><strong>Value:<\/strong> Specify the target value (e.g., Developer)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click <strong>Add Option<\/strong> to include more rules if needed.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"647\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-logic-1024x647.png\" alt=\"\" class=\"wp-image-33499\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-logic-1024x647.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-logic-300x190.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-logic-768x486.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-logic-360x228.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2025\/08\/ht-contact-form-tearms-and-condition-filed-logic.png 1422w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Example Use Case<\/h3>\n\n\n\n<p>Use the Terms & Conditions field to ensure users agree to your website's terms before submitting their information. Pair it with conditional logic to show the field only when specific criteria are met, such as displaying it only when a user selects \u201cYes\u201d to a consent-related question.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Terms &#038; Conditions field allows you to display a customizable agreement checkbox that users must accept before submitting the form. It\u2019s ideal for legal agreements, privacy policies, or service terms. This guide explains how to add the field, customize its content, and apply conditional logic to control when it appears. How to Add the [&hellip;]<\/p>\n","protected":false},"author":22,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_mi_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[259],"doc_tag":[],"class_list":["post-33492","docs","type-docs","status-publish","hentry","doc_category-ht-contact-forms"],"acf":[],"year_month":"2025-11","word_count":377,"total_views":"138","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Saidul","author_nicename":"saidul","author_url":"https:\/\/hasthemes.com\/author\/saidul\/"},"doc_category_info":[{"term_name":"HT Contact Forms","term_url":"https:\/\/hasthemes.com\/docs-category\/ht-contact-forms\/"}],"doc_tag_info":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"htmega_size_585x295":false,"htmega_size_1170x536":false,"htmega_size_396x360":false,"betterdocs-category-thumb":false},"uagb_author_info":{"display_name":"Saidul","author_link":"https:\/\/hasthemes.com\/author\/saidul\/"},"uagb_comment_info":0,"uagb_excerpt":"The Terms & Conditions field allows you to display a customizable agreement checkbox that users must accept before submitting the form. It\u2019s ideal for legal agreements, privacy policies, or service terms. This guide explains how to add the field, customize its content, and apply conditional logic to control when it appears. How to Add the&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=33492"}],"version-history":[{"count":6,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33492\/revisions"}],"predecessor-version":[{"id":33501,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/33492\/revisions\/33501"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=33492"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=33492"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=33492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}