{"id":11597,"date":"2021-01-29T13:00:00","date_gmt":"2021-01-29T12:00:00","guid":{"rendered":"https://proweb.p.blends.be/?p=11597"},"modified":"2025-06-27T13:59:28","modified_gmt":"2025-06-27T11:59:28","slug":"powerful-visual-storytelling-techniques-to-connect-with-customers","status":"publish","type":"post","link":"https://pointerpro.com/fr/blog/powerful-visual-storytelling-techniques-to-connect-with-customers/","title":{"rendered":"Powerful visual storytelling techniques to connect with customers"},"content":{"rendered":"\n<style>\n    #section-Z2d2hMx {\n        padding-top: 2.8rem;\n        padding-bottom: 6rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z2d2hMx {\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-Z2d2hMx-container  #421f3c custom-padding \" id=\"section-Z2d2hMx\"\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-NVrQU .heading h1 {\n        color: #ffffff;\n        font-size: 3.125rem;\n        line-height: 4rem !important;\n    }\n\n    #heading-NVrQU {\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-NVrQU {\n            margin-left: 0;\n            margin-right: 0;\n        }\n\n        .single #heading-NVrQU .heading h1 {\n            line-height: 3rem !important;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-heading-1-container lazyblock-heading-1-NVrQU  px-0\" id=\"heading-NVrQU\">\n    <div class=\"row heading lazyblock-heading-1 justify-content-start  lazyblock-heading-1-NVrQU\">\n        <div class=\"col-12 col-lg-12 text-start \">\n            <a class=\"heading-1-anchor heading-anchor\" id=\"powerful-visual-storytelling-techniques-to-connect-with-customers\"></a>\n            <h1>Powerful visual storytelling techniques to connect with customers</h1>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    #heading-ZjhnMQ .heading h2 {\n        color: #f5f5f5;\n        font-size: 1.25rem;\n        line-height: 1.5rem !important;\n    }\n\n    #heading-ZjhnMQ {\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-ZjhnMQ {\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-ZjhnMQ date-and-author-container px-0\" id=\"heading-ZjhnMQ\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start date-and-author lazyblock-heading-2-ZjhnMQ\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"written-january-29-2021-by-joanna-camarce\"></a>\n            <h2>Written January 29, 2021 , by Joanna Camarce</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-hgwuz {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-hgwuz {\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-hgwuz-container  #ffffff custom-padding \" id=\"section-hgwuz\"\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-11szyA p,\n    .lazyblock-content-11szyA p a,\n    .lazyblock-content-11szyA h1,\n    .lazyblock-content-11szyA h2,\n    .lazyblock-content-11szyA h3,\n    .lazyblock-content-11szyA h4,\n    .lazyblock-content-11szyA h5 {\n        color: ;\n    }\n\n    #content-11szyA {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-11szyA {\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-11szyA {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-11szyA-container  px-0 \"\n     id=\"content-11szyA\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-11szyA\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>When you’re trying to connect with customers and potential customers, your first instinct might be to just bombard them with a wall of text.</p>\n<p>Don’t do that. </p>\n<p>Text is one of the most inefficient forms of content from a retention standpoint. People respond more to visual storytelling, in which you break up your text blocks with effective videos, images, graphic icons, and more. </p>\n<p>If you’re not implementing elements of visual storytelling into your marketing campaign, it’s likely that you’re not getting full market penetration. Visual storytelling engages the customer’s attention and imagination. It prevents them from growing bored or disinterested. Also, it’s more easily retained in the long run. </p>\n<p>In this article, we’re going to cover some of the most effective visual storytelling techniques that you can implement into your marketing content in order to connect better with your target audience. </p>\n<p>&nbsp;</p>\n<h2><span style=\"color: #421f3c; font-size: 2.5rem;\">What is visual storytelling in marketing?​​</span></h2>\n<p>Storytelling is one of the world’s oldest marketing strategies. With it, you build an emotional bridge between your company and the customer through content. You tell the customer a story that they can easily see themselves taking part in.</p>\n<p>Also, you touch on various pain points that are common for your target customers and give tangible examples of how your company helps with that. You’ve now created a story that your customer can follow from beginning to end. And much like a story, it has a moral.</p>\n<p>Instead of something like, “slow and steady wins the race,” it’s something more akin to “buy this product and you can alleviate this issue that you’re having.”</p>\n<p>Visual storytelling follows the same concept, but instead of writing everything out, you utilize visual media to help make your point.</p>\n<p>Why should you use visual storytelling techniques?</p>\n<p>Above, I vaguely mentioned that people retain more of what they see than what they hear or read. It’s one thing to be told that, but it’s another thing entirely to see the actual numbers.</p>\n<p>If you read or hear something, you’re going to retain about 10 percent of it after three days. But if you actually see the content, whether it’s through a photo or video, you’ll retain a whopping 65 percent. </p>\n<p>Don’t believe me? Check out this stat on Twitter from Buffer.</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11603\" src=\"https://proweb.p.blends.be/wp-content/uploads/twitter-stats-images-1.png\" alt=\"\" width=\"512\" height=\"301\" /></p>\n<p style=\"text-align: center;\"><a href=\"https://www.pinterest.com/pin/561964859725788169/?nic_v2=1a361Mrfe\" target=\"_blank\" rel=\"noopener noreferrer\">Source</a></p>\n<p>&nbsp;</p>\n<p>The image above shows Twitter statistics based on tweets sent out with and without images. As you can see, engagement rates across the board are much higher when images are involved.</p>\n<p>So, now you know <i>why </i>you should be using visual storytelling techniques. It’s time to figure out what <i>kind </i>of visual storytelling content you should produce. </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-AX5Fd {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-AX5Fd {\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-AX5Fd-container  #f5f5f5 custom-padding \" id=\"section-AX5Fd\"\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    .lazyblock-content-Z2ihY2Q p,\n    .lazyblock-content-Z2ihY2Q p a,\n    .lazyblock-content-Z2ihY2Q h1,\n    .lazyblock-content-Z2ihY2Q h2,\n    .lazyblock-content-Z2ihY2Q h3,\n    .lazyblock-content-Z2ihY2Q h4,\n    .lazyblock-content-Z2ihY2Q h5 {\n        color: ;\n    }\n\n    #content-Z2ihY2Q {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z2ihY2Q {\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-Z2ihY2Q {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z2ihY2Q-container  px-0 \"\n     id=\"content-Z2ihY2Q\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z2ihY2Q\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h2><span style=\"color: #421f3c; font-size: 2.5rem;\">Use photos​​</span></h2>\n<p>Photos are by far the most popular form of visual storytelling.</p>\n<p>That’s because they’re easy to obtain and share. You can use a photo as either a symbolic or literal representation of your story.</p>\n<p>Let’s say you’re a B2B marketing firm talking about marketing farming initiatives. That’s where you perform marketing functions, such as sending out coupons or inviting customers to a webinar. You’re planting the seed of an idea in your customer’s head and letting it grow over time. </p>\n<p>If you showed this concept through a photo of a farmer tending the field, you’ve created a symbolic representation of the story you’re trying to tell.</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11602\" src=\"https://proweb.p.blends.be/wp-content/uploads/farming-1.png\" alt=\"\" width=\"474\" height=\"344\" /></p>\n<p style=\"text-align: center;\"><a href=\"http://www.cogniview.com/blog/crop-calendars-go-digital-using-spreadsheets-in-agriculture/\" target=\"_blank\" rel=\"nofollow noopener\">Source</a></p>\n<p>&nbsp;</p>\n<p>Something more literal could be an eCommerce company showing pictures of consumers using their products.</p>\n<p>You should be using images liberally because when it comes to visual storytelling, this is the low hanging fruit.</p>\n<p>Though, while it may be tempting to overload your website with stock images, there is such a concept as too much of a good thing.</p>\n<p>Crowding your website with random or uninteresting images can negatively impact the website’s usability.</p>\n<p>“Often websites are stuffed with unnecessary elements such as meaningless stock imagery, secondary navigational links and irrelevant content the user does not care about,” according to WebsiteSetup.org. “Too often we have the attitude that somebody might find it useful so let’s put it online. The result is that our websites become so cluttered that people cannot find the elements that they are interested in.”</p>\n<p>Just make sure that when you choose your images, they’re strategic and serve a purpose.</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-Z1AL6zA {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1AL6zA {\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-Z1AL6zA-container  #ffffff custom-padding \" id=\"section-Z1AL6zA\"\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-1msGhp .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-1msGhp {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-1msGhp {\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-1msGhp  px-0\" id=\"heading-1msGhp\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-1msGhp\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"use-videos\"></a>\n            <h2>Use videos​</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-1lo2Ve p,\n    .lazyblock-content-1lo2Ve p a,\n    .lazyblock-content-1lo2Ve h1,\n    .lazyblock-content-1lo2Ve h2,\n    .lazyblock-content-1lo2Ve h3,\n    .lazyblock-content-1lo2Ve h4,\n    .lazyblock-content-1lo2Ve h5 {\n        color: ;\n    }\n\n    #content-1lo2Ve {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1lo2Ve {\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-1lo2Ve {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1lo2Ve-container  px-0 \"\n     id=\"content-1lo2Ve\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1lo2Ve\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Video can be one of the most effective forms of visual storytelling. We mentioned before how someone retains 10 percent of what they read and 65 percent of what they see. Back then, that 65 percent probably felt like a lot. <strong><a href=\"https://www.freepik.com/blog/freepik-video/\" target=\"_blank\" rel=\"noopener\">Stock videos</a> can help you if you need some help creating video content for your project. </strong></p>\n<p>Well, with video, people are likely to retain up to 95 percent of what they see. For example, by incorporating the unique perspective and stunning <a href=\"https://www.videvo.net/stock-video-footage/drone/\" target=\"_blank\" rel=\"noopener\" data-saferedirecturl=\"https://www.google.com/url?q=https://www.videvo.net/stock-video-footage/drone/&amp;source=gmail&amp;ust=1675334041680000&amp;usg=AOvVaw30659eq4PRn2RW36CikjfY\">visuals provided by drone footage</a>, you can capture the attention of your audience and leave a lasting impression on them.</p>\n<p>&nbsp;</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11601\" src=\"https://proweb.p.blends.be/wp-content/uploads/video-content.png\" alt=\"\" width=\"649\" height=\"432\" /></p>\n<p>&nbsp;</p>\n<p>&nbsp;</p>\n<p>That’s why brands and customers alike love <a href=\"https://pointerpro.com/fr/how-to-create-a-promo-video-that-sells/\" target=\"_blank\" rel=\"noopener noreferrer\">video content</a>. It’s an effective way to tell your stories and have them sink in for your customers in a way that will resonate into the future.</p>\n<p>Make sure that when you <a href=\"https://www.fastreel.com/\" target=\"_blank\" rel=\"noopener\">produce video content</a>, you’re not relying too heavily on narration or background music to set the scene. A lot of viewers actually prefer to watch videos with the sound off, so you should make sure that your message can come across easily through what they see alone. </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-Z1r9HNG {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z1r9HNG {\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-Z1r9HNG-container  #f5f5f5 custom-padding \" id=\"section-Z1r9HNG\"\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-ZUphcT .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-ZUphcT {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZUphcT {\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-ZUphcT  px-0\" id=\"heading-ZUphcT\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-ZUphcT\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"break-up-text\"></a>\n            <h2>Break up text​</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-1Qtpqn p,\n    .lazyblock-content-1Qtpqn p a,\n    .lazyblock-content-1Qtpqn h1,\n    .lazyblock-content-1Qtpqn h2,\n    .lazyblock-content-1Qtpqn h3,\n    .lazyblock-content-1Qtpqn h4,\n    .lazyblock-content-1Qtpqn h5 {\n        color: ;\n    }\n\n    #content-1Qtpqn {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1Qtpqn {\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-1Qtpqn {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1Qtpqn-container  px-0 \"\n     id=\"content-1Qtpqn\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1Qtpqn\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Walls of text are the enemy. You can vanquish said enemy by breaking up your text using strategic images and even <a href=\"https://www.brainybe.es/experts-hive/marketing-icons-the-essential-guide-for-designers-and-marketers/\" target=\"_blank\" rel=\"nofollow noopener\">graphic icons</a> and bullet points in order to tell your story more effectively.</p>\n<p>Take this excerpt from <a href=\"https://www.allstate.com/home-insurance\" target=\"_blank\" rel=\"noopener\">AllState Insurance</a>, for example.</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11600\" src=\"https://proweb.p.blends.be/wp-content/uploads/allstate-1.png\" alt=\"\" width=\"512\" height=\"238\" /></p>\n<p>&nbsp;</p>\n<p>At the top of the page, you have two images framing an interactive text element. Then, below that, you have a section on how to ensure your home, broken up into columns with visual icons associated with every step. </p>\n<p>Walls of text are intimidating and will either scare readers away or just bore them to the point that they will abandon your page. </p>\n<p>By breaking up large sections of text, you’ll be able to effectively <a href=\"https://pointerpro.com/fr/blog/copywriting-in-marketing/\">hold the attention</a> of your readers and create a more visually appealing story.</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-1QzF2G {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-1QzF2G {\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-1QzF2G-container  #ffffff custom-padding \" id=\"section-1QzF2G\"\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-2iHSjl .heading h2 {\n        color: #421f3c;\n        font-size: 2rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-2iHSjl {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-2iHSjl {\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-2iHSjl  px-0\" id=\"heading-2iHSjl\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-2iHSjl\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"use-infographics\"></a>\n            <h2>Use infographics​</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-y4oSx p,\n    .lazyblock-content-y4oSx p a,\n    .lazyblock-content-y4oSx h1,\n    .lazyblock-content-y4oSx h2,\n    .lazyblock-content-y4oSx h3,\n    .lazyblock-content-y4oSx h4,\n    .lazyblock-content-y4oSx h5 {\n        color: ;\n    }\n\n    #content-y4oSx {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-y4oSx {\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-y4oSx {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-y4oSx-container  px-0 \"\n     id=\"content-y4oSx\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-y4oSx\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Never underestimate the storytelling power of an infographic.</p>\n<p><a href=\"https://visme.co/blog/how-to-make-an-infographic/\" target=\"_blank\" rel=\"noopener\">Infographics</a> allow you to tell your story through text, images, graphs, and more. They are like marketing comic books.</p>\n<p>They’re engaging, easy to consume, and above all else, easily shareable.</p>\n<p>Sharing is incredibly important when you’re trying to utilize visual storytelling as part of your marketing campaign. If you create engaging visual content that your audience will want to share, your own <a href=\"https://pointerpro.com/fr/blog/brand-advocates/\" target=\"_blank\" rel=\"noopener noreferrer\">customers become another marketing channel</a>, sharing your storytelling imagery along their social media channels.</p>\n<p>Infographics can come in any size and shape, but they are typically long, extending down a page, and contain a wealth of statistical information that helps tell your story. </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-Z2bpnCx {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-Z2bpnCx {\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-Z2bpnCx-container  #f5f5f5 custom-padding \" id=\"section-Z2bpnCx\"\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-ZA2ISn .heading h2 {\n        color: #421f3c;\n        font-size: 2.5rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-ZA2ISn {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZA2ISn {\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-ZA2ISn  px-0\" id=\"heading-ZA2ISn\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-ZA2ISn\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"use-memes\"></a>\n            <h2>Use memes​</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-1zhalj p,\n    .lazyblock-content-1zhalj p a,\n    .lazyblock-content-1zhalj h1,\n    .lazyblock-content-1zhalj h2,\n    .lazyblock-content-1zhalj h3,\n    .lazyblock-content-1zhalj h4,\n    .lazyblock-content-1zhalj h5 {\n        color: ;\n    }\n\n    #content-1zhalj {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1zhalj {\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-1zhalj {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1zhalj-container  px-0 \"\n     id=\"content-1zhalj\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1zhalj\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>If you’re marketing to younger demographics, it’s important that you learn how to become a “meme lord.” </p>\n<p><a href=\"https://instasize.com/learn/free-photo-editing-software-instasize\" target=\"_blank\" rel=\"noopener\">Share memes on social media</a> and even include them in your blog content in order to accentuate your point. </p>\n<p>Never underestimate the power of a good meme. If it can strengthen your point while also making your reader smile or laugh, it has added power to the story that you’re trying to tell. </p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11599\" src=\"https://proweb.p.blends.be/wp-content/uploads/marketing-meme-1.png\" alt=\"\" width=\"310\" height=\"302\" /></p>\n<p>&nbsp;</p>\n<p>See what I mean? </p>\n<p>Keep your ear to the ground when it comes to the memes that you’re using. If you see a certain meme starting to gain in popularity, consider using it. Memes go in and out of style faster than articles of clothing, so it’s going to take some attention. </p>\n<p>You can also make memes yourself. There are a lot of <a href=\"https://www.appypie.com/design/meme/maker\" target=\"_blank\" rel=\"noopener\">meme generator</a> apps out there.</p>\n<p>Of course, you have to take your audience into consideration when deciding whether or not to use memes. If you’re marketing to senior citizens then your meme game is not going to factor into an effective storytelling campaign. </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-2naaaO {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-2naaaO {\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-2naaaO-container  #ffffff custom-padding \" id=\"section-2naaaO\"\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-ZOms8m .heading h2 {\n        color: #421f3c;\n        font-size: 2rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-ZOms8m {\n        margin-top: 1rem;\n        margin-bottom: 0rem;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    @media (max-width: 768px) {\n        #heading-ZOms8m {\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-ZOms8m  px-0\" id=\"heading-ZOms8m\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-ZOms8m\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <a class=\"heading-2-anchor heading-anchor\" id=\"in-conclusion\"></a>\n            <h2>In conclusion​</h2>\n        </div>\n    </div>\n</div>\n\n\n\n<style>\n    .lazyblock-content-N8be0 p,\n    .lazyblock-content-N8be0 p a,\n    .lazyblock-content-N8be0 h1,\n    .lazyblock-content-N8be0 h2,\n    .lazyblock-content-N8be0 h3,\n    .lazyblock-content-N8be0 h4,\n    .lazyblock-content-N8be0 h5 {\n        color: ;\n    }\n\n    #content-N8be0 {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-N8be0 {\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-N8be0 {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-N8be0-container  px-0 \"\n     id=\"content-N8be0\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-N8be0\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <p>Visual storytelling is important in the world of <a href=\"https://pointerpro.com/fr/must-have-digital-marketing-tools/\" target=\"_blank\" rel=\"noopener noreferrer\">digital marketing</a>. If you can pepper your content with strategic, informative, and entertaining visual storytelling elements, you can create messaging that will stay with your consumers, keep them engaged and in the moment and help push them toward a purchase decision.</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-xyxh0 {\n        padding-top: 0rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-xyxh0 {\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-xyxh0-container  #ffffff custom-padding \" id=\"section-xyxh0\"\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-ZkPlMD {\n        padding-top: 2.8rem;\n        padding-bottom: 0rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-ZkPlMD {\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-ZkPlMD-container  \" id=\"section-ZkPlMD\"\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-ZsQap8 {\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-ZsQap8 {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-image-ZsQap8 .content-wrapper {\n        padding-left: 0rem;\n        padding-right: 0rem;\n    }\n\n    @media (max-width: 768px) {\n        #content-image-ZsQap8 .content-wrapper {\n            padding-left: 0 !important;\n        }\n    }\n\n    @media (max-width: 1440px) {\n        #section-ZsQap8 {\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-ZsQap8-container -container px-0 mx-0\">\n    <div class=\"row lazyblock-content-image \"\n         id=\"content-image-ZsQap8\">\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-ZvLLaC .heading h2 {\n        color: #ffffff;\n        font-size: 2rem;\n        line-height: 3rem !important;\n    }\n\n    #heading-ZvLLaC {\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-ZvLLaC {\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-ZvLLaC  px-0\" id=\"heading-ZvLLaC\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-ZvLLaC\">\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-ZsQap8\" 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-a84yh {\n        padding-top: 0rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-a84yh {\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-a84yh-container recommended-reading-single-post-container  custom-padding \" id=\"section-a84yh\"\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-x540R .heading h2 {\n        color: #ff7418;\n        font-size: 1.5rem;\n        line-height: 2rem !important;\n    }\n\n    #heading-x540R {\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-x540R {\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-x540R  px-0\" id=\"heading-x540R\">\n    <div class=\"row heading lazyblock-heading-2 justify-content-start  lazyblock-heading-2-x540R\">\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_1w1IG6\">\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-Loyalty-6-1-4.png\" class=\"recommended-item-img\" alt=\"5 Key insights for building an effective brand loyalty questionnaire\">\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/fr/blog/5-key-insights-for-building-an-effective-brand-loyalty-questionnaire/\">5 Key insights for building an effective brand loyalty questionnaire</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>Measuring brand loyalty is extremely important for your long term success. Learn what...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/fr/blog/5-key-insights-for-building-an-effective-brand-loyalty-questionnaire/\" 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/Scherm_afbeelding-2023-03-17-om-16.59.20-1024x597-1.png\" class=\"recommended-item-img\" alt=\"Improve your online presence: 10 key aspects to focus on for scale-up businesses\">\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/fr/blog/online-presence/\">Improve your online presence: 10 key aspects to focus on for scale-up businesses</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>This post explains the important aspects of an online presence and analyzes the...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/fr/blog/online-presence/\" 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/small-business-survey-growth-3-1024x573-1.png\" class=\"recommended-item-img\" alt=\"5 benefits of using business surveys\">\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/fr/blog/small-business-survey-5-examples/\">5 benefits of using business surveys</a></h4>\n                </div>\n                <div class=\"recommended-item-excerpt\">\n                    <p>Discover 5 ways that business surveys can help companies better understand their customers,...</p>\n                </div>\n            </div>\n            <div class=\"recommended-item-cta\">\n                <a href=\"https://pointerpro.com/fr/blog/small-business-survey-5-examples/\" 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-nhPW5 {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-nhPW5 {\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-nhPW5-container mailform-single-page-container #553550 custom-padding \" id=\"section-nhPW5\"\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-Z1bUSAc\" 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-Z1bUSAc\"\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-Z1bUSAc-spinner\" class=\"d-none\">\n        Please wait..\n    </div>\n    <div id=\"form-Z1bUSAc-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/fr/wp-admin/admin-ajax.php',\n                data: {\n                    action: 'subscribe_to_mailchimp',\n                    email: email,\n                    nonce: '67cc3ce6c9'\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-Z1bUSAc-thankyou,\n    #form-Z1bUSAc-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>When you’re trying to connect with customers and potential customers, your first instinct might be to just bombard them with a wall of text.</p>\n","protected":false},"author":26,"featured_media":15202,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"topic":[415],"class_list":["post-11597","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-en","topic-marketing"],"acf":[],"_links":{"self":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/posts/11597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/posts"}],"about":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/users/26"}],"replies":[{"embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/comments?post=11597"}],"version-history":[{"count":4,"href":"https://pointerpro.com/fr/wp-json/wp/v2/posts/11597/revisions"}],"predecessor-version":[{"id":17580,"href":"https://pointerpro.com/fr/wp-json/wp/v2/posts/11597/revisions/17580"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/media/15202"}],"wp:attachment":[{"href":"https://pointerpro.com/fr/wp-json/wp/v2/media?parent=11597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/categories?post=11597"},{"taxonomy":"post_tag","embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/tags?post=11597"},{"taxonomy":"topic","embeddable":true,"href":"https://pointerpro.com/fr/wp-json/wp/v2/topic?post=11597"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}