{"id":11033,"date":"2021-05-10T12:32:00","date_gmt":"2021-05-10T10:32:00","guid":{"rendered":"https://proweb.p.blends.be/?p=11033"},"modified":"2025-06-27T11:59:15","modified_gmt":"2025-06-27T09:59:15","slug":"the-importance-of-personalized-content-on-your-website","status":"publish","type":"post","link":"https://pointerpro.com/es/blog/the-importance-of-personalized-content-on-your-website/","title":{"rendered":"The importance of personalized content on your website"},"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=\"the-importance-of-personalized-content-on-your-website\"></a>\n            <h1>The importance of personalized content on your website</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-may-10-2021-by-lesley-vos\"></a>\n            <h2>Written May 10, 2021, by Lesley Vos</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>Customer expectations are higher than ever today. Dozens of brands try reaching out to them, but only those standing out from the rest win. Modern consumers expect authenticity, responsive service, consistency, but above all — personalization.</p>\n<blockquote>\n<p><a href=\"https://www.salesforce.com/research/customer-expectations/\" target=\"_blank\" rel=\"noopener\">84% of customers</a><i> say they want to be treated like a person, not a number, to respond to a brand.</i><i></i></p>\n</blockquote>\n<p>A successful business today is not only about curating products or services but providing its target audience with tailored experience via personalized content.</p>\n<p>In this article, we’ll discuss how static websites are a thing of the past, the benefits of content personalization for your business, and the different ways you can use it to optimize your website’s content for better conversion.</p>\n<p>&nbsp;</p>\n<h2><span style=\"color: #421f3c; font-size: 2.5rem;\">What is personalization of your website content?​</span></h2>\n<p>Content personalization is the art of offering an exclusive experience to your website visitors every time they land there. You customize that experience based on consumers’ demographic, contextual, and <a href=\"https://hightouch.com/blog/behavioral-data\" target=\"_blank\" rel=\"noopener\">behavioral data</a> to achieve higher customer satisfaction, lower bounce rate, longer visit duration, and better conversions. Your improved brand reputation belongs within this list too.</p>\n<p>In plain English, well-crafted content personalization means two people look at your <a href=\"http://www.crowdspring.com/website-design/\" target=\"_blank\" rel=\"noopener\" data-saferedirecturl=\"https://www.google.com/url?q=http://www.crowdspring.com/website-design/&amp;source=gmail&amp;ust=1687260374260000&amp;usg=AOvVaw2VRXkc1-oEdGxMZqbOQwdh\">website design</a> page and see different information.</p>\n<p>In the last five years, personalization has been a growing trend:</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11047\" src=\"https://proweb.p.blends.be/wp-content/uploads/GA-personalization-1-1.png\" alt=\"\" width=\"773\" height=\"546\" /></p>\n<p>&nbsp;</p>\n<p>The more you organize content personalization at the website, the better you’ll serve online visitors. Helping them achieve goals, you work toward a <a href=\"https://pointerpro.com/es/4-ways-to-improve-customer-retention-and-loyalty/\" target=\"_blank\" rel=\"noopener\">better retention rate, customer loyalty</a>, and overall reputation for your brand.</p>\n<p>But please note the difference between personalization and customization of your website content.</p>\n<p>Personalization is about providing website visitors with a one-on-one experience and meeting their individual needs. It happens through automation based on users’ past behavior and other metrics.</p>\n<h5><span style=\"color: #421f3c; font-size: 24px;\">Example: Spotify</span></h5>\n<div>\n<div class=\"elementor-element elementor-element-c80407f elementor-widget elementor-widget-text-editor\" data-id=\"c80407f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p>This digital music platform personalizes its homepage for each user based on their previous interaction with the website.</p>\n</div>\n</div>\n</div>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11046\" src=\"https://proweb.p.blends.be/wp-content/uploads/spotify-personalization-1-1.png\" alt=\"\" width=\"689\" height=\"353\" /></p>\n<p>&nbsp;</p>\n<p>Like personalization, customization is about tailoring content to meet the particular needs of your visitors. But unlike personalization, it doesn’t happen through automation: Here, you offer a visitor to choose the kind of information they want to see.</p>\n<h5><span style=\"color: #421f3c; font-size: 24px;\">Example: Nike By You</span></h5>\n<div>\n<div class=\"elementor-element elementor-element-185f648 elementor-widget elementor-widget-text-editor\" data-id=\"185f648\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p>The website allows a user to design their shoes and order them right away.</p>\n</div>\n</div>\n</div>\n<div class=\"elementor-element elementor-element-0ba619f elementor-widget elementor-widget-image\" data-id=\"0ba619f\" data-element_type=\"widget\" data-widget_type=\"image.default\"> </div>\n<div data-id=\"0ba619f\" data-element_type=\"widget\" data-widget_type=\"image.default\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-11045\" src=\"https://proweb.p.blends.be/wp-content/uploads/nike-by-you-personalization-1-1.png\" alt=\"\" width=\"672\" height=\"512\" /></div>\n<div data-id=\"0ba619f\" data-element_type=\"widget\" data-widget_type=\"image.default\"> </div>\n<div data-id=\"0ba619f\" data-element_type=\"widget\" data-widget_type=\"image.default\"> </div>\n<div data-id=\"0ba619f\" data-element_type=\"widget\" data-widget_type=\"image.default\">In plain English, customization is <i>done by a user</i>, while personalization <i>happens to a user</i> without let or hindrance from them.</div>\n<h4><span style=\"color: #421f3c; font-size: 24px;\">Why content personalization is so critical​</span></h4>\n<p>Modern users struggle with tons of promotional messages every day, which makes their online experience and shopping process overwhelming. While people like the idea of having many options available, they want to choose among the best and most relevant when it comes to decision-making.</p>\n<p>Content personalization is the only way to accomplish that.</p>\n<p>According to studies, users experience cognitive impairment when they have to choose among too many options. Back in 1970, <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.bbc.com/news/world-us-canada-36675260\" target=\"_blank\" rel=\"noopener\">Alvin Toffler predicted</a> such consumerism, calling it <span style=\"font-weight: bolder;\">“overchoice,”</span> and it’s the reason why visitors leave your website with no orders.</p>\n<p>Content personalization on your website is <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://insight.kellogg.northwestern.edu/article/what-predicts-consumer-choice-overload\" target=\"_blank\" rel=\"noopener\">how to combat that overchoice</a>, helping customers narrow down their options.</p>\n<p>Providing your website visitors with relevant content and experience, you signal that you care about their needs and interests. It’s a sure-fire way to stand out from the crowd of competitors, <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://pics.io/brand-asset-management\" target=\"_blank\" rel=\"noopener\">build customer loyalty</a> and trust, motivate visitors to stay longer on your website, and eventually take the desired action.</p>\n<p>&nbsp;</p>\n<h2><span style=\"color: #421f3c; font-size: 2.5rem;\">Benefits of content personalization for your business​</span></h2>\n<p>Apart from what already mentioned, the benefits of content personalization for your <a href=\"https://www.xero.com/uk/guides/starting-an-online-business/\" target=\"_blank\" rel=\"noopener\">online business</a> include:</p>\n<ul>\n<li aria-level=\"1\"><strong>Stellar landing page optimization</strong>: Adding a personal touch for such pages (addressing visitors by their name, greeting them in their native language, etc.) can make your website stand out. Content personalization at a landing page can be done through <a href=\"https://blog.hubspot.com/marketing/personalized-calls-to-action-convert-better-data\" target=\"_blank\" rel=\"noopener\">better converting calls-to-action</a> and showing super relevant content recommendations.</li>\n<li aria-level=\"1\"><strong>More qualified leads</strong>: Properly segmented and nurtured with targeted content, visitors are more likely to enter your sales funnel and buy from you.</li>\n<li aria-level=\"1\"><strong>Better user engagement</strong>: By giving <a href=\"https://www.semrush.com/website/\" target=\"_blank\" rel=\"noopener\">website visitors</a> what they want, you encourage them to stay with you longer. It’s a sure-fire way to influence your <a href=\"https://www.onlinemarketinggurus.com.au/blog/top-seo-metrics\" target=\"_blank\" rel=\"noopener\">SEO metrics</a> and help your website rank higher in Google.</li>\n</ul>\n<p>Therefore, <a href=\"https://blog.contentstudio.io/5-major-steps-content-curation/\" target=\"_blank\" rel=\"noopener\">curating content</a> at your website for better personalization can enhance the user experience by a long chalk. The better you address users’ needs, the higher your chances are to convert them into loyal customers. In the long run, all of this works to strengthen your brand reputation and generate more revenue.</p>\n<p>&nbsp;</p>\n<h2><span style=\"color: #421f3c; font-size: 2.5rem;\">How to personalize your website’s content​</span></h2>\n<p>First and foremost, ensure you know your target audience inside out. Define your buyer persona with all their <a href=\"https://pointerpro.com/es/how-to-identify-your-potential-customers-pain-points/\" target=\"_blank\" rel=\"noopener\">pain points</a>, needs, and desires. For that, you’ll need three types of data:</p>\n<ol>\n<li aria-level=\"1\"><strong>Demographic</strong>: a visitor’s age, gender, and geographic location. You can obtain a website&#8217;s geolocation through tools like a <a href=\"https://reviewgrower.com/geo-local-search-grid/\" target=\"_blank\" rel=\"noopener\">geolocal search grid</a>.</li>\n<li aria-level=\"1\"><strong>Contextual</strong>: a visitor’s situation when they come to your website (device and browser they use, whether they are new or returning, etc.).</li>\n<li aria-level=\"1\"><strong>Behavioral</strong>: how visitors interact with your website (CTAs they click, keywords they use to search your website, blog posts they read, etc.).</li>\n</ol>\n<p>It will help you segment the audience, understand their intent, and personalize their experience accordingly.</p>\n<p>The best option would be to consider a modular content personalization, <i>aka</i> changing particular page elements to match your audience, rather than creating several entirely new site variations. Decide which content sections to change for better personalization and which pages to put into play. </p>\n<p>Pages with high traffic and intent would be good places to start.</p>\n<p>Below are the top five website page elements to consider for personalization:</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;\">1. Homepage headline and hero image​</span></h2>\n<p>The homepage of your website is the first touchpoint for most visitors. Use its headline, subheads, and image to personalize their experience the best way possible.</p>\n<p>That’s what you can do:</p>\n<ul>\n<li>Customize your headline to <strong>greet visitors by their account’s name</strong>. Example: <a href=\"https://www.optimizely.com/\" target=\"_blank\" rel=\"noopener\">Optimizely</a>.</li>\n</ul>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter\" style=\"background-color: transparent; font-family: var( --e-global-typography-6f53e3b-font-family ), Sans-serif; font-weight: var( --e-global-typography-6f53e3b-font-weight ); letter-spacing: var( --e-global-typography-6f53e3b-letter-spacing ); word-spacing: var( --e-global-typography-6f53e3b-word-spacing ); color: var( --e-global-color-text );\" src=\"https://pointerpro.com/wp-content/uploads/optimizely-1-1.png\" alt=\"\" width=\"757\" height=\"452\" /></p>\n<p>&nbsp;</p>\n<ul>\n<li>Make your homepage headline or subhead text <b>change for different segments of your audience</b>. Use attributes such as industry, role, or any other differentiating your target segments. Thus, if a marketer and a designer visit your website, they’ll see a different headline there.</li>\n<li>Also, you can <b>try personalizing your hero image</b> for different customer segments if appropriate. Think if it makes sense in your business niche: It could work for bookings products or industries, for example.</li>\n</ul>        </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;\">2. Featured blog posts​</span></h2>\n<p>If your website has a regularly updated blog section, you can use it to engage the audience based on specific attributes such as firmographics (industry a reader works in) or behavioral data (blog posts a reader has already read). For example, you can recommend blog posts based on a reader’s role. Or, showcase specific offers, content for further reading, and other related resources on your log-in page. Or display blog posts on the homepage to keep leads on your website longer. </p>\n<div>\n<h4><span style=\"color: #421f3c; font-size: 24px;\">Example: Bid4Papers</span></h4>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11043\" src=\"https://proweb.p.blends.be/wp-content/uploads/bid4papers-1-1.png\" alt=\"\" width=\"738\" height=\"567\" /></p>\n</div>\n<p>&nbsp;</p>\n<p>Also, you can suggest blog posts that consider a reader’s previous behavior: Offer articles on related topics, invite to download a corresponding ebook, suggest reading about a certain product, etc.</p>\n<h4><span style=\"color: #421f3c; font-size: 24px;\">Example: Pointerpro</span></h4>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11040\" src=\"https://proweb.p.blends.be/wp-content/uploads/automate-experience.jpg\" alt=\"\" width=\"900\" height=\"550\" /></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-ZLhlYm {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-ZLhlYm {\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-ZLhlYm-container  #f5f5f5 custom-padding \" id=\"section-ZLhlYm\"\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-1xaylT p,\n    .lazyblock-content-1xaylT p a,\n    .lazyblock-content-1xaylT h1,\n    .lazyblock-content-1xaylT h2,\n    .lazyblock-content-1xaylT h3,\n    .lazyblock-content-1xaylT h4,\n    .lazyblock-content-1xaylT h5 {\n        color: ;\n    }\n\n    #content-1xaylT {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1xaylT {\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-1xaylT {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1xaylT-container  px-0 \"\n     id=\"content-1xaylT\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1xaylT\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h2><span style=\"font-size: 2.5rem; color: #421f3c;\">3. Personalized calls-to-actions​</span></h2>\n<section data-id=\"2e2e95f\" data-element_type=\"section\"></section>\n<p>Most marketers and webmasters already know that generic CTAs a la “click here” don’t work anymore. Today, each call to action should provide a better experience for the audience. And you can improve yours even more by personalizing it the best way possible.</p>\n<p>Design several CTAs to showcase for different segments of your target audience. For instance, you can “send” new visitors to talk to your sales team or learn more about your brand. As for returning visitors, you can offer them a freebie…</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11041\" src=\"https://proweb.p.blends.be/wp-content/uploads/smartblogger-1-1.png\" alt=\"\" width=\"779\" height=\"446\" /></p>\n<p>&nbsp;</p>\n<p>… or a sign-up for a free trial.</p>\n<p>Also, you can display certain CTAs to visitors based on their geo-location if appropriate. It makes sense if you have an upcoming event close to where they are based, for example. So you can offer a CTA encouraging them to learn more and register for it.</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-ZlEwf3 {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-ZlEwf3 {\n        ;\n        ;\n        }\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-ZlEwf3-container   custom-padding \" id=\"section-ZlEwf3\"\n    style=\"opacity: 100%; \">\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-Z2347OQ p,\n    .lazyblock-content-Z2347OQ p a,\n    .lazyblock-content-Z2347OQ h1,\n    .lazyblock-content-Z2347OQ h2,\n    .lazyblock-content-Z2347OQ h3,\n    .lazyblock-content-Z2347OQ h4,\n    .lazyblock-content-Z2347OQ h5 {\n        color: ;\n    }\n\n    #content-Z2347OQ {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-Z2347OQ {\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-Z2347OQ {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-Z2347OQ-container  px-0 \"\n     id=\"content-Z2347OQ\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-Z2347OQ\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h2><span style=\"font-size: 2.5rem; color: #421f3c;\">4. Your product plans or features​​​</span></h2>\n<section data-id=\"2e2e95f\" data-element_type=\"section\">\n<div>\n<div data-id=\"43df217\" data-element_type=\"column\"> </div>\n</div>\n</section>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11040\" src=\"https://proweb.p.blends.be/wp-content/uploads/automate-experience.jpg\" alt=\"\" width=\"900\" height=\"550\" /></p>\n<p>&nbsp;</p>\n<p>If you offer more than one product or service on your website, catering to more than one customer segment, feel free to highlight corresponding offers depending on who visits the page at the moment.</p>\n<p>Use your audience’s firmographics or referral context to highlight a specific feature, product, or solution that will resonate most. Also, you can shuffle product features on different pages (home, landings, product) to provide the highest visibility to the most relevant ones.</p>\n<p><span style=\"font-weight: bolder;\">Example:</span> eCommerce companies and <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.liveagent.com/blog/6-handy-tips-to-help-you-manage-an-online-store/\" target=\"_blank\" rel=\"noopener\">online stores</a> use visitors’ previous behavior to offer personalized product choices. “Recommended for you” or “You may also like” content section may encourage more sales for your business.</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11039\" src=\"https://proweb.p.blends.be/wp-content/uploads/browsing-history-images-1-1.png\" alt=\"\" width=\"777\" height=\"209\" /></p>\n<p>&nbsp;</p>\n<p>You can also consider this element to personalize content choices for visitors’ engagement. Deliver information based on the content they previously viewed on your website.</p>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11037\" src=\"https://proweb.p.blends.be/wp-content/uploads/related-content-1-1.png\" alt=\"\" width=\"748\" height=\"378\" /></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-9UdNX {\n        padding-top: 2.8rem;\n        padding-bottom: 2.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-9UdNX {\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-9UdNX-container  #f5f5f5 custom-padding \" id=\"section-9UdNX\"\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-1vqJdd p,\n    .lazyblock-content-1vqJdd p a,\n    .lazyblock-content-1vqJdd h1,\n    .lazyblock-content-1vqJdd h2,\n    .lazyblock-content-1vqJdd h3,\n    .lazyblock-content-1vqJdd h4,\n    .lazyblock-content-1vqJdd h5 {\n        color: ;\n    }\n\n    #content-1vqJdd {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-1vqJdd {\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-1vqJdd {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-1vqJdd-container  px-0 \"\n     id=\"content-1vqJdd\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-1vqJdd\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h4><span style=\"color: #421f3c; font-size: 2.5rem;\">5. Testimonials​</span></h4>\n<div>\n<p><a href=\"https://salesblink.io/blog/customer-testimonials\" target=\"_blank\" rel=\"noopener\">Customer testimonials</a> act as social proof, establishing your brand’s credibility. They can improve conversion by far, especially if relating to particular segments of your target audience.</p>\n<p>So, consider displaying different buckets of testimonials and <a href=\"https://pointerpro.com/es/blog/how-to-use-customer-feedback-to-fuel-your-content-strategy/\" target=\"_blank\" rel=\"noopener\">customer feedback</a> for different segments of your website visitors.</p>\n</div>\n<p>&nbsp;</p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-11036\" src=\"https://proweb.p.blends.be/wp-content/uploads/customer-feedback-1-1.png\" alt=\"\" width=\"777\" height=\"518\" /></p>\n<p>&nbsp;</p>\n<p>You can also personalize the <a href=\"https://www.brandcrowd.com/blog/logo-design-trends-2023/\" target=\"_blank\" rel=\"noopener\">logo design</a> of the companies you worked with on your homepage so that visitors in the same industry or geo-location could see corresponding badges.</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-1mCjdt {\n        padding-top: 2.8rem;\n        padding-bottom: 1.8rem;\n    }\n\n    @media (min-width:1024px ) {\n        #section-1mCjdt {\n        ;\n        ;\n        }\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-1mCjdt-container   custom-padding \" id=\"section-1mCjdt\"\n    style=\"opacity: 100%; \">\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-ZjzIDv p,\n    .lazyblock-content-ZjzIDv p a,\n    .lazyblock-content-ZjzIDv h1,\n    .lazyblock-content-ZjzIDv h2,\n    .lazyblock-content-ZjzIDv h3,\n    .lazyblock-content-ZjzIDv h4,\n    .lazyblock-content-ZjzIDv h5 {\n        color: ;\n    }\n\n    #content-ZjzIDv {\n        margin-top: 0rem;\n        margin-bottom: 0rem;\n    }\n\n    #content-ZjzIDv {\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-ZjzIDv {\n            margin-left: 0;\n            margin-right: 0;\n        }\n    }\n</style>\n\n<div class=\"container-md lazyblock-content-container lazyblock-content-ZjzIDv-container  px-0 \"\n     id=\"content-ZjzIDv\">\n    <div class=\"row lazyblock-content justify-content-start  lazyblock-content-ZjzIDv\">\n        <div class=\"col-12 col-lg-12 text-start\">\n            <h2><span style=\"font-size: 2.5rem; color: #421f3c;\">Are you making the most of content personalization on your website?​</span></h2>\n<section data-id=\"2e2e95f\" data-element_type=\"section\">\n<div>\n<div data-id=\"43df217\" data-element_type=\"column\">\n<p>Personalized content is a goldmine. Not only does it allow you to stand out from the competitors and engage website visitors, but it’s also a sure-fire way to turn visitors into qualified leads and loyal customers. It’s your right path toward brand authenticity, consistency, and conversion.</p>\n<p>Research your target audience, learn their intent inside out, and do your best to provide personalized content for <a href=\"https://pointerpro.com/es/how-do-you-measure-customer-experience-success/\" target=\"_blank\" rel=\"noopener\">enhanced user experience</a> and value. After all, the better you are at helping your targets solve their problems, the better your chances are to win loyal customers and, in the long run, revenue.</p>\n</div>\n</div>\n</section>        </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 nothingtoshow\">\n            <div class=\"col-12\">\n                <p>nothing_to_show</p>\n            </div>\n        </div>\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/es/wp-admin/admin-ajax.php',\n                data: {\n                    action: 'subscribe_to_mailchimp',\n                    email: email,\n                    nonce: 'b25b852424'\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>Modern consumers expect personalization when they visit your website. In this article, we explain how you can provide your target audience with a tailored experience via personalized content.</p>\n","protected":false},"author":89,"featured_media":15212,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"topic":[415],"class_list":["post-11033","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-en","topic-marketing"],"acf":[],"_links":{"self":[{"href":"https://pointerpro.com/es/wp-json/wp/v2/posts/11033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https://pointerpro.com/es/wp-json/wp/v2/posts"}],"about":[{"href":"https://pointerpro.com/es/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://pointerpro.com/es/wp-json/wp/v2/users/89"}],"replies":[{"embeddable":true,"href":"https://pointerpro.com/es/wp-json/wp/v2/comments?post=11033"}],"version-history":[{"count":7,"href":"https://pointerpro.com/es/wp-json/wp/v2/posts/11033/revisions"}],"predecessor-version":[{"id":17571,"href":"https://pointerpro.com/es/wp-json/wp/v2/posts/11033/revisions/17571"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://pointerpro.com/es/wp-json/wp/v2/media/15212"}],"wp:attachment":[{"href":"https://pointerpro.com/es/wp-json/wp/v2/media?parent=11033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://pointerpro.com/es/wp-json/wp/v2/categories?post=11033"},{"taxonomy":"post_tag","embeddable":true,"href":"https://pointerpro.com/es/wp-json/wp/v2/tags?post=11033"},{"taxonomy":"topic","embeddable":true,"href":"https://pointerpro.com/es/wp-json/wp/v2/topic?post=11033"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}