{"id":17346,"date":"2024-01-29T04:54:27","date_gmt":"2024-01-29T04:54:27","guid":{"rendered":"https:\/\/qualaroo.com\/blog\/?p=17346"},"modified":"2026-04-03T12:02:19","modified_gmt":"2026-04-03T12:02:19","slug":"how-to-embed-a-survey-in-a-website","status":"publish","type":"post","link":"https:\/\/web-staging.qualaroo.com\/blog\/how-to-embed-a-survey-in-a-website\/","title":{"rendered":"How to Add a Survey to Your Website: Complete Guide (With Code, Placements &#038; Real Examples)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Adding a survey to your website takes less than 15 minutes. Pick a survey tool, build a 1 to 5 question survey, copy the embed code, paste it into your page or CMS, set a trigger, and you are live.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>In this guide, you\u2019ll learn how to:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Place surveys on specific pages tied to a goal, not site-wide<\/li><li>Set triggers based on behavior (scroll depth, exit intent, success event), never on page load<\/li><li>Keep surveys to 1 to 5 questions; mobile audiences need 1 to 3<\/li><li>Load third-party survey scripts with async or defer to protect Core Web Vitals<\/li><li>Wait for at least 50 responses before drawing any conclusions<\/li><li>You are the Data Controller under GDPR; your survey tool is the Processor<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I\u2019ll cover how to do each step correctly so you collect useful feedback, not noise.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s begin!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_Add_a_Survey_to_Your_Website_Step_by_Step\"><\/span><strong>How to Add a Survey to Your Website: Step by Step<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div style=\"background: #e8f4fd; border-left: 4px solid #0073aa; padding: 18px 20px; margin-bottom: 28px; border-radius: 0 4px 4px 0; font-size: 16px; line-height: 1.75;\">\n<p style=\"margin: 0; color: #333333;\">Adding a survey to your website is the process of embedding interactive questionnaires or feedback forms directly into your web pages. This allows you to collect valuable user opinions, preferences, and insights in real-time while visitors are actively browsing. Surveys help improve user experience, understand customer needs, measure satisfaction, and gather data to make informed business decisions.\n<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><em>The fastest path from zero to live survey on your website, done correctly.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most guides skip straight to &#8220;paste the code.&#8221; That works until you realize you are getting 11 responses, no one is finishing the survey, and the data is pointing in five directions at once. Here is how to do it right.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I am using <a href=\"https:\/\/qualaroo.com\/\">Qualaroo<\/a> throughout because it lets non-technical teams deploy targeted, behavior-triggered surveys without touching the codebase.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Install the JavaScript Snippet<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Most survey platforms work by adding a lightweight script to your site. You do this once, and it covers every survey you deploy going forward.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inside Qualaroo:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to the dashboard<\/li><li>Click Install Code<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"324\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/app.qualaroo.com_PP-3-1024x324.png\" alt=\"Installing the JavaScript Snippet on Qualaroo\" class=\"wp-image-24160\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Select Paste Code in Website Source Code<\/li><li>Copy the generated JavaScript<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">This is how the code will look:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/ChatGPTImageMar12202601_25_23P-1024x683.jpeg\" alt=\"Paste Code in Website Source Code\" class=\"wp-image-24166\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Performance tip:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Place scripts near &lt;\/body&gt; so they do not block page rendering<\/li><li>Use async loading if your tool supports it<\/li><li>Test site speed before and after installation using PageSpeed Insights<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Third-party scripts can affect load time. A 300ms slowdown sounds minor until it starts moving your Core Web Vitals scores. Always verify after install.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Create Your Survey<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once the script is installed, build the actual survey inside the dashboard. The script is already on your site waiting to fire. Now you are telling it what to show.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inside the dashboard:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Click Create a Nudge<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/app.qualaroo.com_PP-1-2-1024x520.png\" alt=\"Creating a Nudge on Qualaroo\" class=\"wp-image-24167\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Choose a your Nudge Type, which in our case would be <strong>Desktop and Mobile Web Nudge<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"219\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2022\/09\/Screenshot-2026-03-12-112950-1024x219.png\" alt=\"channels in qualaroo to choose for your surveys\" class=\"wp-image-24147\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Select a your <a href=\"https:\/\/qualaroo.com\/templates\/\">survey templates<\/a> such as NPS, CSAT, or exit intent<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"783\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2026\/02\/qualaroo.com_templates_PP-18-2-1024x783.png\" alt=\"microsurvey templates for AI-driven customer engagement\" class=\"wp-image-23921\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Type or tweak your main question. For example:<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u201cHow easy or difficult was it for you to find the information you were looking for?\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"314\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/question-type-qualaroo-1-1024x314.png\" alt=\"questions in qualaroo survey\" class=\"wp-image-24168\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Customize your answer options<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"718\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/app.qualaroo.com_surveys_new_channelwebsurvey_id230976PP-1-1024x718.png\" alt=\"Customize your answer options\" class=\"wp-image-24169\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Keep it short. For most websites:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>1 to 3 questions is the right range<\/li><li>One question per screen keeps completion rates high<\/li><li>Add an optional open text field at the end if you want qualitative context<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Mobile users respond better to tap-friendly scales and simple multiple choice options. If your audience skews mobile, emoji scales and two to three answer options outperform long dropdown lists every time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3: Configure Targeting and Triggers<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/qualaroo.com\/features\/advanced-user-targeting\/\">Advanced targeting<\/a> determines the quality of your insight more than any other. A well-built survey shown to the wrong audience at the wrong moment produces noise. The same survey shown to the right person after the right interaction produces data you can act on.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can define:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Audience Segment:<\/strong> New versus returning users, logged-in versus anonymous, users who have visited more than two pages<\/li><li><strong>Page Targeting:<\/strong> Product pages, pricing pages, checkout, confirmation, or any specific URL<\/li><li><strong>Trigger Timing:<\/strong> 10-second delay, 30-second delay, after X page views<\/li><li><strong>Exit Intent Detection:<\/strong> Fires when the cursor moves toward the browser bar<\/li><li><strong>Scroll-Based Triggers:<\/strong> Fires after the user scrolls 50% or 60% down the page<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"963\" height=\"1024\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2022\/05\/app.qualaroo.com_surveys_245598_configurePP-1-963x1024.png\" alt=\"Advanced targeting in UX surveys\" class=\"wp-image-24102\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Avoid This:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Showing a survey immediately on the homepage before the visitor has done anything<\/li><li>Interrupting the checkout or payment step where any friction increases abandonment<\/li><li>Displaying the same survey on every page of the site<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Targeting matters more than volume. 80 responses from the right audience on the right page will tell you more than 800 responses collected site-wide with no targeting logic.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4: Activate and Publish<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After configuration:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Preview the survey in the live preview mode to confirm it looks and behaves correctly<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"209\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2022\/05\/app.qualaroo.com_surveys_241740_edit2x1-9.png\" alt=\"saving and previewing the UX survey\" class=\"wp-image-24103\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Save and activate from the main panel where all your surveys are.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"307\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/Screenshot-2026-02-25-115246.png\" alt=\"Save and activate from the main panel where all your surveys are.\" class=\"wp-image-24170\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Your survey will now display based on your targeting rules. It will not show to users who do not match your conditions, and it will respect whatever frequency cap you have set.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before you walk away, open the target page in an incognito window and verify the survey fires when it should. Then confirm it does not fire when the targeting conditions are not met. Five minutes of testing here prevents two weeks of bad data.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Is_the_Right_Type_of_Survey_for_Your_Business_Goal\"><\/span><strong>What Is the Right Type of Survey for Your Business Goal?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Not every website problem needs the same survey. Using the wrong type means collecting the wrong data even if everything else is set up perfectly. Here is how to match your goal to the right format.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. &#8220;I Want to Know Why Visitors Are Leaving Without Buying&#8221;<\/strong>&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use an exit-intent survey on the cart or checkout page. One multiple choice question (&#8220;What stopped you today?&#8221;) with 4 to 5 answer options and an optional open text field. Qualaroo lets you deploy this on a specific page with exit-intent triggering, no developer needed. Here\u2019s an <a href=\"https:\/\/app.qualaroo.com\/surveys\/new?channel=web&amp;survey_id=231054\">exit-intent template<\/a> you can use:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"575\" height=\"432\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/qualaroo.com_templates_increase-sales_post-purchase-feedback_PP-5-2.png\" alt=\"exit-intent template\" class=\"wp-image-24171\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. &#8220;I Want to Know if Customers Are Happy After a Purchase&#8221;<\/strong>&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use a post-purchase CSAT or NPS survey on the order confirmation page. This is the highest-consent moment on your site. The transaction just worked, the user is still on the page, and response rates here are typically 3 to 5 times higher than cold survey links. Here\u2019s a template you can use for <a href=\"https:\/\/app.qualaroo.com\/surveys\/new?channel=web&amp;survey_id=231052\">post-purchase NPS<\/a>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"539\" height=\"391\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/qualaroo.com_templates_increase-sales_post-purchase-feedback_PP-4-1.png\" alt=\"post-purchase NPS\" class=\"wp-image-24172\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. &#8220;I Want to Understand What Is Confusing on a Specific Page&#8221;<\/strong>&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use an inline or widget survey on that page, triggered at 60% scroll depth. Ask one open-ended question: &#8220;Was there anything on this page that was unclear or missing?&#8221; You will get qualitative insight you did not know to look for.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here are a few templates you should use in different scenarios:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\n<table id=\"tablepress-214\" class=\"tablepress tablepress-id-214 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Goal<\/th><th class=\"column-2\">Survey Type<\/th><th class=\"column-3\">Placement<\/th><th class=\"column-4\">Trigger<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Cart Abandonment<\/td><td class=\"column-2\">Exit Intent, MCQ<\/td><td class=\"column-3\">Cart or Checkout Page<\/td><td class=\"column-4\">Mouse Leave<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\"><a href=\"https:\/\/qualaroo.com\/templates\/increase-sales\/post-purchase-feedback\/\">Post-Purchase Satisfaction<\/a><\/td><td class=\"column-2\">NPS or CSAT<\/td><td class=\"column-3\">Order Confirmation Page<\/td><td class=\"column-4\">Page Load<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Page-Level Confusion<\/td><td class=\"column-2\">Open Text Widget<\/td><td class=\"column-3\">Specific Content or Product Page<\/td><td class=\"column-4\">60% Scroll<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Feature Feedback<\/td><td class=\"column-2\">Short Conversational Flow<\/td><td class=\"column-3\">In-App or Feature Page<\/td><td class=\"column-4\">Click Trigger<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Lead Qualification<\/td><td class=\"column-2\">Multi-Step Form<\/td><td class=\"column-3\">Landing Page<\/td><td class=\"column-4\">Time on Page<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-214 from cache --><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Does_the_Full_Workflow_Look_Like\"><\/span><strong>What Does the Full Workflow Look Like?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Most people think of a website survey as a widget. It is actually a mini feedback loop. Here is what the full cycle looks like from a business perspective:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Identify the Gap:<\/strong> Analytics tells you what users do. Surveys tell you why. The gap between those two is where decisions get made.<\/li><li><strong>Choose the Friction Point:<\/strong> Focus on a specific page, moment, or user segment, not &#8220;our website in general.&#8221;<\/li><li><strong>Design a Survey:<\/strong> Use the minimum number of questions to answer that one specific question.<\/li><li><strong>Deploy It:<\/strong> Place it on the right page with the right trigger and audience targeting.<\/li><li><strong>Collect Responses:<\/strong> Wait until you hit a statistically meaningful sample , 50 minimum, 100 preferred.<\/li><li><strong>Identify Patterns:<\/strong> Look for the answer that shows up in 30% or more of submissions, not individual responses.<\/li><li><strong>Make One Change:<\/strong> Act on the data. Measure what happens.<\/li><li><strong>Repeat:<\/strong> Move on to the next friction point and run the loop again.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">This loop, run consistently, is what separates companies that improve conversion rates quarter over quarter from companies that run surveys once, get confused by the data, and abandon the whole effort.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Where_Should_You_Place_a_Survey_on_Your_Website\"><\/span><strong>Where Should You Place a Survey on Your Website?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The placement you choose determines not just who sees the survey, but what mental state they are in when they see it. That context shapes every response you receive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\n<table id=\"tablepress-215\" class=\"tablepress tablepress-id-215 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Placement Type<\/th><th class=\"column-2\">How It Works<\/th><th class=\"column-3\">Best Used For<\/th><th class=\"column-4\">Watch Out For<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Inline Embed<\/td><td class=\"column-2\">Sits inside page content; reader encounters it while scrolling<\/td><td class=\"column-3\">Product pages, blog posts, landing pages<\/td><td class=\"column-4\">Burying it too far below the fold<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Popup or Modal<\/td><td class=\"column-2\">Overlays the page on trigger<\/td><td class=\"column-3\">High-visibility NPS, exit feedback<\/td><td class=\"column-4\">Never fire on page load; always use a delay or scroll trigger<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Slide-In Widget<\/td><td class=\"column-2\">Floats in from the corner after a trigger<\/td><td class=\"column-3\">Passive NPS across multiple pages<\/td><td class=\"column-4\">Too-frequent appearances on repeat visits<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\"><a href=\"https:\/\/qualaroo.com\/templates\/increase-sales\/conversion-optimization\/exit-intent\/\">Exit-Intent Overlay<\/a><\/td><td class=\"column-2\">Fires when cursor moves toward the browser bar<\/td><td class=\"column-3\">Cart pages, pricing pages, high-bounce pages<\/td><td class=\"column-4\">Needs a frequency cap or it becomes noise<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Dedicated Survey Page<\/td><td class=\"column-2\">Standalone page linked from email or CTA<\/td><td class=\"column-3\">Longer surveys (5+ questions)<\/td><td class=\"column-4\">Lower response rates than embedded formats<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-215 from cache --><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mobile Warning:<\/strong> Popups and modals are significantly more disruptive on small screens. Cap mobile surveys at 1 to 3 questions, use tap-friendly inputs like emoji scales or multiple choice, and always test the display on an actual device before going live. Mobile users abandon multi-step modals at roughly 3 times the rate of desktop users.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Do_the_Embed_Code_Snippets_Look_Like\"><\/span><strong>What Do the Embed Code Snippets Look Like?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Most tools generate these snippets automatically. Understanding the underlying patterns helps you customize behavior, troubleshoot issues, and communicate clearly with your development team. If you are using Qualaroo, triggers are configured in the dashboard , no code required.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Inline Iframe Embed<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use this when the survey lives inside your page content. The loading=&#8221;lazy&#8221; attribute defers loading until the user scrolls near it, protecting performance on longer pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is how the html code will look:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/ChatGPTImageMar12202602_13_19P-1024x683.jpeg\" alt=\"HTML code for loading=&quot;lazy&quot; attribute\" class=\"wp-image-24179\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Exit-Intent Trigger (Vanilla JavaScript)<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The triggered flag ensures the overlay only fires once per session. Without it, the survey fires every time the user moves their cursor near the top of the screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is how the javascript code will look:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/ChatGPTImageMar12202602_15_54P-1024x683.jpeg\" alt=\"Vanilla javascript code for triggered flag\" class=\"wp-image-24180\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Scroll-Depth Trigger (Fires at 60% Page Scroll)<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Adjust the 60 to match the scroll depth that makes sense for your page length and where the relevant content lives.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is how the javascript code will look:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/ChatGPTImageMar12202602_18_53P-1024x683.jpeg\" alt=\"Scroll-Depth Trigger (Fires at 60% Page Scroll)\" class=\"wp-image-24181\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_Do_You_Add_a_Survey_in_the_Most_Popular_CMSs\"><\/span><strong>How Do You Add a Survey in the Most Popular CMSs?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The first three steps are the same regardless of your platform. In your Qualaroo dashboard, navigate to your domain, click Install Code, select Paste Code in Website Source Code or GTM, and click Copy to Clipboard. Then follow the platform-specific steps below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. How Do You Add Qualaroo to Any Website Directly?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is the baseline method that works on any site with direct HTML access.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. In your Qualaroo dashboard, go to your domain and click <strong>Install Code<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"184\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/image-5-1024x184.png\" alt=\"Install Code for adding surveys to your Website\" class=\"wp-image-24182\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Select <strong>Paste Code in Website Source Code or GTM<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Click <strong>Copy to Clipboard<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"641\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2026\/03\/image-6.png\" alt=\"\" class=\"wp-image-24183\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. Open your site&#8217;s HTML and paste the code directly after the opening &lt;body&gt; tag on every page you want covered<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"592\" height=\"642\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/image-12.png\" alt=\"View page source\" class=\"wp-image-24184\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">5. To verify: right-click the page, select <strong>View Page Source<\/strong>, and search for &#8220;kiq&#8221; , confirm the code block appears below the &lt;body&gt; tag and that the account and domain codes match<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"971\" height=\"214\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2026\/03\/image-7.png\" alt=\"View page source <body&gt; tag\" class=\"wp-image-24185\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Performance Note:<\/strong> Qualaroo supports CDN delivery, which can improve loading time by up to 70% and helps bypass ad blockers. Check your Install Code page for the CDN option.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. How Do You Install Qualaroo on WordPress?<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\"><li>Log in to your Qualaroo account and copy the JavaScript from <strong>Install Code \u2192 Paste Code in Website Source Code or GTM<\/strong><\/li><li>Log in to your WordPress admin panel<\/li><li>Go to <strong>Appearance \u2192 Theme File Editor<\/strong><\/li><li>Click <strong>Header<\/strong> from the Templates section on the right<\/li><li>Find the &lt;body&gt; tag in the header file<\/li><li>Paste the Qualaroo JavaScript directly below it<\/li><li>Click <strong>Update File<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"812\" height=\"581\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/image-8.png\" alt=\"Install Qualaroo on WordPress\" class=\"wp-image-24186\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. How Do You Install Qualaroo on Shopify?<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\"><li>Copy the Qualaroo JavaScript from <strong>Install Code \u2192 Paste Code in Website Source Code or GTM<\/strong><\/li><li>In your Shopify admin, go to <strong>Online Store \u2192 Themes<\/strong><\/li><li>Click the ellipsis (three dots) next to your active theme and select <strong>Edit Code<\/strong><\/li><li>Open the theme.liquid file<\/li><li>Paste the Qualaroo code either after the opening &lt;body&gt; tag or before the closing &lt;\/body&gt; tag<\/li><li>Click <strong>Save<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"727\" height=\"802\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/themes_shopify.png\" alt=\"Install Qualaroo on Shopify\" class=\"wp-image-24187\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> Qualaroo will not load on the first two checkout pages due to Shopify&#8217;s security restrictions. It will load on the order confirmation page after checkout is complete.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. How Do You Install Qualaroo Using Google Tag Manager?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use this method if you do not have direct CMS access or want marketing to manage deployment without developer involvement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Quick Setup Using the Qualaroo GTM Template:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Log in to Google Tag Manager and click <strong>Add a New Tag<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"556\" height=\"477\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/jvxz3dhofcjkhx5oomjumafpurhwdnrw.png\" alt=\"Quick Setup Using the Qualaroo GTM Template\" class=\"wp-image-24188\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Click <strong>Tag Configuration \u2192 Discover More Tag Types in the Community Template Gallery<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"301\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/image-9-1024x301.png\" alt=\"Discover More Tag Types in the Community Template Gallery in GTM\" class=\"wp-image-24189\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. Search for Qualaroo and click <strong>Add to Workspace<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"639\" height=\"239\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2026\/03\/image-10.png\" alt=\"Search for Qualaroo and click Add to Workspace on GTM\" class=\"wp-image-24190\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. Go to your Qualaroo dashboard, click <strong>Install Code<\/strong>, then click <strong>Quick Setup in Google Tag Manager<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"623\" height=\"209\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2024\/01\/image-11.png\" alt=\"Go to your Qualaroo dashboard, click Install Code, then click Quick Setup in Google Tag Manager\" class=\"wp-image-24191\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">5. Copy the installation link and paste it into the GTM field<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"582\" height=\"168\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2026\/03\/axj9hikw6hdnjjp27m179kftiaijc7tb.png\" alt=\"Copy the installation link and paste it into the GTM field\" class=\"wp-image-24192\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">6. Select <strong>All Pages<\/strong> in the triggering option<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"790\" height=\"235\" src=\"https:\/\/qualaroo.com\/blog\/wp-content\/uploads\/2026\/03\/hfxokd3ahx0rnxfbxzxszkz9djhnjf1j.png\" alt=\"Select All Pages in the triggering option\" class=\"wp-image-24193\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">7. Click <strong>Save \u2192 Submit \u2192 Publish<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Are_the_Performance_GDPR_Risks_You_Need_to_Know_About\"><\/span><strong>What Are the Performance &amp; GDPR Risks You Need to Know About?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Performance and privacy are the two risks that catch teams off guard after launch, not because they are complicated, but because nobody thinks to check them before going live. Here is what to watch for.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Performance Impact<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Third-party survey scripts can damage your Core Web Vitals if loaded incorrectly. The two metrics most at risk:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\n<table id=\"tablepress-217\" class=\"tablepress tablepress-id-217 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Metric<\/th><th class=\"column-2\">What It Measures<\/th><th class=\"column-3\">Risk From Survey Scripts<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Largest Contentful Paint (LCP)<\/td><td class=\"column-2\">How fast the main content loads<\/td><td class=\"column-3\">Synchronous scripts delay rendering<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Total Blocking Time (TBT)<\/td><td class=\"column-2\">How long the main thread is blocked<\/td><td class=\"column-3\">Heavy scripts stall interactivity<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-217 from cache --><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The fix is simple , always load third-party survey scripts with async or defer:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>HTML:<\/strong> &lt;script async src=&#8221;https:\/\/yourtool.com\/widget.js&#8221;&gt;&lt;\/script&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"has-inline-color has-vivid-green-cyan-color\">async<\/span> loads the script in parallel with page rendering and executes it as soon as it is ready. defer also loads in parallel but waits until the HTML is fully parsed. For survey widgets that do not need to fire on page load, <span class=\"has-inline-color has-vivid-green-cyan-color\">defer<\/span> is the safer choice. Also add <span class=\"has-inline-color has-vivid-green-cyan-color\">loading=&#8221;lazy&#8221;<\/span> to any iframe embeds and compress images inside your survey forms.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. GDPR &amp; CCPA Compliance<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Under GDPR, you are the Data Controller. Your survey tool is the Data Processor. You are responsible for what happens to the data your survey collects, even if the tool stores it on their servers. Before you deploy, confirm all of the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Data Deletion Support:<\/strong> Your tool can delete individual user data on request , required under GDPR Article 17<\/li><li><strong>Signed DPA Available:<\/strong> Your tool has a Data Processing Agreement you can access and sign<\/li><li><strong>Privacy Policy Link:<\/strong> Linked from within the survey whenever you collect any personally identifiable information<\/li><li><strong>Consent Checkbox:<\/strong> Required if collecting name or email from EU users<\/li><li><strong>Data Storage Location:<\/strong> EU data stored on US servers has specific requirements under post-Schrems II frameworks<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Watch Out For:<\/strong> Several free-tier survey tools have no DPA, no data deletion API, and no GDPR controls. If you are serving EU traffic, check compliance before you launch, not after. Qualaroo includes GDPR-compliant data controls, a signed DPA, and user data deletion on request.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Is_the_Pre-Launch_Checklist_for_a_Website_Survey\"><\/span><strong>What Is the Pre-Launch Checklist for a Website Survey?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Ten things to confirm before your survey goes live.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Run through every item before you hit publish. You will skip one of these the first time you are in a hurry, and you will regret it.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Goal Defined:<\/strong> One specific question this survey will answer<\/li><li><strong>Question Count:<\/strong> 1 to 5 questions (1 to 3 for mobile-first audiences)<\/li><li><a href=\"https:\/\/qualaroo.com\/features\/question-branching\/\"><strong>Branching Logic Configured<\/strong><\/a><strong>:<\/strong> Users only see questions relevant to their previous answers<\/li><li><strong>Placement Matched to Goal:<\/strong> Exit page, post-purchase, inline, or widget<\/li><li><strong>Trigger Set on Behavior:<\/strong> Not page load for first-time visitors<\/li><li><strong>Script Loading Confirmed:<\/strong> async or defer in place<\/li><li><strong>Frequency Cap Set:<\/strong> Maximum once per user per 7 days<\/li><li><strong>Mobile Display Tested:<\/strong> On a real device, not just a browser resize<\/li><li><strong>Privacy Policy Linked:<\/strong> Required for EU traffic collecting any PII<\/li><li><strong>Response Threshold Decided:<\/strong> Minimum 50 before you read a single response<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Do_You_Do_When_Your_Survey_Is_Not_Working\"><\/span><strong>What Do You Do When Your Survey Is Not Working?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Common problems, what causes them, and exactly how to fix them.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\n<table id=\"tablepress-218\" class=\"tablepress tablepress-id-218 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">Problem<\/th><th class=\"column-2\">Most Likely Cause<\/th><th class=\"column-3\">Fix<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Survey Not Appearing on the Page<\/td><td class=\"column-2\">Ad blocker or Content Security Policy blocking the script<\/td><td class=\"column-3\">Test in incognito; check browser console for blocked requests; whitelist the survey domain in your CSP header<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Page Loading Noticeably Slower After Adding the Survey<\/td><td class=\"column-2\">Script loading synchronously<\/td><td class=\"column-3\">Add async or defer to the script tag<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Very Low Response Rate Under 2%<\/td><td class=\"column-2\">Survey triggering too early or targeting too broad an audience<\/td><td class=\"column-3\">Delay the trigger, narrow URL targeting, reduce question count<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">Survey Showing to the Same User Repeatedly<\/td><td class=\"column-2\">No frequency cap configured<\/td><td class=\"column-3\">Set a 7-day cookie-based cap in your tool's settings<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Responses Seem Irrelevant to the Goal<\/td><td class=\"column-2\">Survey placed on the wrong page<\/td><td class=\"column-3\">Move it to the page that matches the experience you want feedback on<\/td>\n<\/tr>\n<tr class=\"row-7 odd\">\n\t<td class=\"column-1\">Embed Code Not Rendering in the CMS<\/td><td class=\"column-2\">CMS stripping iframe or script tags for security reasons<\/td><td class=\"column-3\">Use the tool's native CMS plugin or deploy via Google Tag Manager<\/td>\n<\/tr>\n<tr class=\"row-8 even\">\n\t<td class=\"column-1\">High Start Rate but Low Completion Rate<\/td><td class=\"column-2\">Too many questions or a confusing question mid-survey<\/td><td class=\"column-3\">Cut to 3 questions maximum and review question clarity<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-218 from cache --><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Should_You_Do_in_the_First_30_Days_After_Launching_a_Survey\"><\/span><strong>What Should You Do in the First 30 Days After Launching a Survey?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Week 1: Launch and Leave It Alone&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Deploy one survey on your single most important page. Set the trigger. Do not touch it. Resist the urge to read the first few responses. Let data accumulate without interference. Your job this week is to confirm the survey is appearing correctly and the frequency cap is working.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Week 2: Check Your Sample Size&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you have under 30 responses, something is wrong with your targeting or trigger. Widen the audience, adjust the trigger timing, or check whether the survey is actually appearing using incognito testing. If you have over 50 responses, you can start reading for patterns. Do not make decisions yet. Look for the answers that are showing up repeatedly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Week 3: Map Findings to Actions&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For each finding, name one specific action , change a page element, add a payment method, fix a broken link, update confusing copy. Assign each action to a person with a deadline. If your findings point in too many directions, your survey was too broad. Narrow it and run it again.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Week 4: Implement One Change and Measure It&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Make one change informed by the data. Set up a simple before-and-after measurement: conversion rate, bounce rate, or average session duration on the affected page. You are not looking for statistical significance from a single change. You are building the discipline of closing the loop between feedback and action.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>After Day 30:&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Decide whether to run the same survey again for benchmarking or replace it with a new question targeting the next friction point. The goal is a continuous loop, not a one-time data pull. Teams that run this loop every 30 days improve faster than teams running quarterly research projects.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Should_You_Look_for_in_a_Tool_to_Add_a_Survey_to_Your_Website\"><\/span><strong>What Should You Look for in a Tool to Add a Survey to Your Website?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The best survey tool is the one your team will actually deploy, iterate on, and act from. A perfectly featured tool that nobody uses produces zero data. Before you commit, run your shortlist against these five criteria:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\n<table id=\"tablepress-219\" class=\"tablepress tablepress-id-219 tablepress-responsive\">\n<thead>\n<tr class=\"row-1 odd\">\n\t<th class=\"column-1\">What to Evaluate<\/th><th class=\"column-2\">Why It Matters<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-hover\">\n<tr class=\"row-2 even\">\n\t<td class=\"column-1\">Targeting and Trigger Options<\/td><td class=\"column-2\">Without page-level targeting and behavioral triggers, your data will always be noisy<\/td>\n<\/tr>\n<tr class=\"row-3 odd\">\n\t<td class=\"column-1\">Completion Rate Format<\/td><td class=\"column-2\">Conversational, one-question-at-a-time interfaces outperform multi-question forms by up to 40%<\/td>\n<\/tr>\n<tr class=\"row-4 even\">\n\t<td class=\"column-1\">Performance Footprint<\/td><td class=\"column-2\">Does the tool load asynchronously by default? Does it document its Core Web Vitals impact?<\/td>\n<\/tr>\n<tr class=\"row-5 odd\">\n\t<td class=\"column-1\">GDPR Controls<\/td><td class=\"column-2\">Signed DPA, data deletion on request, privacy policy linking, non-negotiable for EU traffic<\/td>\n<\/tr>\n<tr class=\"row-6 even\">\n\t<td class=\"column-1\">Integrations<\/td><td class=\"column-2\">Can it push response data to your CRM, support tool, or analytics stack without a manual export?<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<!-- #tablepress-219 from cache --><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">triggers, and GDPR compliance built in.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It is designed for marketing and product teams who need to deploy without engineering support and act on data without a data analyst. If your primary use case is on-site feedback and user research, it is worth evaluating as your starting point.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Your_Website_Is_Already_Talking_Are_You_Listening\"><\/span><strong>Your Website Is Already Talking. Are You Listening?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every page on your site is a conversation happening without you. Visitors land, hesitate, click, abandon, and leave; and your analytics capture the what but never the why. That gap is not a data problem. It is a question you have not asked yet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A survey fixes that. Done well, one survey on one page can surface an insight that changes a checkout flow, clarifies a pricing page, or removes a friction point that has been quietly costing you conversions for months.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The setup takes 15 minutes. The first useful insight usually arrives within two weeks. Adding a survey to your website can be pretty easy, just use the <a href=\"https:\/\/app.qualaroo.com\/signup\">right survey tool<\/a>!&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The teams that compound on this, running one focused survey every 30 days and acting on what they learn, are the ones that stop guessing and start knowing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><style>#sp-ea-24200 .spcollapsing { height: 0; overflow: hidden; transition-property: height;transition-duration: 300ms;}.eap_section_title_24200 { color: #444 !important; margin-bottom:  30px !important; }#sp-ea-24200.sp-easy-accordion>.sp-ea-single {border: 1px solid #e2e2e2; }#sp-ea-24200.sp-easy-accordion>.sp-ea-single>.ea-header a {color: #444;}#sp-ea-24200.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {background: #fff; color: #444;}#sp-ea-24200.sp-easy-accordion>.sp-ea-single {background: #eee;}#sp-ea-24200.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon.fa { float: right; color: #444;font-size: 16px;}#sp-ea-24200.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon.fa {margin-right: 0;}<\/style><h2 class=\"eap_section_title eap_section_title_24200\"><span class=\"ez-toc-section\" id=\"Frequently_Asked_Questions\"><\/span> Frequently Asked Questions <span class=\"ez-toc-section-end\"><\/span><\/h2><div id=\"sp-ea-24200\" class=\"sp-ea-one sp-easy-accordion\" data-ex-icon=\"fa-angle-up\" data-col-icon=\"fa-angle-down\"  data-ea-active=\"ea-click\"  data-ea-mode=\"vertical\" data-preloader=\"\" data-scroll-active-item=\"1\" data-offset-to-scroll=\"0\"><div class=\"ea-card ea-expand sp-ea-single\"><h3 class=\"ea-header\"><a class=\"collapsed\" data-sptoggle=\"spcollapse\" data-sptarget=#collapse242000 href=\"javascript:void(0)\"  aria-expanded=\"true\"><i class=\"ea-expand-icon fa fa-angle-up\"><\/i> How do I add a survey to my website without a developer? <\/a><\/h3><div class=\"sp-collapse spcollapse collapsed show\" id=\"collapse242000\" data-parent=#sp-ea-24200><div class=\"ea-body\"><p><span style=\"font-weight: 400;\">Use a survey tool that generates a JavaScript snippet you can paste via Google Tag Manager or directly into a Custom HTML block in your CMS. Qualaroo lets you configure targeting, triggers, and audience rules in a dashboard, so the only technical step is adding one script tag to your site, which most marketers can handle without engineering help.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"ea-card  sp-ea-single\"><h3 class=\"ea-header\"><a class=\"collapsed\" data-sptoggle=\"spcollapse\" data-sptarget=#collapse242001 href=\"javascript:void(0)\"  aria-expanded=\"false\"><i class=\"ea-expand-icon fa fa-angle-down\"><\/i> What is the best place to put a survey on a website? <\/a><\/h3><div class=\"sp-collapse spcollapse \" id=\"collapse242001\" data-parent=#sp-ea-24200><div class=\"ea-body\"><p><span style=\"font-weight: 400;\">The best placement depends on your goal. Exit-intent surveys on cart or checkout pages work best for understanding abandonment. Post-purchase surveys on confirmation pages capture satisfaction at peak engagement. Inline surveys on product or content pages collect specific page-level feedback. Avoid placing surveys on your homepage or deploying them site-wide.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"ea-card  sp-ea-single\"><h3 class=\"ea-header\"><a class=\"collapsed\" data-sptoggle=\"spcollapse\" data-sptarget=#collapse242002 href=\"javascript:void(0)\"  aria-expanded=\"false\"><i class=\"ea-expand-icon fa fa-angle-down\"><\/i> How many questions should a website survey have? <\/a><\/h3><div class=\"sp-collapse spcollapse \" id=\"collapse242002\" data-parent=#sp-ea-24200><div class=\"ea-body\"><p><span style=\"font-weight: 400;\">1 to 5 questions for desktop audiences, 1 to 3 for mobile. Every question you add beyond three reduces completion rate by roughly 5 to 10%. If you have more than five things to ask, run two focused surveys at different points in the user journey.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"ea-card  sp-ea-single\"><h3 class=\"ea-header\"><a class=\"collapsed\" data-sptoggle=\"spcollapse\" data-sptarget=#collapse242003 href=\"javascript:void(0)\"  aria-expanded=\"false\"><i class=\"ea-expand-icon fa fa-angle-down\"><\/i> Does adding a survey slow down my website? <\/a><\/h3><div class=\"sp-collapse spcollapse \" id=\"collapse242003\" data-parent=#sp-ea-24200><div class=\"ea-body\"><p><span style=\"font-weight: 400;\">It can, if the script is loaded synchronously. Always add <\/span><span style=\"font-weight: 400;\">async<\/span><span style=\"font-weight: 400;\"> or <\/span><span style=\"font-weight: 400;\">defer<\/span><span style=\"font-weight: 400;\"> to third-party survey scripts. For iframe embeds, add <\/span><span style=\"font-weight: 400;\">loading=\"lazy\"<\/span><span style=\"font-weight: 400;\">. These two attributes prevent the survey from blocking page rendering and protect your Core Web Vitals scores.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"ea-card  sp-ea-single\"><h3 class=\"ea-header\"><a class=\"collapsed\" data-sptoggle=\"spcollapse\" data-sptarget=#collapse242004 href=\"javascript:void(0)\"  aria-expanded=\"false\"><i class=\"ea-expand-icon fa fa-angle-down\"><\/i> How many responses do I need before acting on survey data? <\/a><\/h3><div class=\"sp-collapse spcollapse \" id=\"collapse242004\" data-parent=#sp-ea-24200><div class=\"ea-body\"><p><span style=\"font-weight: 400;\">At least 50 for directional insight. 100 or more before making significant product or design decisions. Reading 5 to 10 responses and drawing conclusions is a reliable way to make confident bad decisions.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"ea-card  sp-ea-single\"><h3 class=\"ea-header\"><a class=\"collapsed\" data-sptoggle=\"spcollapse\" data-sptarget=#collapse242005 href=\"javascript:void(0)\"  aria-expanded=\"false\"><i class=\"ea-expand-icon fa fa-angle-down\"><\/i> What is the difference between an NPS and a CSAT survey? <\/a><\/h3><div class=\"sp-collapse spcollapse \" id=\"collapse242005\" data-parent=#sp-ea-24200><div class=\"ea-body\"><p><span style=\"font-weight: 400;\">NPS (Net Promoter Score) asks how likely a user is to recommend your product or company, on a scale of 0 to 10. It measures overall loyalty and is best run at regular intervals. CSAT (Customer Satisfaction Score) measures satisfaction with a specific interaction, typically on a 1 to 5 or 1 to 10 scale. Use NPS for relationship-level tracking and CSAT for transaction-level feedback.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"ea-card  sp-ea-single\"><h3 class=\"ea-header\"><a class=\"collapsed\" data-sptoggle=\"spcollapse\" data-sptarget=#collapse242006 href=\"javascript:void(0)\"  aria-expanded=\"false\"><i class=\"ea-expand-icon fa fa-angle-down\"><\/i> What are my legal responsibilities when running a website survey? <\/a><\/h3><div class=\"sp-collapse spcollapse \" id=\"collapse242006\" data-parent=#sp-ea-24200><div class=\"ea-body\"><p><span style=\"font-weight: 400;\">Under GDPR, you are the Data Controller and your survey tool is the Data Processor. You are responsible for ensuring user data can be deleted on request, that a privacy policy is linked from the survey if you are collecting PII, and that your tool has a signed DPA. For US audiences, CCPA has similar requirements around data access and deletion rights.<\/span><\/p>\n<\/div><\/div><\/div><div class=\"ea-card  sp-ea-single\"><h3 class=\"ea-header\"><a class=\"collapsed\" data-sptoggle=\"spcollapse\" data-sptarget=#collapse242007 href=\"javascript:void(0)\"  aria-expanded=\"false\"><i class=\"ea-expand-icon fa fa-angle-down\"><\/i> What is exit-intent targeting and when should I use it? <\/a><\/h3><div class=\"sp-collapse spcollapse \" id=\"collapse242007\" data-parent=#sp-ea-24200><div class=\"ea-body\"><p><span style=\"font-weight: 400;\">Exit-intent targeting fires a survey when a user's cursor moves toward the top of the browser, indicating they are about to close the tab or navigate away. It is most effective on pages with high drop-off rates like cart pages, pricing pages, or long landing pages. Because it catches users at the moment of decision, the feedback tends to be more honest and specific than surveys triggered mid-session.<\/span><\/p>\n<\/div><\/div><\/div><script type=\"application\/ld+json\">\n\t{\n\t  \"@context\": \"https:\/\/schema.org\",\n\t  \"@type\": \"FAQPage\",\n\t  \"mainEntity\": [{\n\t\t\t\"@type\": \"Question\",\n\t\t\t\"name\": \"How do I add a survey to my website without a developer?\",\n\t\t\t\"acceptedAnswer\": {\n\t\t\t  \"@type\": \"Answer\",\n\t\t\t  \"text\": \"Use a survey tool that generates a JavaScript snippet you can paste via Google Tag Manager or directly into a Custom HTML block in your CMS. Qualaroo lets you configure targeting, triggers, and audience rules in a dashboard, so the only technical step is adding one script tag to your site, which most marketers can handle without engineering help.\"\n\t\t\t}\n\t\t  },{\n\t\t\t\"@type\": \"Question\",\n\t\t\t\"name\": \"What is the best place to put a survey on a website?\",\n\t\t\t\"acceptedAnswer\": {\n\t\t\t  \"@type\": \"Answer\",\n\t\t\t  \"text\": \"The best placement depends on your goal. Exit-intent surveys on cart or checkout pages work best for understanding abandonment. Post-purchase surveys on confirmation pages capture satisfaction at peak engagement. Inline surveys on product or content pages collect specific page-level feedback. Avoid placing surveys on your homepage or deploying them site-wide.\"\n\t\t\t}\n\t\t  },{\n\t\t\t\"@type\": \"Question\",\n\t\t\t\"name\": \"How many questions should a website survey have?\",\n\t\t\t\"acceptedAnswer\": {\n\t\t\t  \"@type\": \"Answer\",\n\t\t\t  \"text\": \"1 to 5 questions for desktop audiences, 1 to 3 for mobile. Every question you add beyond three reduces completion rate by roughly 5 to 10%. If you have more than five things to ask, run two focused surveys at different points in the user journey.\"\n\t\t\t}\n\t\t  },{\n\t\t\t\"@type\": \"Question\",\n\t\t\t\"name\": \"Does adding a survey slow down my website?\",\n\t\t\t\"acceptedAnswer\": {\n\t\t\t  \"@type\": \"Answer\",\n\t\t\t  \"text\": \"It can, if the script is loaded synchronously. Always add async or defer to third-party survey scripts. For iframe embeds, add loading=&quot;lazy&quot;. These two attributes prevent the survey from blocking page rendering and protect your Core Web Vitals scores.\"\n\t\t\t}\n\t\t  },{\n\t\t\t\"@type\": \"Question\",\n\t\t\t\"name\": \"How many responses do I need before acting on survey data?\",\n\t\t\t\"acceptedAnswer\": {\n\t\t\t  \"@type\": \"Answer\",\n\t\t\t  \"text\": \"At least 50 for directional insight. 100 or more before making significant product or design decisions. Reading 5 to 10 responses and drawing conclusions is a reliable way to make confident bad decisions.\"\n\t\t\t}\n\t\t  },{\n\t\t\t\"@type\": \"Question\",\n\t\t\t\"name\": \"What is the difference between an NPS and a CSAT survey?\",\n\t\t\t\"acceptedAnswer\": {\n\t\t\t  \"@type\": \"Answer\",\n\t\t\t  \"text\": \"NPS (Net Promoter Score) asks how likely a user is to recommend your product or company, on a scale of 0 to 10. It measures overall loyalty and is best run at regular intervals. CSAT (Customer Satisfaction Score) measures satisfaction with a specific interaction, typically on a 1 to 5 or 1 to 10 scale. Use NPS for relationship-level tracking and CSAT for transaction-level feedback.\"\n\t\t\t}\n\t\t  },{\n\t\t\t\"@type\": \"Question\",\n\t\t\t\"name\": \"What are my legal responsibilities when running a website survey?\",\n\t\t\t\"acceptedAnswer\": {\n\t\t\t  \"@type\": \"Answer\",\n\t\t\t  \"text\": \"Under GDPR, you are the Data Controller and your survey tool is the Data Processor. You are responsible for ensuring user data can be deleted on request, that a privacy policy is linked from the survey if you are collecting PII, and that your tool has a signed DPA. For US audiences, CCPA has similar requirements around data access and deletion rights.\"\n\t\t\t}\n\t\t  },{\n\t\t\t\"@type\": \"Question\",\n\t\t\t\"name\": \"What is exit-intent targeting and when should I use it?\",\n\t\t\t\"acceptedAnswer\": {\n\t\t\t  \"@type\": \"Answer\",\n\t\t\t  \"text\": \"Exit-intent targeting fires a survey when a user&#039;s cursor moves toward the top of the browser, indicating they are about to close the tab or navigate away. It is most effective on pages with high drop-off rates like cart pages, pricing pages, or long landing pages. Because it catches users at the moment of decision, the feedback tends to be more honest and specific than surveys triggered mid-session.\"\n\t\t\t}\n\t\t  }]\n\t}\n\t<\/script><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding a survey to your website takes less than 15 minutes. Pick a survey tool, build a 1 to 5 question survey, copy the embed code, paste it into your page or CMS, set a trigger, and you are live.&nbsp; In this guide, you\u2019ll learn how to: Place surveys on specific pages tied to a&#8230;<\/p>\n","protected":false},"author":28,"featured_media":17364,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6493,6478],"tags":[6479],"class_list":["post-17346","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-intercept-surveys","category-website-survey-tool","tag-website-survey-tool"],"_links":{"self":[{"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/posts\/17346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/comments?post=17346"}],"version-history":[{"count":29,"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/posts\/17346\/revisions"}],"predecessor-version":[{"id":24518,"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/posts\/17346\/revisions\/24518"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/media\/17364"}],"wp:attachment":[{"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/media?parent=17346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/categories?post=17346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/web-staging.qualaroo.com\/blog\/wp-json\/wp\/v2\/tags?post=17346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}