{"id":11457,"date":"2022-05-27T09:39:48","date_gmt":"2022-05-27T09:39:48","guid":{"rendered":"https:\/\/www.mainbrainer.com\/hc\/knowledge-base\/survey-page-section-widget\/"},"modified":"2022-11-23T12:06:02","modified_gmt":"2022-11-23T12:06:02","slug":"survey-page-section-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/survey\/creator\/section\/","title":{"rendered":"Survey Page Section Widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p>The <strong>Section<\/strong> widget helps you add distinct sections to your survey. You can drop any number of widgets onto a section. You can then move and rearrange the section as a single unit. Also, when you duplicate a section, it will be duplicated as a whole, i.e., including all the widgets inside it.<\/p>\n<blockquote class=\"elevio-box-success\"><p><strong>For example<\/strong>, you can use the Section widget to create templates with predefined headers and footer sections. The content sections can then be added to the survey as per your design preferences.<\/p><\/blockquote>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2>How to Use a Section Widget in a Survey<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Step 1 &#8211;&nbsp;Navigate to the Survey Creator<\/h3>\n<p>Open the Survey Creator to start <a href=\"\/hc\/en_GB\/survey\/creator\/create\/\" target=\"_blank\" rel=\"noopener\">creating your survey<\/a>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1808 size-full\" title=\"Survey Creator Area\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/11\/section-widget-survey-creator.png\" alt=\"Survey creation. Survey Creator Area is visible\" width=\"1153\" height=\"760\"><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3>Step 2 &#8211;&nbsp;Add a Section Widget to your survey<\/h3>\n<p>To add a section to your survey, drag and drop the <strong>Section<\/strong> widget to the work area.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1808 size-full\" title=\"Survey Section Widget\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/06\/survey-section-widget.png\" alt=\"Survey Widget section. Section Widget is highlighted\" width=\"480\" height=\"760\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Step 3 \u2013 Design the space as required!<\/h3>\n<p>Once you drop the widget in the work area, you\u2019ll see the widget settings on the right side.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1810\" title=\"Survey section style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/06\/survey-section-styling.png\" alt=\"Survey section. The style tab is highlighted\" width=\"1556\" height=\"905\"><\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p>While there are no particular settings for Section, you can style to customize the section background and click <strong>Save.<\/strong><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3>Step 4 \u2013 Add other functional elements to the section.<\/h3>\n<p>Drag and drop the <a href=\"\/hc\/en_GB\/survey\/creator\/widgets\/\" target=\"_blank\" rel=\"noopener\">widgets<\/a> according to your preferences in this section \u2013 a text\/ button\/ image, etc.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1811\" title=\"Survey section elements\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/06\/survey-section-elements.png\" alt=\"Survey section. Elements are added to the workspace\" width=\"1151\" height=\"790\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>And that\u2019s it!<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p>You have successfully added a content section to your survey!<\/p>\n<\/div>\n<style>\n   .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span,.aricle_container<br \/>\n  a{color:#0070ba!important}.aricle_container li,.aricle_container blockquote{font-size:18px!important;    font-weight: 400;<br \/>\n   }<br \/>\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>The Section widget helps you add distinct sections to your survey. You can drop any number of widgets onto a section. You can then move and rearrange the section as a single unit. Also, when you duplicate a section, it will be duplicated as a whole, i.e., including all the [&hellip;]<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"ht-kb-category":[398],"ht-kb-tag":[],"class_list":["post-11457","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-survey-builder-en_gb-2"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/11457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/comments?post=11457"}],"version-history":[{"count":3,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/11457\/revisions"}],"predecessor-version":[{"id":11968,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/11457\/revisions\/11968"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/media?parent=11457"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb-category?post=11457"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb-tag?post=11457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}