{"id":11513,"date":"2022-05-24T10:53:55","date_gmt":"2022-05-24T10:53:55","guid":{"rendered":"https:\/\/www.mainbrainer.com\/hc\/knowledge-base\/survey-builder-widgets\/"},"modified":"2022-11-23T11:29:45","modified_gmt":"2022-11-23T11:29:45","slug":"survey-builder-widgets","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/survey\/creator\/widgets\/","title":{"rendered":"Survey Creator Widgets"},"content":{"rendered":"<div class=\"aricle_container\">\n<p>The <strong>Survey Creator Widgets<\/strong> offer you all the design elements you might need to <a href=\"\/hc\/en_GB\/survey\/creator\/create\/\" target=\"_blank\" rel=\"noopener\">create a survey<\/a>.<\/p>\n<p>Let&#8217;s look at the different <strong>widgets&nbsp;<\/strong>available and the purpose they serve.<\/p>\n<p><strong>Before we proceed, here\u2019s a quick look at what our Survey Creator looks like:<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1720\" title=\"Survey creator editor\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/11\/survey-creator-editor.png\" alt=\"MainBrainers free Survey creator editor\" width=\"640\" height=\"901\"><\/p>\n<p>The area marked as the <strong>Work area<\/strong> is where you create your survey. You can build your survey by dragging and dropping the required <strong>widgets<\/strong> from the tools area into the work area.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1722 size-full\" title=\"Survey widgets\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2022\/11\/widgets-survey-creator.png\" alt=\"The survey creator different widgets\" width=\"600\" height=\"770\"><\/p>\n<p>Let\u2019s now look at the different widgets available and the design purpose they serve!<\/p>\n<h2>1. Question Widget<\/h2>\n<p><a href=\"\/hc\/en_GB\/survey\/creator\/question\/\" target=\"_blank\" rel=\"noopener\">Question Widget<\/a> is the soul of your survey. Without this widget, you cannot create a survey. It contains six different types of question buttons that you can use to create the perfect survey. These buttons are namely:<\/p>\n<ul>\n<li>Radio button<\/li>\n<li>Check Boxes<\/li>\n<li>Open Text<\/li>\n<li>Drop down, Select one<\/li>\n<li>Matrix (single choice)<\/li>\n<li>Matrix (Multiple choice)<\/li>\n<\/ul>\n<h2>2. Previous\/Next Widget<\/h2>\n<p><a href=\"\/hc\/en_GB\/survey\/creator\/previous-next-button\/\" target=\"_blank\" rel=\"noopener\">Previous\/Next Widget<\/a> allows you to let your target audience toggle between different pages in your survey form. You can add Previous\/Next page buttons under your survey form.<\/p>\n<h2>3. Progress Bar<\/h2>\n<p>The <a href=\"\/hc\/en_GB\/survey\/creator\/progress-bar\/\" target=\"_blank\" rel=\"noopener\">Progress Bar widget<\/a> helps you add an animated Progress Bar to your landing page. It shows how much survey your target audience has completed.<\/p>\n<h2>4. Text Widget<\/h2>\n<p>The <a href=\"\/hc\/en_GB\/survey\/creator\/text\/\" target=\"_blank\" rel=\"noopener\">Text widget<\/a> lets you add text (including special characters and emoticons) to your survey and format the text according to your design.<\/p>\n<h2>5. Image Widget<\/h2>\n<p>The <a href=\"\/hc\/en_GB\/survey\/creator\/image\/\" target=\"_blank\" rel=\"noopener\">Image widget<\/a> is used for adding images to your survey. You can also hyperlink the image to an external web link.<\/p>\n<h2>6. Image + Text<\/h2>\n<p>The <a href=\"\/hc\/en_GB\/survey\/creator\/image-text\/\" target=\"_blank\" rel=\"noopener\">Image + Text widget<\/a> is used for adding an image and text combination to your survey. You can edit the text\u2019s relative position with respect to the image according to your design requirements.<\/p>\n<h2>7. Button Widget<\/h2>\n<p>The <a href=\"\/hc\/en_GB\/survey\/creator\/button-action\/\" target=\"_blank\" rel=\"noopener\">Button widget<\/a> adds a clickable button to your survey. You can configure various click actions for the button, like redirecting the clicks to an external web URL, a landing page, or trigger a file-download, etc.<\/p>\n<h2>8. Video Widget<\/h2>\n<p>The <a href=\"\/hc\/en_GB\/survey\/creator\/video\/\" target=\"_blank\" rel=\"noopener\">Video widget<\/a> is used to add a video to your survey. Currently, we support video addition via Youtube, Vimeo, and direct uploads.<\/p>\n<h2>9. Section Widget<\/h2>\n<p>If you wish to add a horizontal design element to your survey that merges with and transcends across the background space, use the <a href=\"\/hc\/en_GB\/survey\/creator\/section\/\" target=\"_blank\" rel=\"noopener\" data-wplink-edit=\"true\">Section widget<\/a> to do so. This widget adds a uniform colored\/transparent row on your survey. You can then drag and drop the required widget onto this row.<\/p>\n<h2>10. Spacer Widget<\/h2>\n<p>The <a href=\"\/hc\/en_GB\/survey\/creator\/spacer\/\" target=\"_blank\" rel=\"noopener\">Spacer widget<\/a> is used for adding a negative space between two widgets. Negative space allows you to create focus areas in your survey and make them easier to read and visually attractive.<\/p>\n<h2>11. Columns Widget<\/h2>\n<p>The <a href=\"\/hc\/en_GB\/survey\/creator\/columns\/\" target=\"_blank\" rel=\"noopener\">Columns widget<\/a> lets you split the work area into columns. You have the option of splitting the workspace into two, three, or four columns. Then, you can proceed to drag and drop any other widget onto the columns.<\/p>\n<h2>12. Share Widget<\/h2>\n<p>Use the <a href=\"\/hc\/en_GB\/survey\/creator\/social\/\" target=\"_blank\" rel=\"noopener\">Social widget<\/a> to add social media profile links to your survey. You can add links to your Facebook page, Instagram profile, Twitter handle, Youtube channel, and LinkedIn profiles using this widget.<\/p>\n<h2>13. Signup Form Widget<\/h2>\n<p>The <a href=\"\/hc\/en_GB\/survey\/creator\/signupform\/\" target=\"_blank\" rel=\"noopener\">Signup Form Widget<\/a> is used to add a signup form to the survey. The data captured via this signup form is auto-updated in the CRM in accordance with our platform\u2019s data import rules.<\/p>\n<\/div>\n<style>\n  .aricle_container p,.aricle_container li{color: rgba(0,0,0,.8)!important}  .aricle_container span{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 Survey Creator Widgets offer you all the design elements you might need to create a survey. Let&#8217;s look at the different widgets&nbsp;available and the purpose they serve. Before we proceed, here\u2019s a quick look at what our Survey Creator looks like: The area marked as the Work area is [&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-11513","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\/11513","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=11513"}],"version-history":[{"count":3,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/11513\/revisions"}],"predecessor-version":[{"id":11960,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb\/11513\/revisions\/11960"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/media?parent=11513"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb-category?post=11513"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/en_GB\/wp-json\/wp\/v2\/ht-kb-tag?post=11513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}