{"id":9242,"date":"2019-07-15T22:29:00","date_gmt":"2019-07-15T20:29:00","guid":{"rendered":"https:\/\/proweb.p.blends.be\/?p=9242"},"modified":"2025-06-27T16:36:57","modified_gmt":"2025-06-27T14:36:57","slug":"how-visual-media-makes-your-survey-more-engaging","status":"publish","type":"post","link":"https:\/\/pointerpro.com\/blog\/how-visual-media-makes-your-survey-more-engaging\/","title":{"rendered":"How visual media makes your survey more engaging"},"content":{"rendered":"\n<style>\n    #section-Z16jL7i {\n        padding-top: 2.8rem;\n        padding-bottom: 6rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z16jL7i {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #421f3c;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z16jL7i-container  #421f3c custom-padding \" id=\"section-Z16jL7i\"\n    style=\"opacity: 100%; background-color: #421f3c;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-ZlWfjv .heading h1 {\n        color: #ffffff;\n        font-size: 3.125rem;\n        line-height: 4rem !important;\n    }\n\n    #heading-ZlWfjv {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZlWfjv {\n            margin-left: 0;\n            margin-right: 0;\n        }\n\n        .single #heading-ZlWfjv .heading h1 {\n            line-height: 3rem !important;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-heading-1-container lazyblock-heading-1-ZlWfjv  px-0\" id=\"heading-ZlWfjv\">\n    <div class=\"row heading lazyblock-heading-1 justify-content-start  lazyblock-heading-1-ZlWfjv\">\n        <div class=\"col-12 col-lg-12 text-start \">\n            <a class=\"heading-1-anchor heading-anchor\" id=\"how-visual-media-makes-your-survey-more-engaging\"><\/a>\n            <h1>How visual media makes your survey more engaging<\/h1>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    #heading-Z253RFt .heading h2 {\n        color: #f5f5f5;\n        font-size: 1.25rem;\n        line-height: 1.5rem !important;\n    }\n\n    #heading-Z253RFt {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Z253RFt {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-Z253RFt date-and-author-container px-0\" id=\"heading-Z253RFt\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start date-and-author lazyblock-heading-2-Z253RFt\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"written-july-15-2019-by-gilad-maayan\"><\/a>\n            <h2>Written July 15, 2019, by Gilad Maayan<\/h2>\n        <\/div>\n    <\/div>\n<\/div>\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-ZSr8Sq {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-ZSr8Sq {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-ZSr8Sq-container  #ffffff custom-padding \" id=\"section-ZSr8Sq\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    .lazyblock-content-1PnFq3 p,\n    .lazyblock-content-1PnFq3 p a,\n    .lazyblock-content-1PnFq3 h1,\n    .lazyblock-content-1PnFq3 h2,\n    .lazyblock-content-1PnFq3 h3,\n    .lazyblock-content-1PnFq3 h4,\n    .lazyblock-content-1PnFq3 h5 {\n        color: ;\n    }\n\n    #content-1PnFq3 {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1PnFq3 {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-1PnFq3 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1PnFq3-container  px-0 \"\n     id=\"content-1PnFq3\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1PnFq3\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Online surveys are an effective tool to help you make the best decisions for your business. You can gather a lot of valuable data by surveying your customers, suppliers, workers and anyone else who has an effect on your business.\u00a0<\/p>\n<p>In order to have more people answer your survey, you need to create an engaging survey that keeps respondents looking towards the next question.\u00a0<\/p>\n<p>In this article, we\u2019ll discuss how visually appealing images associated with answer choices can instantly make your survey much more compelling.<\/p>\n<h2><span style=\"color: #421f3c; font-size: 36px;\">The importance of making your survey engaging\u200b\u200b<\/span><\/h2>\n<p>Surveys have become very common for businesses to get immediate feedback from customers about their services and products. Some find it tedious to fill out so many surveys, which often aren\u2019t created with the respondent in mind.\u00a0<\/p>\n<p>Companies understand the importance of surveys in acquiring useful information, but they don\u2019t often spend the time to create an engaging and stimulating survey. This means higher drop-off rates for the surveyor. The challenge is: how to keep your customers engaged in a survey and get quality and complete responses.<\/p>\n<p>Surveys that consist of only text tend to take too much time to complete. Answering a standard<a href=\"https:\/\/materializecss.com\/radio-buttons.html\">\u00a0radio button<\/a>\u00a0or\u00a0<a href=\"https:\/\/help.pointerpro.com\/en\/support\/solutions\/articles\/35000048959-text-choice\">text choice<\/a>\u00a0question might not be attractive enough to make people fill out the survey. Most of your respondents would start a survey but then drop out because the survey is too long or text heavy.\u00a0<\/p>\n<p>You should produce interactive online surveys that engage with respondents and produce higher response rates. One of the ways to reach this goal is to incorporate media like images or video into your survey.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9251\" src=\"https:\/\/proweb.p.blends.be\/wp-content\/uploads\/feedback-survey-768x720-1.jpg\" alt=\"\" width=\"768\" height=\"720\" \/><\/p>\n<h2><span style=\"color: #421f3c; font-size: 36px;\">What visual media does for your survey\u200b\u200b\u200b<\/span><\/h2>\n<p>The use of images in interactive questionnaires is an effective way to engage with respondents in online surveys. This makes your survey look more professional and helps generate higher response rates.\u00a0<\/p>\n<p>Interactive questions are a visually engaging alternative to static text choice questions. Responses are given by clicking directly on images or videos, or by dragging elements on the screen. They play a powerful role in online surveys, communicating ideas, engaging and entertaining the respondents. As they provide a more evocative experience than bland text, they can help trigger thoughts, actions and even memory.<\/p>\n<p>An important thing to keep in mind when using media in your surveys is to ensure the media is viewed as intended. Each device your respondent may use has its own specifications and available bandwidth.\u00a0<\/p>\n<p>A responsive survey ensures that the media used is automatically adapted to the unique conditions of each device. Otherwise, the respondent might experience inconvenient delays when viewing the survey, and may quickly lose patience.\u00a0<\/p>\n<p>To give the respondents the best experience, you can use<a href=\"https:\/\/cloudinary.com\/solutions\/ecommerce\">\u00a0dynamic media<\/a>\u00a0to automatically optimize media file size. Otherwise, the display may not work properly, which will make your survey look unprofessional, and may cause some respondents to leave.\u00a0Here are some examples of how visual media can be used for interactive questions:<\/p>\n<h2><span style=\"color: #421f3c; font-size: 36px;\">1. Image selection questions\u200b<\/span><\/h2>\n<p>Images can make a big difference in your survey design. They capture people\u2019s attention better than written words and can help cut down the time it takes to read the survey. Allow the survey respondent to look at a series of images and then click on the image that best answers the question at hand.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9250\" src=\"https:\/\/proweb.p.blends.be\/wp-content\/uploads\/image-selection.png\" alt=\"\" width=\"515\" height=\"476\" \/><\/p>        <\/div>\n    <\/div>\n<\/div>\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-1KWPi6 {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-1KWPi6 {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #f5f5f5;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-1KWPi6-container  #f5f5f5 custom-padding \" id=\"section-1KWPi6\"\n    style=\"opacity: 100%; background-color: #f5f5f5;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-1Q96Cm .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-1Q96Cm {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-1Q96Cm {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-1Q96Cm  px-0\" id=\"heading-1Q96Cm\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-1Q96Cm\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"2-drag-and-drop-ranking-questions\"><\/a>\n            <h2>2. Drag and drop ranking questions\u200b<\/h2>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    .lazyblock-content-Z2wOMQl p,\n    .lazyblock-content-Z2wOMQl p a,\n    .lazyblock-content-Z2wOMQl h1,\n    .lazyblock-content-Z2wOMQl h2,\n    .lazyblock-content-Z2wOMQl h3,\n    .lazyblock-content-Z2wOMQl h4,\n    .lazyblock-content-Z2wOMQl h5 {\n        color: ;\n    }\n\n    #content-Z2wOMQl {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z2wOMQl {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-Z2wOMQl {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z2wOMQl-container  px-0 \"\n     id=\"content-Z2wOMQl\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z2wOMQl\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Ranking questions are a way of asking people to rank a series of items. Items are displayed at the top of the screen and the respondent drag items in their desired location on an XY axis. The interactive act of dragging and dropping can be much more appealing for survey takers.<\/p>\n<p>Here is an example of an XY drag and drop question:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9249\" src=\"https:\/\/proweb.p.blends.be\/wp-content\/uploads\/drag-and-drop-1.png\" alt=\"\" width=\"500\" height=\"470\" \/><\/p>        <\/div>\n    <\/div>\n<\/div>\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-N78wo {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-N78wo {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-N78wo-container  #ffffff custom-padding \" id=\"section-N78wo\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-Z1M8GW2 .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-Z1M8GW2 {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Z1M8GW2 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-Z1M8GW2  px-0\" id=\"heading-Z1M8GW2\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-Z1M8GW2\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"3-slider-questions\"><\/a>\n            <h2>3. Slider questions\u200b<\/h2>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    .lazyblock-content-Z234kkU p,\n    .lazyblock-content-Z234kkU p a,\n    .lazyblock-content-Z234kkU h1,\n    .lazyblock-content-Z234kkU h2,\n    .lazyblock-content-Z234kkU h3,\n    .lazyblock-content-Z234kkU h4,\n    .lazyblock-content-Z234kkU h5 {\n        color: ;\n    }\n\n    #content-Z234kkU {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z234kkU {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-Z234kkU {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z234kkU-container  px-0 \"\n     id=\"content-Z234kkU\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z234kkU\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Traditional rating questions may be limited to a ten-point scale.\u00a0\u00a0Slider questions have a continuous scale, represented by a draggable sliding indicator that updates your answer value as you slide it from left to right or up and down.\u00a0<\/p>\n<p>Slider questions offer the survey taker a decidedly different experience from static question formats. The result is a wider range of data enabling the potential for more sophisticated analysis.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9248\" src=\"https:\/\/proweb.p.blends.be\/wp-content\/uploads\/slider-questions-1.png\" alt=\"\" width=\"400\" height=\"108\" \/><\/p>        <\/div>\n    <\/div>\n<\/div>\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-1vLvMi {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-1vLvMi {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #f5f5f5;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-1vLvMi-container  #f5f5f5 custom-padding \" id=\"section-1vLvMi\"\n    style=\"opacity: 100%; background-color: #f5f5f5;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-Zq3TJm .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-Zq3TJm {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Zq3TJm {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-Zq3TJm  px-0\" id=\"heading-Zq3TJm\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-Zq3TJm\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"4-use-emoji-scale\"><\/a>\n            <h2>4. Use emoji scale\u200b<\/h2>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    .lazyblock-content-26OcaK p,\n    .lazyblock-content-26OcaK p a,\n    .lazyblock-content-26OcaK h1,\n    .lazyblock-content-26OcaK h2,\n    .lazyblock-content-26OcaK h3,\n    .lazyblock-content-26OcaK h4,\n    .lazyblock-content-26OcaK h5 {\n        color: ;\n    }\n\n    #content-26OcaK {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-26OcaK {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-26OcaK {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-26OcaK-container  px-0 \"\n     id=\"content-26OcaK\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-26OcaK\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>With the increasing popularity of applications like WhatsApp and Facebook, it has become the norm for people to represent their feelings with emojis, as they are unambiguous and visually simpler and easier to use than photographs or other images.\u00a0<\/p>\n<p>Using an emoji scale in your survey instead of plain text or complex images can make your questionnaire clearer and easier to respond to. Emojis can be a fun and casual replacement for\u00a0 any 5-point or 7-point scale, regardless of the feedback scenario.<\/p>\n<p>For example:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9247\" src=\"https:\/\/proweb.p.blends.be\/wp-content\/uploads\/emoji-rating-1-1.png\" alt=\"\" width=\"400\" height=\"140\" \/><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9246\" src=\"https:\/\/proweb.p.blends.be\/wp-content\/uploads\/Text-choice-768x309-2.png\" alt=\"\" width=\"768\" height=\"309\" \/><\/p>\n<p>An emoji scale (top) compared to a standard text choice question (bottom)<\/p>        <\/div>\n    <\/div>\n<\/div>\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z1xmmmL {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1xmmmL {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z1xmmmL-container  #ffffff custom-padding \" id=\"section-Z1xmmmL\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-Zi5wfg .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-Zi5wfg {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Zi5wfg {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-Zi5wfg  px-0\" id=\"heading-Zi5wfg\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-Zi5wfg\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"5-scratch-card\"><\/a>\n            <h2>5. Scratch card\u200b<\/h2>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    .lazyblock-content-1KgA67 p,\n    .lazyblock-content-1KgA67 p a,\n    .lazyblock-content-1KgA67 h1,\n    .lazyblock-content-1KgA67 h2,\n    .lazyblock-content-1KgA67 h3,\n    .lazyblock-content-1KgA67 h4,\n    .lazyblock-content-1KgA67 h5 {\n        color: ;\n    }\n\n    #content-1KgA67 {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1KgA67 {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-1KgA67 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1KgA67-container  px-0 \"\n     id=\"content-1KgA67\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1KgA67\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Use a virtual scratch card in your survey to\u00a0provide incentives to your survey respondents. The respondent can swipe over the image to reveal if they\u2019ve won a prize. As part of this strategy, you could give away small gifts such as a gadget or accessory, or you could opt for added motivation with a major prize like a beach vacation.<\/p>\n<div><img decoding=\"async\" class=\"aligncenter size-full wp-image-9245\" src=\"https:\/\/proweb.p.blends.be\/wp-content\/uploads\/scratchcard-1.png\" alt=\"\" width=\"799\" height=\"484\" \/><\/div>        <\/div>\n    <\/div>\n<\/div>\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z1oQIK1 {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1oQIK1 {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #f5f5f5;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z1oQIK1-container  #f5f5f5 custom-padding \" id=\"section-Z1oQIK1\"\n    style=\"opacity: 100%; background-color: #f5f5f5;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-Z1hO4dU .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-Z1hO4dU {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Z1hO4dU {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-Z1hO4dU  px-0\" id=\"heading-Z1hO4dU\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-Z1hO4dU\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"6-image-upload\"><\/a>\n            <h2>6. Image upload\u200b<\/h2>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    .lazyblock-content-bTUtL p,\n    .lazyblock-content-bTUtL p a,\n    .lazyblock-content-bTUtL h1,\n    .lazyblock-content-bTUtL h2,\n    .lazyblock-content-bTUtL h3,\n    .lazyblock-content-bTUtL h4,\n    .lazyblock-content-bTUtL h5 {\n        color: ;\n    }\n\n    #content-bTUtL {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-bTUtL {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-bTUtL {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-bTUtL-container  px-0 \"\n     id=\"content-bTUtL\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-bTUtL\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>You can encourage survey respondents to upload an image or a photo to demonstrate how they use your product or services. The respondent can choose to upload an existing picture or take a picture at that moment. This option increases the interactivity of your survey and helps foster a more personal experience. It should look something like this:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9244\" src=\"https:\/\/proweb.p.blends.be\/wp-content\/uploads\/image-uplad-1.png\" alt=\"\" width=\"450\" height=\"134\" \/><\/p>        <\/div>\n    <\/div>\n<\/div>\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z1PjL9I {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1PjL9I {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z1PjL9I-container  #ffffff custom-padding \" id=\"section-Z1PjL9I\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-Z1IEqJY .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-Z1IEqJY {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-Z1IEqJY {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-Z1IEqJY  px-0\" id=\"heading-Z1IEqJY\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-Z1IEqJY\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"wrap-up\"><\/a>\n            <h2>Wrap up\u200b<\/h2>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<style>\n    .lazyblock-content-B3jEB p,\n    .lazyblock-content-B3jEB p a,\n    .lazyblock-content-B3jEB h1,\n    .lazyblock-content-B3jEB h2,\n    .lazyblock-content-B3jEB h3,\n    .lazyblock-content-B3jEB h4,\n    .lazyblock-content-B3jEB h5 {\n        color: ;\n    }\n\n    #content-B3jEB {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-B3jEB {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n        #content-B3jEB {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-B3jEB-container  px-0 \"\n     id=\"content-B3jEB\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-B3jEB\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Surveys are an important tool for collecting important information for your business, such as employee or customer satisfaction and demand. To make your surveys more engaging and reduce drop-off rates, you should use visuals wherever possible.\u00a0<\/p>\n<p>Visual media, including images, videos and animations, can either complement a text or replace it completely. This can help attract more responses and provide deeper insights into how you can improve your business performance.<\/p>        <\/div>\n    <\/div>\n<\/div>\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-Z1fNY7t {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1fNY7t {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #ffffff;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-Z1fNY7t-container  #ffffff custom-padding \" id=\"section-Z1fNY7t\"\n    style=\"opacity: 100%; background-color: #ffffff;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-10 px-0 custom-padding row\">\n                    \n\n<style>\n    #section-Z24NENM {\n        padding-top: 2.8rem;\n        padding-bottom: 0rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z24NENM {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #421f3c;\">\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n    <div class=\"container-fluid lazyblock-section lazyblock-section-Z24NENM-container  \" id=\"section-Z24NENM\"\n         style=\"opacity: 100%; background-color: #421f3c;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"container-md \">\n            <div class=\"row col-lg-12\">\n                \n\n<style>\n    #content-image-2djLDL {\n        padding-top: 0rem;\n        padding-bottom: 0rem;\n    }\n\n        \n    @media (max-width: 767.98px) {\n        .p-0 {\n            padding: 1rem !important;\n        }\n    }\n\n    #content-image-2djLDL {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-image-2djLDL .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-2djLDL .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n\n    @media (max-width: 1440px) {\n        #section-2djLDL {\n            \/\/padding-left: -2.8rem;\n        }\n    }\n\n    \n \/*   .lazyblock-content-image-container {\n        position: relative;\n    }*\/\n\n<\/style>\n\n<div class=\"lazyblock-content-image-container lazyblock-content-image-2djLDL-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-image \"\n         id=\"content-image-2djLDL\">\n        <div class=\"content-wrapper col-lg-6 col-12 pe-4 mb-lg-0 mb-4 order-1\">\n            <div class=\"d-flex flex-centered h-100\">\n                                                <div class=\"d-flex flex-wrap\">\n                    <div class=\"container-md px-0\">\n                        <div class=\"row lazyblock-content justify-content-start\">\n                            <div class=\"col-12 col-lg-12 text-start ps-4\">\n                    \n\n<style>\n    #heading-1LIO4z .heading h2 {\n        color: #ffffff;\n        font-size: 2rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-1LIO4z {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-1LIO4z {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-1LIO4z  px-0\" id=\"heading-1LIO4z\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-1LIO4z\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"create-your-own-assessment-for-free\"><\/a>\n            <h2>Create your own assessment <br>for free!<\/h2>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"row lazyblock-cta w-100\">\n    <div class=\"col-lg-12 text-start\">\n        <a class=\"btn btn-primary  \" href=\"https:\/\/app.pointerpro.com\/register?trial=true&amp;plan=professional\" target=\"_self\">Get started today<\/a>\n    <\/div>\n<\/div>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"image-wrapper col-lg-6 order-2\">\n            <div class=\"d-flex flex-centered h-100\">\n                                                                    <img decoding=\"async\" class=\"on-the-fly-2djLDL\" src=\"https:\/\/pointerpro.com\/wp-content\/uploads\/PP-BANNER-GetStartedToday.png\"\n                         alt=\"\" title=\"\"\/>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        var containers = document.querySelectorAll('.lazyblock-content-image-container');\n\n        function checkViewport() {\n            var screenWidth = window.innerWidth;\n            if (screenWidth > 320 && screenWidth <= 768) {\n                containers.forEach(function(container) {\n                    container.classList.remove('px-0', 'mx-0');\n                });\n            } else {\n                containers.forEach(function(container) {\n                    container.classList.add('px-0', 'mx-0');\n                });\n            }\n        }\n\n        checkViewport();\n\n        window.addEventListener('resize', checkViewport);\n    });\n\n<\/script>\n            <\/div>\n        <\/div>\n    <\/div>\n<!-- end -->\n\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-1OsIT9 {\n        padding-top: 0rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-1OsIT9 {\n        ;\n        ;\n        }\n    }\n\n        .custom-padding {\n        padding-right: 0 !important;\n        padding-left: 0 !important;\n    }\n    @media (max-width: 1024px) {\n        .custom-padding {\n            padding-right: var(--bs-gutter-x, .75rem) !important;\n            padding-left: var(--bs-gutter-x, .75rem) !important;\n        }\n    }\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; \">\n    <div class=\"container-xl lazyblock-section lazyblock-section-1OsIT9-container recommended-reading-single-post-container  custom-padding \" id=\"section-1OsIT9\"\n    style=\"opacity: 100%; \">\n                        <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-12 px-0 custom-padding row\">\n                    \n\n<style>\n    #heading-u9bU8 .heading h2 {\n        color: #ff7418;\n        font-size: 1.5rem;\n        line-height: 2rem !important;\n    }\n\n    #heading-u9bU8 {\n        margin-top: 0rem;\n        margin-bottom: 2rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-u9bU8 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n<\/style>\n\n<div class=\"container-md lazyblock-heading-2-container lazyblock-heading-2-u9bU8  px-0\" id=\"heading-u9bU8\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-u9bU8\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"recommended-reading\"><\/a>\n            <h2>Recommended Reading<\/h2>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"container-md lazyblock-teasers \">\n\n    \n    \n            <div class=\"row-wrapper child row row-cols-1 row-cols-lg-2 row-cols-xl-3 grid-gutter\" id=\"content_1wRP2\">\n                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/pointerpro.com\/wp-content\/uploads\/34-Ways-to-Increase-Response-Rate-6-1024x576-1.jpg\" class=\"recommended-item-img\" alt=\"36 Ways to increase your survey response rate\">\n                <\/div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https:\/\/pointerpro.com\/blog\/improve-survey-response-rate\/\">36 Ways to increase your survey response rate<\/a><\/h4>\n                <\/div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>Looking to improve your survey response rate and tried all the tell-me-something-new tips?...<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https:\/\/pointerpro.com\/blog\/improve-survey-response-rate\/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https:\/\/pointerpro.com\/wp-content\/themes\/project-child\/assets\/img\/icons\/arrow-right.png\" alt=\"read more arrow\">\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                    <\/div>\n                                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/pointerpro.com\/wp-content\/uploads\/Brand-elements-scaled.jpg\" class=\"recommended-item-img\" alt=\"Quick-start guide: Professional assessment report design for non-designers in 7 steps\">\n                <\/div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https:\/\/pointerpro.com\/blog\/professional-assessment-report-design-quick-start\/\">Quick-start guide: Professional assessment report design for non-designers in 7 steps<\/a><\/h4>\n                <\/div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>Find out how better HR decision-making starts with centralizing and securing high-quality assessment...<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https:\/\/pointerpro.com\/blog\/professional-assessment-report-design-quick-start\/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https:\/\/pointerpro.com\/wp-content\/themes\/project-child\/assets\/img\/icons\/arrow-right.png\" alt=\"read more arrow\">\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                    <\/div>\n                                                                <div class=\"col pb-5\">\n                        <div class=\"card h-100 px-0 recommended-posts\">\n    <div class=\"recommended-item-wrapper\">\n        <div class=\"recommended-item-card\">\n                            <div class=\"recommended-item-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/pointerpro.com\/wp-content\/uploads\/SURVEYxANYPLACExZAVENTEMANTWERP-274.jpg\" class=\"recommended-item-img\" alt=\"How to create an assessment: A step-by-step plan for professional service providers to create questionnaires and reports\">\n                <\/div>\n                        <div class=\"recommended-item-body flex-column h-100\">\n                <div class=\"recommended-item-title\">\n                    <h4><a href=\"https:\/\/pointerpro.com\/blog\/how-to-create-assessment\/\">How to create an assessment: A step-by-step plan for professional service providers to create questionnaires and reports<\/a><\/h4>\n                <\/div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>In this article, we explain how to create an assessment for your business...<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https:\/\/pointerpro.com\/blog\/how-to-create-assessment\/\" class=\"arrow d-flex align-items-center\">\n                Read more \n                   <img decoding=\"async\" src=\"https:\/\/pointerpro.com\/wp-content\/themes\/project-child\/assets\/img\/icons\/arrow-right.png\" alt=\"read more arrow\">\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                    <\/div>\n                                    <\/div>\n\n            <\/div>\n\n<script>\n    jQuery(document).ready(function($) {\n        jQuery('select').select2({\n            minimumResultsForSearch: -1,\n            width: 'resolve'\n        });\n\n        $('select').on('change', function() {\n            $('#blogform').submit();\n        });\n\n        $('.sorting input[type=\"radio\"]').change(function() {\n            $('.submit input[type=\"submit\"]').click();\n        });\n\n        \/\/ Add specific class if .career-type is found within .col div\n        document.querySelectorAll('.grid-gutter > .col').forEach(function(col) {\n            if (col.querySelector('.career-type')) {\n                col.parentNode.classList.add('career-gutter');\n            }\n        });\n\n        const $searchForm = $('#blogform');\n        \/\/ Prevent form submission on Enter key press in the search input\n        $searchForm.on('keypress', '#search-blog', function(event) {\n            if (event.which === 13) {\n                event.preventDefault();\n            }\n        });\n\n        const $searchSubmit = $('.search-submit');\n        $searchSubmit.on('click', function(event) {\n            event.preventDefault();\n        });\n\n    });\n<\/script>\n\n\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n\n\n\n<style>\n    #section-ZRW8zj {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-ZRW8zj {\n        ;\n        ;\n        }\n    }\n\n    <\/style>\n\n<!-- if container is fluid -->\n<div class=\"full-width\" style=\"position: relative; opacity: 100%; background-color: #553550;\">\n    <div class=\"container-xl lazyblock-section lazyblock-section-ZRW8zj-container mailform-single-page-container #553550 custom-padding \" id=\"section-ZRW8zj\"\n    style=\"opacity: 100%; background-color: #553550;\">\n                            <div class=\"section-bg-color\"\n                 style=\"opacity: 100%;\"><\/div>\n                <div class=\"row justify-content-center px-0 mx-0\">\n                <div class=\"col-lg-12 px-0 custom-padding row\">\n                    \n<div class=\"row mx-0 lazyblock-form\">\n    <div class=\"form-pretext px-0\">\n        <h2><span style=\"font-size: 36px; color: #ffffff;\">Want to know more?<\/span><\/h2>\n<p><span style=\"color: #ffffff;\">Subscribe to our newsletter and get hand-picked articles directly to your inbox<\/span><\/p>    <\/div>\n    <form id=\"form-Z2cqEPC\" class=\"mailchimp-form\">\n        <div class=\"row\">\n            <div class=\"col-md-7 px-0\">\n                <input type=\"email\" name=\"subscribe-email\" id=\"subscribe-email-Z2cqEPC\"\n                       class=\"form-control\" placeholder=\"E-mail\" required>\n            <\/div>\n            <div class=\"col-md-5\">\n                <button type=\"submit\" class=\"btn btn-primary\">Subscribe<\/button>\n            <\/div>\n        <\/div>\n    <\/form>\n    <div id=\"form-Z2cqEPC-spinner\" class=\"d-none\">\n        Please wait..\n    <\/div>\n    <div id=\"form-Z2cqEPC-thankyou\" class=\"d-none px-0\">\n        Your submission was successful!    <\/div>\n<\/div>\n\n<script>\n    jQuery(document).ready(function ($) {\n        $('.mailchimp-form').on('submit', function (e) {\n            e.preventDefault();\n            var blockId = $(this).attr('id').split('-')[1];\n            var emailInput = $('#subscribe-email-' + blockId);\n            var email = emailInput.val();\n            var spinner = $('#form-' + blockId + '-spinner');\n            var thankyou = $('#form-' + blockId + '-thankyou');\n\n            spinner.removeClass('d-none'); \/\/ Show the spinner message\n\n            $.ajax({\n                type: \"POST\",\n                url: 'https:\/\/pointerpro.com\/wp-admin\/admin-ajax.php',\n                data: {\n                    action: 'subscribe_to_mailchimp',\n                    email: email,\n                    nonce: 'e7a78befd2'\n                },\n                success: function (response) {\n                    emailInput.val('');\n                    spinner.addClass('d-none');\n                    thankyou.removeClass('d-none').html(\"Your submission was successful!\");\n                },\n                error: function () {\n                    emailInput.val('');\n                    spinner.addClass('d-none');\n                    thankyou.removeClass('d-none').html('There was an error, please try again.');\n                }\n            });\n        });\n    });\n<\/script>\n\n<style>\n    #form-Z2cqEPC-thankyou,\n    #form-Z2cqEPC-spinner {\n        color: #421f3c;\n        margin: 1rem 0 1rem;\n    }\n<\/style>\n\n                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- end -->\n\n<!-- if container is MD -->\n<!-- end -->\n\n","protected":false},"excerpt":{"rendered":"<p>How can you make your survey more engaging? In order to have more people answer your survey, you need to create an engaging survey that keeps respondents looking forward to the next question. In this article, we\u2019ll discuss how visually appealing images can instantly make your survey more compelling.<\/p>\n","protected":false},"author":31,"featured_media":15311,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"topic":[416],"class_list":["post-9242","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-en","topic-questionnaire-report-tips"],"acf":[],"_links":{"self":[{"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/posts\/9242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/comments?post=9242"}],"version-history":[{"count":4,"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/posts\/9242\/revisions"}],"predecessor-version":[{"id":17628,"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/posts\/9242\/revisions\/17628"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/media\/15311"}],"wp:attachment":[{"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/media?parent=9242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/categories?post=9242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/tags?post=9242"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/pointerpro.com\/wp-json\/wp\/v2\/topic?post=9242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}