{"id":2442,"date":"2021-12-13T10:25:40","date_gmt":"2021-12-13T10:25:40","guid":{"rendered":"https:\/\/helptest.mainbrainer.com\/knowledge-base\/email-nps-widget\/"},"modified":"2022-06-09T11:17:40","modified_gmt":"2022-06-09T11:17:40","slug":"email-nps-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.mainbrainer.com\/hc\/email\/creator\/nps\/","title":{"rendered":"Email NPS Widget"},"content":{"rendered":"<div class=\"aricle_container\">\n<p>The <strong>NPS&nbsp;<\/strong>widget helps you add an NPS survey form to your Email campaign. <a href=\"\/hc\/a-z-guide\/nps-insights\/\" target=\"_blank\" rel=\"noopener noreferrer\">Net Promoter Score (NPS)<\/a> is a globally recognized and widely accepted metric that helps you measure your customers\u2019 loyalty and satisfaction.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h2 id=\"how-to-use-an-nps-widget-in-an-email-campaign\">How to use an NPS Widget in an Email Campaign?<\/h2>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3 id=\"step-1\">Step 1<\/h3>\n<h3 id=\"navigate-to-the-email-creator\">Navigate to the Email Creator<\/h3>\n<p>Use the <strong>Main Menu<\/strong> on the left to expand the <strong>Create<\/strong> menu, and click <strong>Email<\/strong> to <a href=\"\/hc\/email\/creator\/how-to-create-email\/\" target=\"_blank\" rel=\"noopener noreferrer\">navigate to the Email Creator<\/a>.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3 id=\"step-2\">Step 2<\/h3>\n<h3 id=\"add-an-nps-widget-to-your-email\">Add an NPS widget to your Email<\/h3>\n<p>The blank area on the left is the <strong>Work area<\/strong> where you design your Email, and the area on the right is the Tools area where all the available design elements are displayed as <a href=\"\/hc\/email\/creator\/widgets\/\" target=\"_blank\" rel=\"noopener noreferrer\">Widgets<\/a>.<\/p>\n<p>In order to add an NPS survey form to your Email, click the <strong>NPS<\/strong> widget or drag and drop the <strong>NPS<\/strong> widget onto the work area.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2062\" title=\"Email NPS widget\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-creator-net-performance-score.png\" alt=\"Email creator, the NPS widget is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 24px 0;\"><\/div>\n<h3 id=\"step-3\">Step 3<\/h3>\n<h3 id=\"edit-the-nps-widget-texts-to-customize-your-nps-form\">Edit the NPS widget texts to customize your NPS form<\/h3>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2064\" title=\"Email NPS settings\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-nps-widget-settings.png\" alt=\"Email creator, NPS widget. The NPS widget settings tab is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p>Once you drop the widget into the work area, the widget <strong>Settings&nbsp;<\/strong>are displayed on the right <em>(as highlighted in the screenshot above).<\/em><\/p>\n<p><strong>Here\u2019s what the different sections in the settings mean:<\/strong><\/p>\n<h4 id=\"3-1-nps-standard-question-text\"><strong>3.1 NPS Standard Question Text<\/strong><\/h4>\n<p>Use this section to customize the text of your NPS survey question.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4 id=\"3-2-nps-text\"><strong>3.2 NPS Text<\/strong><\/h4>\n<p>Use this section to:<\/p>\n<ul style=\"list-style-type: circle;\">\n<li>Specify the pointer texts that you wish to display below the extreme ratings (0, 10).<\/li>\n<li>Select the Landing page that you want to use as a thank you page. The customer will be redirected to this Landing page when they submit the survey.<\/li>\n<li>Add a follow-up question to your NPS form by clicking the checkbox \u2013 <strong>Enable Follow-up Question<\/strong>, or click the checkbox <strong>Enable Default<\/strong> to enable default settings.<\/li>\n<li>If you choose to <strong>Enable default<\/strong>, a follow-up question will be displayed only if a customer enters a rating of 6 or less. But if you choose to <strong>E<\/strong><strong>nable Follow-up Question<\/strong>, the follow-up question will be visible regardless of the customer\u2019s rating.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<blockquote class=\"elevio-box-info\"><p>We recommend that you always enable a follow-up question for your NPS survey. Doing so helps you seek additional comments\/remarks from your customers. These customer comments can provide valuable insights into your customers\u2019 pain points and expectations from your brand.<\/p><\/blockquote>\n<div style=\"padding: 14px 0;\"><\/div>\n<h3 id=\"step-4\">Step 4<\/h3>\n<h3 id=\"style-your-nps-survey\">Style your NPS survey<\/h3>\n<p>Use the options under the <strong>Style<\/strong> tab to customize the look and feel of the NPS survey.<\/p>\n<div style=\"padding: 14px 0;\"><\/div>\n<p><img decoding=\"async\" class=\"alignnone wp-image-2065\" title=\"Email NPS style\" src=\"https:\/\/www.mainbrainer.com\/hc\/wp-content\/uploads\/2021\/11\/email-nps-widget-styling.png\" alt=\"Email creator, NPS widget. The NPS widget style tab is highlighted\" width=\"640\"><\/p>\n<div style=\"padding: 20px 0;\"><\/div>\n<p><strong>The different design options available are:<\/strong><\/p>\n<h4 id=\"4-1-nps-font-settings-and-background-color\"><strong>4.1 NPS Font settings and Background color<\/strong><\/h4>\n<ul style=\"list-style-type: circle;\">\n<li><strong>Widget background color<\/strong> \u2013 use it to change the color of the widget background. You can also choose to make the Widget Background Transparent.<\/li>\n<li>Button <strong>Background Color<\/strong> \u2013 use it to change the background color of submit button.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4 id=\"4-2-nps-box-style\"><strong>4.2 NPS Box Style<\/strong><\/h4>\n<ul style=\"list-style-type: circle;\">\n<li class=\"aricle_container\">Use this section to customize the <strong>Text Color<\/strong> and the <strong>Background Color<\/strong> for the rating scale displayed in the <strong>NPS&nbsp;<\/strong>widget.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4 id=\"4-3-button-text-style\"><strong>4.3 Button Text Style<\/strong><\/h4>\n<ul style=\"list-style-type: circle;\">\n<li>Use this section to customize the <strong>Fonts\u2019&nbsp;<\/strong><strong>Color, Size, Family, and Weight<\/strong> used in the <strong>NPS<\/strong> widget.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<h4 id=\"4-4-nps-setting\"><strong>4.4 NPS Setting<\/strong><\/h4>\n<ul style=\"list-style-type: circle;\">\n<li>Use this section to specify the alignment of the <strong>Submit&nbsp;<\/strong>button as you prefer.<\/li>\n<\/ul>\n<div style=\"padding: 14px 0;\"><\/div>\n<p>Click <strong>Save&nbsp;<\/strong>and that\u2019s it!<\/p>\n<p>You have successfully added an <strong>NPS survey<\/strong> form to your Email!<\/p>\n<p>Let\u2019s proceed, and have a look at how to add a <strong>CTA button&nbsp;<\/strong>to an Email campaign using the <a href=\"\/hc\/email\/creator\/button\/\" target=\"_blank\" rel=\"noopener noreferrer\">Button Widget<\/a>!<\/p>\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<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The NPS widget helps you add an NPS survey form to your Email campaign.<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"open","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":[228],"ht-kb-tag":[],"class_list":["post-2442","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-email-creator"],"_links":{"self":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/comments?post=2442"}],"version-history":[{"count":11,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2442\/revisions"}],"predecessor-version":[{"id":9517,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb\/2442\/revisions\/9517"}],"wp:attachment":[{"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/media?parent=2442"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb-category?post=2442"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mainbrainer.com\/hc\/wp-json\/wp\/v2\/ht-kb-tag?post=2442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}