{"id":23889,"date":"2024-07-01T16:59:32","date_gmt":"2024-07-01T10:59:32","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=23889"},"modified":"2024-07-01T16:59:32","modified_gmt":"2024-07-01T10:59:32","password":"","slug":"repeater-field-of-cf7-extensions","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/repeater-field-of-cf7-extensions\/","title":{"rendered":"Repeater Field of CF7 Extensions"},"content":{"rendered":"\n<p>If you ever need to add any repeatable fields to your contact form, the &#8220;<strong>Repeater Field<\/strong>&#8221; extension is the way to go.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to add Repeatable Fields on Contact Form 7 | Contact Form 7 Repeater Fields | Tutorial Part: 3\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/M4eUX3tm9Iw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Enable The Repeater Field Extensions<\/h2>\n\n\n\n<p>To enable the &#8220;<strong>Repeater Field<\/strong>&#8221; extension, go to &#8220;<strong>HT CF7 Menu<\/strong>&#8221; from your WordPress dashboard and open the &#8220;<strong>Extensions<\/strong>&#8221; tab. Then turn on the switcher option for the &#8220;<strong>Repeater Field<\/strong>&#8221; extension and save the settings.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"394\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-repeater-field-1024x394.png\" alt=\"\" class=\"wp-image-23893\" style=\"width:1024px;height:auto\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-repeater-field-1024x394.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-repeater-field-300x115.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-repeater-field-768x296.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-repeater-field-360x139.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/enable-repeater-field.png 1517w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Enabling Repeater Field<\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Configure the Repeater Field<\/h2>\n\n\n\n<p>Like other extensions, enabling the &#8220;<strong>Repeater Field<\/strong>&#8221; extension will add a new tag named &#8220;<strong>HT Repeater Field<\/strong>&#8221; on the form edit screen. You can see the tag when you try to edit an existing form or create a new one. If you click the tag, a popup will appear prompting you to configure the field by setting up a name of it.<\/p>\n\n\n\n<p>After entering a name, click the &#8220;<strong>Insert Tag<\/strong>&#8221; button to add the repeatable field to your form.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/insert-tag-1024x483.png\" alt=\"\" class=\"wp-image-23894\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/insert-tag-1024x483.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/insert-tag-300x141.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/insert-tag-768x362.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/insert-tag-1536x724.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/insert-tag-360x170.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/insert-tag.png 1622w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Inserting Repeater Tag<\/strong><\/figcaption><\/figure>\n\n\n\n<p>Now to make a field repeatable, here is what you need to do:<\/p>\n\n\n\n<p>Choose a field you want to make repeatable and place its corresponding code within the repeater field tag.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/add-repeater-field-1024x497.png\" alt=\"\" class=\"wp-image-23896\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/add-repeater-field-1024x497.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/add-repeater-field-300x146.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/add-repeater-field-768x373.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/add-repeater-field-1536x745.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/add-repeater-field-360x175.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/add-repeater-field.png 1603w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">After completing the setup of the Repeater Field Extension<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/03\/repeater.mp4\"><\/video><\/figure>\n\n\n\n<p>After the repeater field extension added on the form then you can see the repeater field on the form. Users can insert the value as they wish. They can give one and more than two if they want.<\/p>\n\n\n\n<p>After you have added a repeater field to your form, it will show a field like the &#8220;<strong>Additional Information<\/strong>&#8221; you see in the screenshot above. Users can click the &#8220;<strong>Add<\/strong>&#8221; button to repeat the same field and add as many values as they need.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>If you ever need to add any repeatable fields to your contact form, the &#8220;Repeater Field&#8221; extension is the way to go. Enable The Repeater Field Extensions To enable the &#8220;Repeater Field&#8221; extension, go to &#8220;HT CF7 Menu&#8221; from your WordPress dashboard and open the &#8220;Extensions&#8221; tab. Then turn on the switcher option for the [&hellip;]<\/p>\n","protected":false},"author":17,"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":[253],"doc_tag":[],"class_list":["post-23889","docs","type-docs","status-publish","hentry","doc_category-cf7-extensions"],"acf":[],"year_month":"2025-11","word_count":282,"total_views":"1047","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ashim Kumar","author_nicename":"ashim-ht","author_url":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"doc_category_info":[{"term_name":"CF7 Extensions","term_url":"https:\/\/hasthemes.com\/docs-category\/cf7-extensions\/"}],"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":"Ashim Kumar","author_link":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"uagb_comment_info":0,"uagb_excerpt":"If you ever need to add any repeatable fields to your contact form, the &#8220;Repeater Field&#8221; extension is the way to go. Enable The Repeater Field Extensions To enable the &#8220;Repeater Field&#8221; extension, go to &#8220;HT CF7 Menu&#8221; from your WordPress dashboard and open the &#8220;Extensions&#8221; tab. Then turn on the switcher option for the&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/23889","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\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=23889"}],"version-history":[{"count":10,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/23889\/revisions"}],"predecessor-version":[{"id":27341,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/23889\/revisions\/27341"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=23889"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=23889"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=23889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}