{"id":7131,"date":"2019-06-21T14:35:46","date_gmt":"2019-06-21T13:35:46","guid":{"rendered":"https:\/\/dev.popcomms.com\/pop\/?p=7131"},"modified":"2022-03-01T10:11:46","modified_gmt":"2022-03-01T10:11:46","slug":"b2b-which-types-of-interactive-content-will-your-customers-react-best-to","status":"publish","type":"post","link":"https:\/\/dev.popcomms.com\/pop\/b2b-which-types-of-interactive-content-will-your-customers-react-best-to\/","title":{"rendered":"B2B: Which Types of Interactive Content Will Your Customers React Best To?"},"content":{"rendered":"\n<p>Are you thinking of investing in interactive sales and marketing content for your B2B customers? Do you want to find out more about the interactive <a href=\"https:\/\/dev.popcomms.com\/pop\/sales-enablement-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">sales enablement tools<\/a> that successful salespeople use? <\/p>\n\n\n\n<p>Interactive sales and marketing content can be a fantastic way for customers to interact with your brand. Marketing tools for sales reps, such as an interactive sales tool, sales enablement tool or <a href=\"https:\/\/dev.popcomms.com\/pop\/touchscreen-experiences\/\" target=\"_blank\" rel=\"noreferrer noopener\">touchscreen experience<\/a> can equip your sales team with everything they need to engage with and WOW your customers. <\/p>\n\n\n\n<p>After all, <a rel=\"noopener\" href=\"https:\/\/www.demandgenreport.com\/industry-resources\/research\/3141-2015-content-preferences-survey-buyers-value-content-packages-interactive-content-.html#.VVOOO9NVhBc\" target=\"_blank\">91% of B2B buyers<\/a> say they actually prefer interactive and visual content over static content.<\/p>\n\n\n\n<p>But if you&#8217;re considering going down this route, and investing in interactive sales and marketing content or an interactive experience your customers will love, how will you know which types of content they&#8217;re going to react best to?&nbsp;You may even just want to get a better idea of what&#8217;s possible first.<\/p>\n\n\n\n<p>As a Creative Technology business, we specialise in helping B2B companies and sales teams connect with and demonstrate value to their customers using fun, visual and engaging content via interactive sales tools that ultimately result in sales success.<\/p>\n\n\n\n<p><strong>TIP:<\/strong> Here are some <a href=\"https:\/\/dev.popcomms.com\/pop\/blog\/7-of-the-most-compelling-interactive-content-statistics-and-what-they-mean-for-you\/\" target=\"_blank\" rel=\"noopener\">other compelling statistics<\/a> that&#8217;ll make you want to start creating some great interactive content right now!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What types of interactive content are there?<\/h2>\n\n\n\n<p>When it comes to interactive sales tools or touchscreens, basically the only limit is your imagination. There are so many different ways your customers can interact with the experience you create &#8211; but the more surprising and engaging, the better chance you have of delighting your customers. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/Surface_new-2-1024x640-2.png\" alt=\"\" class=\"wp-image-11089\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/Surface_new-2-1024x640-2.png 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/Surface_new-2-1024x640-2-300x188.png 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/Surface_new-2-1024x640-2-768x480.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>An interactive sales tool developed for <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/fujitsu-interactive-sales-presentation\/\" target=\"_blank\">Fujitsu<\/a> to help visually articulate its cybersecurity credentials to customers. <\/figcaption><\/figure>\n\n\n\n<p>Here you can find out about tools that are successful at increasing sales and the types of interactive content you can include with an interactive sales tool or touchscreen:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Interactive diagrams and menus<\/li><li>Object recognition<\/li><li>Demographic recognition<\/li><li>Videos&nbsp;and stories such as&nbsp;<a href=\"https:\/\/dev.popcomms.com\/pop\/blog\/use-day-life-interactive-presentation\/\">\u2018a day in the life\u2019<\/a><\/li><li>Infographics<\/li><li>Microsites<\/li><li>Quizzes<\/li><li>Speech recognition<\/li><li>Gesture control<\/li><li>Facial and shape recognition<\/li><li>Manipulating 3d models<\/li><li>Creating drawings and notes they can be saved for later or emailed<\/li><li>Downloadable content customers can email to themselves<\/li><li>iBeacons<\/li><li>NFC<\/li><\/ul>\n\n\n\n<p><strong>TIP:<\/strong> Don&#8217;t forget micro interactions! Those are often just as important, if not more so, than all of the above &#8211; <a href=\"https:\/\/dev.popcomms.com\/pop\/blog\/guide-micro-interactions-theyre-important-interactive-touchscreen-experiences\/\" target=\"_blank\" rel=\"noopener\">our blog explains why<\/a>.<\/p>\n\n\n\n<p>Add a few of the above together, along with an engaging, visual theme to tie it all together, whilst ensuring you&#8217;re delivering all the right information your customers are going to need, and you should come away with something that&#8217;s fun, compelling and memorable that your customers will enjoy using.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"698\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/Sales-enablement-interactive-presentation-touchscreen-multitouch-jsp-popcomms-15-1024x698.png\" alt=\"\" class=\"wp-image-11535\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/Sales-enablement-interactive-presentation-touchscreen-multitouch-jsp-popcomms-15-1024x698.png 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/Sales-enablement-interactive-presentation-touchscreen-multitouch-jsp-popcomms-15-300x204.png 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/Sales-enablement-interactive-presentation-touchscreen-multitouch-jsp-popcomms-15-768x523.png 768w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/Sales-enablement-interactive-presentation-touchscreen-multitouch-jsp-popcomms-15.png 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>The sales enablement tool we developed for <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/jsp\/\" target=\"_blank\">JSP<\/a> allows customers to change the colour and logos on selected products using a configurator feature<\/figcaption><\/figure>\n\n\n\n<p>Well, as long as you follow the next piece of advice, that is&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Design with your customer in mind<\/h2>\n\n\n\n<p>This is without a doubt the most important consideration when developing any sort of interactive content or experience &#8211; which is why it&#8217;s surprising when this seems to go right over some companies&#8217; heads! You need to really know your customers.<\/p>\n\n\n\n<p>After all, at the end of the day, it&#8217;s your customers who are going to be interacting with the content that you&#8217;ve spent so much time and money investing in. If they don&#8217;t like it, then surely all of that initial investment will have been for nothing.<\/p>\n\n\n\n<p>Instead, you need to ensure your content is specific, personal and relating directly to the individuals you&#8217;re designing for. Who are they, and what sort of experience might work for them? What messages are relevant to them, and what sort of content will they enjoy interacting with?<\/p>\n\n\n\n<p>They&#8217;ll definitely have their own objectives and goals in mind whilst interacting with your experience, so how can you align your goals with theirs? Speaking of your own objectives, you it&#8217;s vital you map all of those out, too.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/GCPAT-Cityscape-on-Touchscreen-1024x640-1.jpg\" alt=\"\" class=\"wp-image-10907\" srcset=\"https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/GCPAT-Cityscape-on-Touchscreen-1024x640-1.jpg 1024w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/GCPAT-Cityscape-on-Touchscreen-1024x640-1-300x188.jpg 300w, https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/07\/GCPAT-Cityscape-on-Touchscreen-1024x640-1-768x480.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Construction products technology company <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.popcomms.com\/pop\/case-studies\/gcp-applied-technologies\/\" target=\"_blank\">GCPAT<\/a> wanted more engaging sales presentations i<\/figcaption><\/figure>\n\n\n\n<p>If you start looking at all of the above factors methodically, you\u2019ll begin to get a picture of your customers and the content that needs to be pulled in to support those conversations. It&#8217;s also something we recommend doing before you even contact an interactive design agency who might be able to help.<\/p>\n\n\n\n<p><strong>TIP:<\/strong> We&#8217;ve actually detailed out this process a bit more and taken you through a lot of the process we&#8217;d go through with our own clients, <a href=\"https:\/\/dev.popcomms.com\/pop\/blog\/start-creating-interactive-touchscreen-experience-business\/\" target=\"_blank\" rel=\"noopener\">in this blog post<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Advice from a Creative Technology Business<\/h2>\n\n\n\n<p>We understand that there\u2019s a lot to think about when you\u2019re in the early stages of developing an interactive touchscreen experience, and it can be overwhelming.<\/p>\n\n\n\n<p>Whilst there are lots of different ways your customers can interact with your content using something like an interactive sales tool, sales enablement tool or touchscreen experience, it&#8217;s vital to remember:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>It has to be simple enough for the audience to know what to do<\/li><li>Engaging enough to be memorable<\/li><li>Whilst at the same time providing the right level of information your audience is looking for<\/li><\/ul>\n\n\n\n<p>If you&#8217;re able to balance these three elements, you should end up with a great experience for your customers, and you\u2019ll achieve the objectives that you originally set out to achieve.<\/p>\n\n\n\n<p><strong>TIP:<\/strong> For more detail on the types of interactive content and the steps you should take to figure out what you need, <a href=\"https:\/\/dev.popcomms.com\/pop\/blog\/how-can-customers-and-visitors-interact-with-your-brand-and-content-on-a-touchscreen-display\/\" target=\"_blank\" rel=\"noopener\">check out our recent blog<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In summary&#8230;<\/h2>\n\n\n\n    <div class=\"container-wide\">\n    <div\n      is=\"download\"\n      inline-template\n      id=\"download-form\"\n    >\n      <div class=\"download-form-container\"  data-email-title=\"\" data-email-image=\"\" data-email-file=\"\">\n        <div class=\"border-2 \">\n          <div class=\"sm:hidden block relative\" style=\"padding-bottom: 100%;\">\n            <div\n              class=\"absolute top-0 left-0 w-full h-full bg-no-repeat bg-center bg-cover\"\n              style=\"background-image: url(https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/06\/Touchscreen-interactive-presentation-medical-device-corin-popcomms-3.jpg)\"\n            ><\/div>\n          <\/div>\n          <div\n            ref=\"downloadForm\"\n            name=\"download_form\"\n            method=\"post\"\n            action=\"\"\n            onsubmit=\"return false\"\n            class=\"download-form w-full relative\"\n          >\n            <transition name=\"fade\">\n              <div\n                v-show=\"step !== 1\"\n                class=\"absolute flex flex-col top-0 left-0 w-full h-full shadow-md bg-pop-black\"\n                style=\"z-index: 1;\"\n              ><\/div>\n            <\/transition>\n            <div ref=\"downloadFormStep1\">\n              <div class=\"md:grid md:grid-cols-2\">\n  <div class=\"hidden md:block relative\" style=\"padding-bottom: 100%;\">\n    <div\n      class=\"absolute top-0 left-0 w-full h-full bg-no-repeat bg-center bg-cover\"\n      style=\"background-image: url(https:\/\/dev.popcomms.com\/pop\/wp-content\/uploads\/2021\/06\/Touchscreen-interactive-presentation-medical-device-corin-popcomms-3.jpg)\"\n    ><\/div>\n  <\/div>\n  <div class=\"flex flex-col\">\n    <div class=\"h-2\/5 bg-pop-pink text-pop-white p-6 lg:px-8 flex flex-col justify-center\">\n      <h3 class=\"font-semibold text-xl lg:text-2xl\">Download guide<\/h3>\n    <\/div>\n    <div class=\"h-3\/5 flex flex-col justify-between bg-pop-black\" >\n      <div class=\"flex items-center lg:text-lg h-full p-6 lg:px-8 text-pop-white\">\n        Download our guide to creating immersive touchscreen experiences\n      <\/div>\n      <div\n        class=\"flex justify-end cursor-pointer\"\n        @click=\"nextStep()\"\n      >\n        <div class=\"bg-pop-black text-pop-white text-pop-white m-0 px-4 py-2 h-10 leading-0\">\n          Download\n        <\/div>\n        <div class=\"w-10 h-10 p-2 bg-pop-navy\">\n          <svg class=\"w-full absolute left-1\/2 top-1\/2 -translate-y-1\/2 -translate-x-1\/2 transform rotate-90 text-pop-white\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path\n              class=\"fill-current text-pop-pink\"\n              d=\"M13.0607 0.625645C12.4749 0.0398579 11.5251 0.0398579 10.9393 0.625645L1.3934 10.1716C0.807611 10.7574 0.807611 11.7071 1.3934 12.2929C1.97919 12.8787 2.92893 12.8787 3.51472 12.2929L12 3.80762L20.4853 12.2929C21.0711 12.8787 22.0208 12.8787 22.6066 12.2929C23.1924 11.7071 23.1924 10.7574 22.6066 10.1716L13.0607 0.625645ZM13.5 24.3137V1.6863H10.5V24.3137H13.5Z\"\n              fill=\"currentColor\"\n            \/>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep2\"\n              v-show=\"step === 2\"\n              class=\"absolute flex flex-col top-0 left-0 w-full h-full p-3 sm:p-10  text-pop-white z-10\"\n            >\n              <div class=\"text-sm mb-4\">1 \/ 3<\/div>\n              <div class=\"w-full md:w-5\/6 form-text leading-tight text-base sm:text-xl md:text-xl\">\n  We just need some details to get you started. Please enter your <span class=\"text-pop-yellow\">first name<\/span> and <span class=\"text-pop-yellow\">surname<\/span>.\n<\/div>\n<div class=\"flex-grow flex flex-col justify-center\">\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"first_name\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white \"\n        type=\"text\"\n        v-model=\"form.firstName.value\"\n        placeholder=\"First name *\"\n        @keyup.prevent=\"validateFirstName\"\n      >\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.firstName.valid)\" style=\"height: 2px;\"\n  ><\/div>\n  <\/div>\n  <\/div>\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"last_name\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white pr-12\"\n        type=\"text\"\n        v-model=\"form.lastName.value\"\n        placeholder=\"Surname *\"\n        @keyup.prevent=\"validateLastName\"\n      >\n            <svg @click=\"validateLastName\" class=\"absolute h-8 sm:h-auto top-1\/2 transform -translate-y-1\/2 right-0 cursor-pointer fill-current text-pop-white hover:text-pop-pink transition-colors\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M36.3746 25.0607C36.9604 24.4749 36.9604 23.5251 36.3746 22.9393L26.8287 13.3934C26.2429 12.8076 25.2931 12.8076 24.7073 13.3934C24.1216 13.9792 24.1216 14.9289 24.7073 15.5147L33.1926 24L24.7073 32.4853C24.1216 33.0711 24.1216 34.0208 24.7073 34.6066C25.2931 35.1924 26.2429 35.1924 26.8287 34.6066L36.3746 25.0607ZM12.6865 25.5L35.3139 25.5L35.3139 22.5L12.6865 22.5L12.6865 25.5Z\"\/>\n      <\/svg>\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.lastName.valid)\" style=\"height: 2px;\"\n  ><\/div>\n      <div class=\"hidden sm:block input-guide opacity-0 absolute -bottom-2 right-0 text-sm pt-1 text-right transform translate-y-full text-pop-white\">click or hit enter<\/div>\n  <\/div>\n  <\/div>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep3\"\n              v-show=\"step === 3\"\n              class=\"absolute flex flex-col top-0 left-0 w-full h-full p-3 sm:p-10 bg-pop-black text-pop-white z-10\"\n            >\n              <div class=\"text-sm mb-4\">2 \/ 3<\/div>\n              <div class=\" form-text w-full sm:w-4\/6 leading-tight text-base sm:text-xl md:text-xl\">\n  And now just your <span class=\"text-pop-yellow\">email<\/span> &amp; <span class=\"text-pop-yellow\">company name<\/span>, please.\n<\/div>\n<div class=\"flex-grow flex flex-col justify-center\">\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"email\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white \"\n        type=\"email\"\n        v-model=\"form.email.value\"\n        placeholder=\"Your email *\"\n        @keyup.prevent=\"validateEmail\"\n      >\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.email.valid)\" style=\"height: 2px;\"\n  ><\/div>\n  <\/div>\n  <\/div>\n  <div class=\"my-2 sm:my-4\">\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"company\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white pr-12\"\n        type=\"text\"\n        v-model=\"form.company.value\"\n        placeholder=\"Company *\"\n        @keyup.prevent=\"validateCompany\"\n      >\n            <svg @click=\"validateCompany\" class=\"absolute h-8 sm:h-auto top-1\/2 transform -translate-y-1\/2 right-0 cursor-pointer fill-current text-pop-white hover:text-pop-pink transition-colors\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M36.3746 25.0607C36.9604 24.4749 36.9604 23.5251 36.3746 22.9393L26.8287 13.3934C26.2429 12.8076 25.2931 12.8076 24.7073 13.3934C24.1216 13.9792 24.1216 14.9289 24.7073 15.5147L33.1926 24L24.7073 32.4853C24.1216 33.0711 24.1216 34.0208 24.7073 34.6066C25.2931 35.1924 26.2429 35.1924 26.8287 34.6066L36.3746 25.0607ZM12.6865 25.5L35.3139 25.5L35.3139 22.5L12.6865 22.5L12.6865 25.5Z\"\/>\n      <\/svg>\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.company.valid)\" style=\"height: 2px;\"\n  ><\/div>\n      <div class=\"hidden sm:block input-guide opacity-0 absolute -bottom-2 right-0 text-sm pt-1 text-right transform translate-y-full text-pop-white\">click or hit enter<\/div>\n  <\/div>\n  <\/div>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep4\"\n              v-show=\"step === 4\"\n              class=\"absolute flex flex-col top-0 left-0 w-full h-full p-3 sm:p-10 bg-pop-black text-pop-white z-10\"\n            >\n              <div class=\"text-sm mb-4\">3 \/ 3<\/div>\n              <div class=\"w-1\/2 form-text opacity-0 sm:mb-12 leading-tight text-base sm:text-xl md:text-xl\">\n  Brill! Are you a human?\n  Prove it by simply entering the answer to <span class=\"text-pop-yellow\" v-html=\"captcha.a\"><\/span> <span class=\"text-pop-yellow\">+<\/span> <span class=\"text-pop-yellow\" v-html=\"captcha.b\"><\/span>\n<\/div>\n<div class=\"grid grid-cols-2 auto-cols-auto space-x-4 my-4\">\n  <div>\n    <div class=\"input-box relative w-full\">\n  <div class=\"relative overflow-hidden\">\n    <div class=\"input-content transform translate-y-full\">\n      <input\n        name=\"captcha\"\n        class=\"w-full font-normal text-lg sm:text-2xl bg-pop-black text-pop-white \"\n        type=\"text\"\n        v-model=\"form.captcha.value\"\n        placeholder=\"Your answer?\"\n        @keyup.prevent=\"validateCaptcha\"\n      >\n          <\/div>\n  <\/div>\n\n  <div\n    class=\"input-border absolute top-full left-0 transition-colors duration-300\" :class=\"validationHighlight(form.captcha.valid)\" style=\"height: 2px;\"\n  ><\/div>\n  <\/div>\n  <\/div>\n<\/div>\n<div class=\"form-text flex opacity-0 text-xs\">\n  <div>\n    By submitting this form you agree to POPcomms <a class=\"text-pop-pink underline\" href=\"https:\/\/dev.popcomms.com\/pop\/privacy-policy\" target=\"_blank\">Privacy Policy<\/a>\n  <\/div>\n<\/div>\n<div\n  class=\"absolute bottom-0 right-0 flex justify-center cursor-pointer\"\n  @click=\"submit\"\n>\n  <div class=\"bg-pop-purple text-pop-white m-0 px-4 py-3 h-12 leading-0\">\n    Submit\n  <\/div>\n  <div class=\"w-12 h-12 p-2 bg-white flex items-center justify-center\">\n    <svg class=\"transform rotate-90 text-pop-purple\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path\n        class=\"fill-current\"\n        d=\"M13.0607 0.625645C12.4749 0.0398579 11.5251 0.0398579 10.9393 0.625645L1.3934 10.1716C0.807611 10.7574 0.807611 11.7071 1.3934 12.2929C1.97919 12.8787 2.92893 12.8787 3.51472 12.2929L12 3.80762L20.4853 12.2929C21.0711 12.8787 22.0208 12.8787 22.6066 12.2929C23.1924 11.7071 23.1924 10.7574 22.6066 10.1716L13.0607 0.625645ZM13.5 24.3137V1.6863H10.5V24.3137H13.5Z\"\n        fill=\"currentColor\"\n      \/>\n    <\/svg>\n  <\/div>\n<\/div>\n<div class=\"hidden sm:block absolute top-0 right-0 w-1\/2 pointer-events-none\">\n  <svg class=\"watching-eye w-full\" preserveAspectRatio=\"xMidYMid meet\"  viewBox=\"0 0 496 369\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\">\n    <rect class=\"lines\" y=\"-123.89\" width=\"496\" height=\"245.916\" fill=\"url(#pattern5)\"\/>\n    <clipPath id=\"irisclipPath5\">\n      <path class=\"eye-mask\" style=\"transform-origin: 50% 32%;\" d=\"M0 122.813C58.13 49.7951 147.621 3.01562 248 3.01562C348.379 3.01562 437.87 49.7951 496 122.813C437.87 195.83 348.379 242.61 248 242.61C147.621 242.61 58.13 195.83 0 122.813Z\" fill=\"black\"\/>\n    <\/clipPath>\n    <rect fill=\"white\" style=\"clip-path: url(#irisclipPath5)\" class=\"lines\" y=\"0\" width=\"496\" height=\"245.916\"\/>\n    <!-- <path style=\"clip-path: url(#irisclipPath5)\" d=\"M0 122.813C58.13 49.7951 147.621 3.01562 248 3.01562C348.379 3.01562 437.87 49.7951 496 122.813C437.87 195.83 348.379 242.61 248 242.61C147.621 242.61 58.13 195.83 0 122.813Z\" fill=\"white\"\/> -->\n    <ellipse class=\"iris\" style=\"clip-path: url(#irisclipPath5)\" cx=\"247.653\" cy=\"121.806\" rx=\"101.771\" ry=\"102.118\" fill=\"#6F62FF\"\/>\n    <ellipse class=\"pupil\" style=\"clip-path: url(#irisclipPath5)\" cx=\"244.924\" cy=\"78.2744\" rx=\"35.4286\" ry=\"35.4286\" fill=\"#F8F7EE\"\/>\n    <defs>\n      <pattern id=\"pattern5\" patternContentUnits=\"objectBoundingBox\" width=\"0.0241935\" height=\"0.0487972\">\n        <use xlink:href=\"#image0\" transform=\"scale(0.00201613 0.00406643)\"\/>\n      <\/pattern>\n      <image id=\"image0\" width=\"12\" height=\"12\" xlink:href=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA8SURBVHgB7dGxDQAgCATAdytjwWqwDzuqaBzg7SggITTHN99AzBC3ODoBo3Ds6uJaOAl+DzS+jf\/gE74Bfmo++ZWcm1wAAAAASUVORK5CYII=\"\/>\n    <\/defs>\n  <\/svg>\n<\/div>\n            <\/div>\n            <div\n              ref=\"downloadFormStep5\"\n              v-show=\"step === 5\"\n              class=\"absolute top-0 left-0 w-full h-full p-3 sm:p-10 bg-pop-black text-pop-white z-10\"\n            >\n              <div class=\"text-sm p-3 sm:p-10\">Complete<\/div>\n              <div class=\"grid md:grid-cols-2\">\n  <div class=\"flex flex-col form-text justify-center text-xl p-6\">\n    <div>\n      Thanks, <span class=\"text-pop-yellow\">all done!<\/span><br>\n      Check your email to find your guide.\n    <\/div>\n  <\/div>\n<\/div>\n\n  <svg class=\"hidden md:block absolute right-0 top-1\/2 transform -translate-y-1\/2\" width=\"408\" height=\"336\" viewBox=\"0 0 408 336\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M83.8623 99.4615C83.8623 80.9476 99.1777 65.9391 118.07 65.9391L542.543 65.9392C561.436 65.9392 576.751 80.9477 576.751 99.4616C576.751 117.975 561.436 132.984 542.543 132.984L118.07 132.984C99.1776 132.984 83.8623 117.975 83.8623 99.4615Z\" fill=\"#6F62FF\"\/>\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M197.889 166.867C197.889 148.154 213.369 132.984 232.464 132.984L542.175 132.984C561.271 132.984 576.751 148.154 576.751 166.867C576.751 185.58 561.271 200.75 542.175 200.75L232.464 200.75C213.369 200.75 197.889 185.58 197.889 166.867Z\" fill=\"#6F62FF\"\/>\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M216.28 234.632C216.28 215.92 231.76 200.75 250.856 200.75L542.176 200.75C561.271 200.75 576.751 215.92 576.751 234.633C576.751 253.346 561.271 268.515 542.176 268.515L250.856 268.515C231.76 268.515 216.28 253.345 216.28 234.632Z\" fill=\"#6F62FF\"\/>\n    <path class=\"finger stroke-current text-pop-black\" stroke-width=\"2\" d=\"M233.937 302.038C233.937 283.524 249.252 268.515 268.144 268.515L542.544 268.515C561.436 268.515 576.752 283.524 576.752 302.038C576.752 320.552 561.436 335.56 542.544 335.56L268.144 335.56C249.252 335.56 233.937 320.552 233.937 302.038Z\" fill=\"#6F62FF\"\/>\n    <path class=\"hand\"d=\"M379.105 137.017C379.105 97.7617 411.579 65.9391 451.637 65.9391H487.545C527.603 65.9391 560.077 97.7618 560.077 137.017V264.483C560.077 303.738 527.603 335.56 487.545 335.56H451.637C411.579 335.56 379.105 303.738 379.105 264.482V137.017Z\" fill=\"#6F62FF\"\/>\n    <path class=\"waves opacity-0 origin-center\" d=\"M130.346 184.698C118.12 186.375 105.723 185.501 93.9727 182.131C82.2223 178.761 71.3854 172.974 62.1767 165.149C52.9679 157.325 45.5964 147.641 40.5482 136.738C35.5 125.834 32.8898 113.957 32.8897 101.891C32.8896 89.825 35.4995 77.8432 40.5475 66.736C45.5954 55.6287 52.9667 45.6481 62.1753 37.4524C71.3839 29.2566 82.2207 23.0319 93.971 19.1886C105.721 15.3452 118.118 13.9706 130.345 15.1553L128.988 26.3128C118.367 25.2836 107.598 26.4777 97.3901 29.8165C87.1825 33.1552 77.7686 38.5627 69.769 45.6823C61.7695 52.802 55.366 61.4721 50.9808 71.1211C46.5956 80.77 44.3283 91.1786 44.3285 101.661C44.3286 112.142 46.5961 122.46 50.9815 131.932C55.3668 141.404 61.7705 149.816 69.7702 156.613C77.7699 163.41 87.1839 168.438 97.3915 171.365C107.599 174.292 118.369 175.052 128.99 173.595L130.346 184.698Z\" fill=\"#3A3EAB\"\/>\n    <path class=\"waves opacity-0 origin-center\" d=\"M121.559 160.297C104.817 160.599 88.7233 154.419 76.8186 143.116C64.914 131.814 58.1735 116.315 58.08 100.029C57.9866 83.7426 64.5478 68.0036 76.3203 56.2741C88.0928 44.5445 104.112 37.7853 120.854 37.4833L120.916 48.2672C107.114 48.5161 93.9081 54.0884 84.203 63.758C74.4979 73.4277 69.089 86.4027 69.166 99.8287C69.2431 113.255 74.7998 126.032 84.6138 135.349C94.4279 144.667 107.695 149.762 121.497 149.513L121.559 160.297Z\" fill=\"#3A3EAB\"\/>\n  <\/svg>\n                <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  \n\n\n<p>With any luck, this blog has managed to give you a better idea of just some of the ways your customers can interact with an interactive sales tool, sales enablement tool or touchscreen experience. There are so many options and ways to create a fun, engaging and memorable experience that it can seem a bit overwhelming.<\/p>\n\n\n\n<p>Luckily, that&#8217;s where an interactive design agency will be able to step in and help guide you through the process, whilst doing all the heavy lifting. Just remember to design with your customers in mind, and ensure you align your business goals&nbsp;and objectives with the goals of your target audience.<\/p>\n\n\n\n<p>Are you looking to learn more about some of the possibilities mentioned above? Then download our eBook, or get in touch, we\u2019d love to hear from you. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you thinking of investing in interactive sales and marketing content for your B2B customers? Do you want to find out more about the interactive sales enablement tools that successful salespeople use? Interactive sales and marketing content can be a fantastic way for customers to interact with your brand. Marketing tools for sales reps, such [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":11632,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[23,4],"tags":[113,123,98,136,243,244,20,170,86],"class_list":["post-7131","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sales-enablement","category-touchscreens","tag-b2b-sales","tag-digital-sales-tool","tag-interactive-content","tag-interactive-sales-experiences","tag-sales-content","tag-successful-sales","tag-touchscreen","tag-touchscreens-for-events","tag-visual-storytelling"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts\/7131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/comments?post=7131"}],"version-history":[{"count":0,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/posts\/7131\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/media\/11632"}],"wp:attachment":[{"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/media?parent=7131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/categories?post=7131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.popcomms.com\/pop\/wp-json\/wp\/v2\/tags?post=7131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}