{"id":11078,"date":"2019-10-18T14:09:00","date_gmt":"2019-10-18T12:09:00","guid":{"rendered":"https://proweb.p.blends.be/?p=11078"},"modified":"2025-06-27T16:12:27","modified_gmt":"2025-06-27T14:12:27","slug":"how-to-choose-images-for-your-email-marketing-campaigns-to-boost-your-ctr","status":"publish","type":"post","link":"https://pointerpro.com/de/blog/images-email-marketing-campaigns/","title":{"rendered":"How to choose images for your email marketing campaigns to boost your CTR"},"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=\"how-to-choose-images-for-your-email-marketing-campaigns-to-boost-your-ctr\"></a>\n            <h1>How to choose images for your email marketing campaigns to boost your CTR</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-october-18-2019-by-gilad-maayan\"></a>\n            <h2>Written October 18, 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-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>Images are the foundation of any branding, marketing, or promotion you run, including email marketing campaigns. </p>\n<p>In today’s content-rich digital landscape, people have zero patience for content that wastes their time. It doesn’t take long to assess our content by its images.</p>\n<p>When people open an email, they scan it to “get the picture”. They take in the layout of the email, which is the biggest and most eye-catching visual, and then the eye starts collecting the details. Big images, small icons, and headings that pop out. </p>\n<p>At this point, they haven’t started reading any boxes with textual content. Most people won’t dive into the text before doing this quick assessment. Only then they’ll decide whether your campaign is worth their time or not. </p>\n<p>Images have the power to convince people to read your emails, thus increasing your views. A good image gets you in the door, giving you a chance to sell the image. A great image stimulates an action, creates an emotive reaction that cannot be satisfied without your product or service. An excellent image is an ambassador of your brand that increases not only sales, but creates an emotional connection between customers and brands. </p>\n<p>Don’t get discouraged if your pictures don’t look like professional ads as you can easily enhance them using special software. An easy online <a href=\"https://picsart.com/background-changer/\" target=\"_blank\" rel=\"noopener\">background changer</a> can be a great tool to quickly transform your photos and give them a more professional look. If you have never tried to embellish a picture before and don’t know how to showcase your product, you can make use <a style=\"line-height: var( --e-global-typography-6f53e3b-line-height ); letter-spacing: var( --e-global-typography-6f53e3b-letter-spacing ); word-spacing: var( --e-global-typography-6f53e3b-word-spacing );\" href=\"https://fixthephoto.com/\" target=\"_blank\" rel=\"noopener\">photo editing services</a>, which will save you time and money.</p>\n<p>Choosing the right image is an art not easily mastered. It’s a good thing that art can be learned, with the right information and the willingness to experiment with design. Below, you’ll find a guide that outlines key steps for choosing the right images for your email campaigns. </p>\n<p>Experiment with <a style=\"line-height: var( --e-global-typography-6f53e3b-line-height ); letter-spacing: var( --e-global-typography-6f53e3b-letter-spacing ); word-spacing: var( --e-global-typography-6f53e3b-word-spacing );\" href=\"https://vwo.com/ab-testing/\" target=\"_blank\" rel=\"noopener\">A/B testing</a> to ensure that your images work.</p>\n<p>&nbsp;</p>\n<h2><span style=\"color: #421f3c; font-size: 2.5rem;\">Step 1: Choose the right visual content​​​</span></h2>\n<p>Visual content is the art of telling a story through an image. It can be a story about your brand, a story about your audience, an informative story about your industry, or a combination of these elements. Each visual story should trigger an emotional reaction. We want your audience engaged and feeling inspired to buy what you’re selling. </p>\n<p>When you’re designing an email campaign, make sure you select all of your images in advance. This way you can ensure that the images look good together, and that they complement each other and tell a unified story. Here’s a pro tip: if you’re using stock images and the images have a similar element but the colors don’t work, <a style=\"line-height: var( --e-global-typography-6f53e3b-line-height ); letter-spacing: var( --e-global-typography-6f53e3b-letter-spacing ); word-spacing: var( --e-global-typography-6f53e3b-word-spacing );\" href=\"https://www.youtube.com/watch?v=eP1DVlzJct0\" target=\"_blank\" rel=\"noopener\">add an overlay</a>. This will give your images and campaign a professional and appealing look.</p>\n<h2><span style=\"color: #421f3c; font-size: 24px;\">1. Choose images that reflect your brand</span></h2>\n<p>&nbsp;</p>\n<div>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11080\" src=\"https://proweb.p.blends.be/wp-content/uploads/puma-768x512-1.jpg\" alt=\"\" width=\"768\" height=\"512\" /></p>\n<p>&nbsp;</p>\n<p>If you’re marketing a technology company that sells consumer gadgets, you would want images that reflect a clean and professional look. The kind that inspire confidence in the quality and safety of your products. If you’re selling flower arrangements, you would want a colorful and cheery visual content. Of course, you can combine technology with flowers if that makes sense. Just make sure you choose the kind of images that represent your brand well.  If needed, you can also <a href=\"https://www.freepik.com/blog/background-remover-product/\" target=\"_blank\" rel=\"noopener\">remove background</a> from images to keep them clean and visually consistent with your brand’s aesthetic</p>\n</div>\n<h2><span style=\"color: #421f3c; font-size: 24px;\">2. Choose images that mirror your audience</span></h2>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11076\" src=\"https://proweb.p.blends.be/wp-content/uploads/jongenmetijsje-768x511-1.jpg\" alt=\"\" width=\"768\" height=\"511\" /></p>\n<p>&nbsp;</p>\n<p>A target audience represents the consumers most likely to buy your product or services. This is the group of people (or animals) you have researched and learned and narrowed down into a shopping list of personality traits and consumer habits. You know what they want, and you know they’ll love your products. Show them an image that showcases…a person with the product. That could be a group of students eating pizza while cramming for exams, or a dog chewing on a bone. Show your audience how it would look like to use, possess, and consume your product.</p>\n<h2><span style=\"color: #421f3c; font-size: 24px;\">3. Choose images that stimulate emotions</span></h2>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11075\" src=\"https://proweb.p.blends.be/wp-content/uploads/shoppen-768x512-1.jpg\" alt=\"\" width=\"768\" height=\"512\" /></p>\n<p>&nbsp;</p>\n<p>&nbsp;</p>\n<p>An image that shows your audience is key to helping them identify, and connect with the product or service you’re promoting. An image of an ice cream cone can be tempting all by itself, especially in a macro shot that shows how the yummy goodness dribbles slowly. Better yet, use an image with a child holding the ice cream cone, smiling, with yummy goo dripping down a chubby cheek. Now we’re selling an emotion and nostalgia, through an image that mirrors the audience.</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;\">Step 2: Choose the right visual presentation​</span></h2>\n<p>The way you present your visual story changes the story you tell, the value you share, and the emotion you inspire. Below, you’ll find some popular visual <a href=\"https://visme.co/blog/how-to-start-a-presentation/\" target=\"_blank\" rel=\"noopener\">presentation</a> types you can use to tell your own story. </p>\n<h2><span style=\"color: #421f3c; font-size: 24px;\">1. Infographics: images that help your audience</span></h2>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11074\" src=\"https://proweb.p.blends.be/wp-content/uploads/jjjjj-1-410x1024-1.png\" alt=\"\" width=\"410\" height=\"1024\" /></p>\n<p>&nbsp;</p>\n<p>An infographic is a graphic representation of information. People love infographics because they condense information into a visually appealing form that is fast and easy to digest. You can find stock templates, but try to stick to the original. Too many elements could destroy the simplicity—and the whole point—of the infographic. </p>\n<p>Make sure that your infographic files are responsive. You want them to fit every screen display, so everyone on your <a href=\"https://www.constantcontact.com/blog/what-is-email-marketing/\" target=\"_blank\" rel=\"noopener\">email marketing</a> list would be able to see the graphic properly.</p>\n<h2><span style=\"color: #421f3c; font-size: 24px;\">2. Illustrations: images that impress your audience</span></h2>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11073\" src=\"https://proweb.p.blends.be/wp-content/uploads/oooo-1024x547-1.png\" alt=\"\" width=\"1024\" height=\"547\" /></p>\n<p>&nbsp;</p>\n<p>Illustrations tell visual stories, and they create a familiarity that can be traced to childhood. Children use images and illustrations before they start reading. As they continue acquiring reading skills, they use illustrated books and comics. </p>\n<p>Illustrations are a powerful way to convey a simple message or a complex story. Illustrated icons, for example, send a simple message—click here to contact us or share this email. Illustrated images <a href=\"https://blog.tubikstudio.com/big-reasons-to-apply-illustrations-in-ui-design/\">deliver a story</a> through a scene. It can be a complex scene or a simple one, but do try to keep your message clear.</p>\n<h2><span style=\"color: #421f3c; font-size: 24px;\">3. Macro photos: images that seduce your audience</span></h2>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11072\" src=\"https://proweb.p.blends.be/wp-content/uploads/gggg-1024x768-1.jpg\" alt=\"\" width=\"1024\" height=\"768\" /></p>\n<p>&nbsp;</p>\n<p>Macro images present real objects and scenes in larger-than-life proportions. If we go back to the image of the ice cream cone, the smiley child, and the dripping goo, we would need to focus on an aspect of the image and enlarge it. </p>\n<p>Macro images tend to have a big impact, because they put a spotlight on the consumer’s desires. For example, we could put our cropping square over the section that contains the smile, dripping ice cream and the hand that holds it to the mouth. We’ll crop it, enlarge it, and we’ll be left with a macro image. Do so with a high quality image only, or your image will get pixelated. If you’re starting with a lower-resolution photo, consider using <a href=\"https://blog.icons8.com/articles/how-to-enlarge-an-image-without-losing-quality-basic-methods-and-tools/\" target=\"_blank\" rel=\"noopener\">AI image upscaler tools</a> to enhance its quality before zooming in.</p>\n<div> </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-xTGtt {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-xTGtt {\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-xTGtt-container  #ffffff custom-padding \" id=\"section-xTGtt\"\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-Zt7f1n p,\n    .lazyblock-content-Zt7f1n p a,\n    .lazyblock-content-Zt7f1n h1,\n    .lazyblock-content-Zt7f1n h2,\n    .lazyblock-content-Zt7f1n h3,\n    .lazyblock-content-Zt7f1n h4,\n    .lazyblock-content-Zt7f1n h5 {\n        color: ;\n    }\n\n    #content-Zt7f1n {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Zt7f1n {\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-Zt7f1n {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Zt7f1n-container  px-0 \"\n     id=\"content-Zt7f1n\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Zt7f1n\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h2><span style=\"color: #421f3c; font-size: 2.5rem;\">It’s a wrap!​</span></h2>\n<div>\n<p>An image can make or break your email campaign. In most cases, the “break” part won’t lead to a catastrophic event in which you’ll get raging mad emails (unless you <a style=\"line-height: var( --e-global-typography-6f53e3b-line-height ); letter-spacing: var( --e-global-typography-6f53e3b-letter-spacing ); word-spacing: var( --e-global-typography-6f53e3b-word-spacing );\" href=\"https://budgetstockphoto.com/stock_photo_license_types.html\" target=\"_blank\" rel=\"noopener\">violate copyright</a> or choose <a style=\"line-height: var( --e-global-typography-6f53e3b-line-height ); letter-spacing: var( --e-global-typography-6f53e3b-letter-spacing ); word-spacing: var( --e-global-typography-6f53e3b-word-spacing );\" href=\"https://www.inc.com/brit-morse/2018-biggest-marketing-branding-fails.html\" target=\"_blank\" rel=\"noopener\">insensitive images</a>). You would “just” get no responses, no clicks, no sales, no leads… which is the whole point of this campaign. If you don’t have the graphic expertise in-house, you can work together with a professional <a style=\"line-height: var( --e-global-typography-6f53e3b-line-height ); letter-spacing: var( --e-global-typography-6f53e3b-letter-spacing ); word-spacing: var( --e-global-typography-6f53e3b-word-spacing );\" href=\"https://graphically.io/\" target=\"_blank\" rel=\"noopener\">graphic design service</a> to help you to optimize your visuals. </p>\n<p>However, if you choose your images wisely, and if you set up your email layout in a visually appealing way that tells an engaging and relevant story, you could increase your conversion rates and Return On Investment (ROI). The key to success with choosing images is A/B testing. Experiment, find the images that speak to your audience, and segment as much as possible.</p>\n</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-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/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/de/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/de/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 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/de/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/de/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/de/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/de/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>\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/de/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>Choosing the right image is an art not easily mastered. It’s a good thing that art can be learned, with the right information and the willingness to experiment with design. This guide will show you the key steps for choosing the right images for your email campaigns.</p>\n","protected":false},"author":31,"featured_media":15315,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"topic":[415],"class_list":["post-11078","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-en","topic-marketing"],"acf":[],"_links":{"self":[{"href":"https://pointerpro.com/de/wp-json/wp/v2/posts/11078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://pointerpro.com/de/wp-json/wp/v2/posts"}],"about":[{"href":"https://pointerpro.com/de/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://pointerpro.com/de/wp-json/wp/v2/users/31"}],"replies":[{"embeddable":true,"href":"https://pointerpro.com/de/wp-json/wp/v2/comments?post=11078"}],"version-history":[{"count":9,"href":"https://pointerpro.com/de/wp-json/wp/v2/posts/11078/revisions"}],"predecessor-version":[{"id":19019,"href":"https://pointerpro.com/de/wp-json/wp/v2/posts/11078/revisions/19019"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://pointerpro.com/de/wp-json/wp/v2/media/15315"}],"wp:attachment":[{"href":"https://pointerpro.com/de/wp-json/wp/v2/media?parent=11078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://pointerpro.com/de/wp-json/wp/v2/categories?post=11078"},{"taxonomy":"post_tag","embeddable":true,"href":"https://pointerpro.com/de/wp-json/wp/v2/tags?post=11078"},{"taxonomy":"topic","embeddable":true,"href":"https://pointerpro.com/de/wp-json/wp/v2/topic?post=11078"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}