{"id":11122,"date":"2018-06-26T17:10:09","date_gmt":"2018-06-26T11:40:09","guid":{"rendered":"https:\/\/email.uplers.com\/blogs\/?p=11122"},"modified":"2020-04-07T13:28:17","modified_gmt":"2020-04-07T07:58:17","slug":"landing-page-optimization-using-right-elements","status":"publish","type":"post","link":"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/","title":{"rendered":"Landing Page Elements That Optimize the Post-Click Experience"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Many digital marketers overlook an essential component in optimizing their advertising campaigns \u2014 that the post-click experience is just as important as the pre-click experience. Ignoring the post-click experience is <\/span><a href=\"https:\/\/email.uplers.com\/blog\/landing-page-mistakes\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">detrimental to conversion goals<\/span><\/a><span style=\"font-weight: 400;\"> and largely contributes to the alarming <\/span><a href=\"https:\/\/blog.kissmetrics.com\/bounce-rate\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">70-90% landing page bounce rate<\/span><\/a><span style=\"font-weight: 400;\">. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Prospects can be persuaded to click through on your optimized ad but what convinces them to convert is a dedicated page with the right <\/span><span style=\"font-weight: 400;\">landing page elements<\/span><span style=\"font-weight: 400;\">. That\u2019s because the landing page is <\/span><a href=\"https:\/\/instapage.com\/blog\/post-click-optimization\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">where the conversion happens<\/span><\/a><span style=\"font-weight: 400;\"> with a new process called post-click optimization.<\/span><\/p>\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-17425 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/landing-page-design-coding-services\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/landing-page.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/landing-page.jpg 800w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/landing-page-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/landing-page-768x192.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/landing-page-624x156.jpg 624w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div><\/div>\n<h2><b>What is post-click optimization?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Post-click optimization is the process of ensuring that the ad click leads to a conversion by directing visitors to a landing page that matches the ad\u2019s message. By optimizing the post-click experience, you\u2019re encouraging the prospect to complete the intended action by clicking your landing page CTA button.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Multiple <a href=\"https:\/\/instapage.com\/blog\/landing-page-framework\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">landing page components<\/a> can help with this, but before we discuss each of those, let\u2019s first compare an optimized post-click experience with a poor one.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">First, <\/span><b>Agency Platform\u2019s<\/b><span style=\"font-weight: 400;\"> landing page:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11123 size-full\" title=\"Agency Platform_Landing page\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/1.png\" alt=\"Agency Platform_Landing page\" width=\"565\" height=\"1600\"><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>abundance of copy<\/b><span style=\"font-weight: 400;\"> will likely overwhelm visitors and cause them to leave the page without evaluating the offer.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Minimal white space<\/b><span style=\"font-weight: 400;\"> makes the page look busy, cluttered, and difficult to navigate.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Many exit links<\/b><span style=\"font-weight: 400;\"> in the header and footer make it too easy for prospects to leave the page before converting.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>CTA buttons<\/b><span style=\"font-weight: 400;\"> don\u2019t stand out because they are too small, the colors don\u2019t contrast, there are competing calls-to-action, and the copy is vague.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Second, this one from <\/span><b>Blue Apron<\/b><span style=\"font-weight: 400;\">:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11124 size-full\" title=\"Blue Apron\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/2.png\" alt=\"Blue Apron\" width=\"1238\" height=\"996\"><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>multi-step form<\/b><span style=\"font-weight: 400;\"> broken up into shorter steps helps reduce friction on the page.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>sign up with Facebook option<\/b><span style=\"font-weight: 400;\"> offers a faster, alternate method to sign up fro Blue Apron using your Facebook profile credentials.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Iconography, bold formatting, and minimal copy<\/b><span style=\"font-weight: 400;\"> allows visitors to learn about Blue Apron\u2019s benefits without reading through a bunch of text.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">That said, let&#8217;s understand how you can enhance the post-click experience.<br \/>\n<\/span><\/p>\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-17405 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/banner-design-services\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/banner-as-service.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/banner-as-service.jpg 800w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/banner-as-service-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/banner-as-service-768x192.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/02\/banner-as-service-624x156.jpg 624w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div><\/div>\n<h2><b>5 landing page elements that optimize the post-click experience<\/b><\/h2>\n<h3>1. No navigation links<\/h3>\n<p><span style=\"font-weight: 400;\">Since a landing page is a standalone page designed to promote a single offer, there shouldn\u2019t be any other clickable elements aside from your CTA button. All landing pages must maintain a 1:1 conversion ratio \u2014 one clickable element to complete one conversion goal.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pages with multiple clickable elements distract people from the conversion goal, and allow them to click away from your page before converting. Ultimately, this re-routes the customer journey and decreases your conversion rate.<\/span><\/p>\n<p><b>Advertising Specialty Institute&#8217;s<\/b><span style=\"font-weight: 400;\"> email landing page is a great example of a page with a 1:1 conversion ratio. First the email ad, then the landing page:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11125 size-full\" title=\"Advertising Specialty Institute_Ad\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/3.png\" alt=\"Advertising Specialty Institute_Ad\" width=\"675\" height=\"572\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11126 size-full\" title=\"Advertising Specialty Institute_Landing Page\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/4.png\" alt=\"Advertising Specialty Institute_Landing Page\" width=\"1186\" height=\"1087\"><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>ASI logo<\/b><span style=\"font-weight: 400;\"> at the bottom of the page isn\u2019t hyperlinked, not even to the homepage.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>No header or footer navigations<\/b><span style=\"font-weight: 400;\"> keep visitors focused on the page. <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>blue CTA buttons<\/b><span style=\"font-weight: 400;\"> are the only clickable elements on the page \u2014 the \u201cTell Me More\u201d anchor tag improves the user experience, and the \u201cSubmit\u201d button for prospects to fulfill the conversion goal. <\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Take a cue from this page and keep visitors focused on your offer by maintaining a 1:1 conversion ratio by eliminating the header, footer, and any extraneous links.<\/span><\/p>\n<h3>2. Message matching<\/h3>\n<p><span style=\"font-weight: 400;\">Message matching is the process of matching your ad\u2019s primary message to that of the corresponding landing page. That includes the email and landing page headline, imagery, primary branding colors, and of course, the promoted offer.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To demonstrate, <strong>Adapt\u2019s<\/strong> email ad and landing page maintain message match, motivating visitors to click the CTA button. First the email ad, then the corresponding landing page:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11127 size-full\" title=\"Adapt Ad\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/5.png\" alt=\"Adapt_Ad\" width=\"666\" height=\"410\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11128 size-full\" title=\"Adapt_Landing Page\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/6.png\" alt=\"Adapt_Landing Page\" width=\"1200\" height=\"1258\"><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>brand colors<\/b><span style=\"font-weight: 400;\"> (red and yellow) are used on the email ad and the landing page.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>images<\/b><span style=\"font-weight: 400;\"> are the same on the email and landing page.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>offer<\/b><span style=\"font-weight: 400;\"> is the same in both places: Learn how to attract more customers and generate more leads with 5 free tips.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">By maintaining message match from email to landing page, you satisfy user expectations that initiated with the ad click. This plays a significant role in optimizing the post-click experience, and therefore, makes it easier to generate conversions.<\/span><\/p>\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-17407 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/custom-email-templates-design-coding\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding.jpg 800w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding-768x192.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding-624x156.jpg 624w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div><\/div>\n<h3>3. Retargeting<\/h3>\n<p><span style=\"font-weight: 400;\">Industry averages report that only about <\/span><a href=\"https:\/\/www.criminallyprolific.com\/convert-website-visitors\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">3% of website visitors<\/span><\/a><span style=\"font-weight: 400;\"> complete the contact form on websites. Digital marketers can do better than that, though. By retargeting the other 97% with personalized ads and landing pages, you can increase your chances of converting them.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">After reading various LinkedIn Sponsored Content articles, I was retargeted with these <strong>LinkedIn<\/strong> banner and skyscraper ads on two different websites, Business Insider and Weather.com, respectively:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11129 size-full\" title=\"LinkedIn_Ad\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/7.png\" alt=\"LinkedIn_Ad\" width=\"305\" height=\"273\"><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11130 size-full\" title=\"LinkedIn_Ad1\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/8.png\" alt=\"LinkedIn_Ad1\" width=\"321\" height=\"648\"><span style=\"font-weight: 400;\">Both ads lead to the same <\/span><a href=\"https:\/\/business.linkedin.com\/sales-solutions\/cx\/16\/01\/sales-navigator-free-trial-sem\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">personalized landing page<\/span><\/a><span style=\"font-weight: 400;\">:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11131 size-full\" title=\"LinkedIn_Landing Page\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/9.png\" alt=\"LinkedIn_Landing Page\" width=\"1065\" height=\"720\"><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>\u201cMore leads\u201d<\/b><span style=\"font-weight: 400;\"> is great for capturing attention in this retargeting ad campaign, since I was reading articles about Sponsored Content designed to generate more leads.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>The color scheme<\/b><span style=\"font-weight: 400;\"> is the same from ad to landing page, using LinkedIn\u2019s branding colors \u2014 blues, greys, white, and black.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>First and second-person copy<\/b><span style=\"font-weight: 400;\"> on the landing page makes the offer more personalized and compelling. <\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Combining those suggestions with other <\/span><a href=\"https:\/\/email.uplers.com\/blog\/landing-page-best-practices-email-campaign\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">landing page best practices<\/span><\/a><span style=\"font-weight: 400;\"> can help you capture the attention of the 97% of website visitors who leave without converting. And retargeting makes it all happen with personalized ads and post-click landing pages.<\/span><\/p>\n<h3>4. White space<\/h3>\n<p><span style=\"font-weight: 400;\">White space, also referred to as negative space or blank space, is the empty area between and around landing page elements. This space is used to draw attention to the most important landing page elements, such as the CTA button.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It is worth noting that this empty space doesn\u2019t have to be white. It can be any color as long as it helps improve the post-click experience by:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Reducing clutter<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Focusing the user\u2019s attention<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Increasing breathing room between page elements<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Improving comprehension<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">To demonstrate white space, take a look at <\/span><b>Scorpion<\/b><span style=\"font-weight: 400;\">&#8216;s landing page:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11132 size-full\" title=\"Scorpion_Landing Page\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/10.png\" alt=\"Scorpion_Landing Page\" width=\"1572\" height=\"1238\"><span style=\"font-weight: 400;\">Notice how all the empty space along the outside helps each element shine:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>headline<\/b><span style=\"font-weight: 400;\"> immediately lets visitors know what digital marketing areas Scorpion specializes in.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>subheadline<\/b><span style=\"font-weight: 400;\"> (bolded) stands out better since it has breathing room from the primary headline.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>video<\/b><span style=\"font-weight: 400;\"> does not get lost at the bottom of the page near any links or page footer.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>form<\/b><span style=\"font-weight: 400;\"> contrasts with the page background drawing attention.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Turn visitors\u2019 attention to your most important landing page elements by surrounding them with white space and persuading them to convert.<\/span><\/p>\n<div class=\"banner_wrapper\" style=\"\"><div class=\"banner  banner-17421 bottom vert custom-banners-theme-default_style\" style=\"\"><a class=\"custom_banners_big_link\"  target=\"_blank\"  href=\"https:\/\/email.uplers.com\/email-service-provider-esp-integration\/\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"200\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Web-Banner-K_V1.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Web-Banner-K_V1.jpg 800w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Web-Banner-K_V1-300x75.jpg 300w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Web-Banner-K_V1-768x192.jpg 768w, https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Web-Banner-K_V1-624x156.jpg 624w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div><\/div>\n<h3>5. Contrasting CTA button<\/h3>\n<p><span style=\"font-weight: 400;\">Getting prospects to convert all comes down to your <\/span><a href=\"https:\/\/email.uplers.com\/fixed-cta-in-email\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">CTA button<\/span><\/a><span style=\"font-weight: 400;\">, how visible it is and how optimized it is for conversions. Although there is no one universal CTA button to use across all of your pages, there are best practices to keep in mind.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">At minimum, the CTA button color must contrast with the rest of the page because if people can\u2019t find it, you can\u2019t expect them to complete the action. Some other tips include:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Making it large enough to stand out above all other elements<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Crafting personalized and persuasive copy<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Adding visual cues to draw even more attention <\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">See how <\/span><b>Celtic Bank<\/b><span style=\"font-weight: 400;\">\u2019s CTA button contrasts nicely with the rest of the page leaving no doubt what the end goal is for this landing page:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11133 size-full\" title=\"Celtic Bank_Landing Page\" src=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/11.png\" alt=\"Celtic Bank_Landing Page\" width=\"1008\" height=\"1042\"><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>orange button<\/b><span style=\"font-weight: 400;\"> contrasts well with everything else including white background, and blue and black copy.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>button<\/b><span style=\"font-weight: 400;\"> is one of the largest elements on the page, helping it stand out.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The <\/span><b>CTA button copy<\/b><span style=\"font-weight: 400;\"> is personalized and compelling because it is written in first-person.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Capture visitors\u2019 attention and persuade them to click your CTA button by designing it in a contrasting color that looks aesthetically pleasing on the page. Use other visual cues such as size, arrows, and white space to complement the color contrast, and help it stand out even more. <\/span><\/p>\n<h2><b>Improve conversion rates with an optimized post-click experience<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Email marketing messages and their design are not the only factors impacting your conversion rates, because optimizing prospects\u2019 post-click experience is just as important as the pre-click stage.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Be sure to <\/span><a href=\"https:\/\/email.uplers.com\/blog\/11-must-landing-page-elements-build-brand\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">optimize the post-click experience by designing landing page<\/span><\/a> elements that don\u2019t prematurely remove visitors from the page, match the message of your email, and help draw attention to the details that matter most in fulfilling your conversion goal.<\/p>\n<table style=\"height: 136px;\" width=\"623\">\n<tbody>\n<tr>\n<td style=\"vertical-align: middle;\">\n<h4>About the author:<\/h4>\n<p><a href=\"https:\/\/twitter.com\/TysonQuick\" target=\"_blank\" rel=\"noopener noreferrer\">Tyson Quick<\/a> is the Founder and CEO of <a href=\"https:\/\/instapage.com\/blog\" target=\"_blank\" rel=\"noopener noreferrer\">Instapage<\/a>, the leader in post-click optimization. He founded Instapage in 2012 after seeing how performance and growth marketers were losing money in underperforming advertising campaigns.<\/p>\n<p>Since then his vision has been to create a suite of post-click optimization products that maximize returns through advertising personalization.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Many digital marketers overlook an essential component in optimizing their advertising campaigns \u2014 that the post-click experience is just as important as the pre-click experience. Ignoring the post-click experience is detrimental to conversion goals and largely contributes to the alarming 70-90% landing page bounce rate. Prospects can be persuaded to click through on your optimized [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":11134,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[331],"tags":[489,562,346,456,565,369],"class_list":["post-11122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-landing-page","tag-best-landing-pages","tag-email-landing-page","tag-email-marketing","tag-landing-page-design-tips","tag-landing-page-elements","tag-landing-pages-best-practices"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Optimize Landing Pages Using the Right Elements<\/title>\n<meta name=\"description\" content=\"The blog shows how to bring your advertising campaigns and landing pages in sync, using the right elements to create the perfect post-click experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Optimize Landing Pages Using the Right Elements\" \/>\n<meta property=\"og:description\" content=\"The blog shows how to bring your advertising campaigns and landing pages in sync, using the right elements to create the perfect post-click experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"Email Uplers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/email.uplers\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-06-26T11:40:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-07T07:58:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/Landing-Page-Elements_featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"217\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Guest Writer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:site\" content=\"@email_uplers\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Guest Writer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/\",\"url\":\"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/\",\"name\":\"How to Optimize Landing Pages Using the Right Elements\",\"isPartOf\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/Landing-Page-Elements_featured.jpg\",\"author\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/749cfc0bde91c68b78c03723573eb0b0\"},\"description\":\"The blog shows how to bring your advertising campaigns and landing pages in sync, using the right elements to create the perfect post-click experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/#primaryimage\",\"url\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/Landing-Page-Elements_featured.jpg\",\"contentUrl\":\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/Landing-Page-Elements_featured.jpg\",\"width\":\"1170\",\"height\":\"470\",\"caption\":\"Landing-Page-Elements_featured\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/email.uplers.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Landing Page Elements That Optimize the Post-Click Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#website\",\"url\":\"https:\/\/email.uplers.com\/blog\/\",\"name\":\"Email Uplers\",\"description\":\"Email Marketing Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/email.uplers.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/749cfc0bde91c68b78c03723573eb0b0\",\"name\":\"Guest Writer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/599d0c57abd7079f26527df6706e83de?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/599d0c57abd7079f26527df6706e83de?s=96&d=mm&r=g\",\"caption\":\"Guest Writer\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Optimize Landing Pages Using the Right Elements","description":"The blog shows how to bring your advertising campaigns and landing pages in sync, using the right elements to create the perfect post-click experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/","og_locale":"en_US","og_type":"article","og_title":"How to Optimize Landing Pages Using the Right Elements","og_description":"The blog shows how to bring your advertising campaigns and landing pages in sync, using the right elements to create the perfect post-click experience.","og_url":"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/","og_site_name":"Email Uplers","article_publisher":"https:\/\/www.facebook.com\/email.uplers\/","article_published_time":"2018-06-26T11:40:09+00:00","article_modified_time":"2020-04-07T07:58:17+00:00","og_image":[{"url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/Landing-Page-Elements_featured.jpg","width":540,"height":217,"type":"image\/jpeg"}],"author":"Guest Writer","twitter_card":"summary_large_image","twitter_creator":"@email_uplers","twitter_site":"@email_uplers","twitter_misc":{"Written by":"Guest Writer","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/","url":"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/","name":"How to Optimize Landing Pages Using the Right Elements","isPartOf":{"@id":"https:\/\/email.uplers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/#primaryimage"},"image":{"@id":"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/Landing-Page-Elements_featured.jpg","author":{"@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/749cfc0bde91c68b78c03723573eb0b0"},"description":"The blog shows how to bring your advertising campaigns and landing pages in sync, using the right elements to create the perfect post-click experience.","breadcrumb":{"@id":"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/#primaryimage","url":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/Landing-Page-Elements_featured.jpg","contentUrl":"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/06\/Landing-Page-Elements_featured.jpg","width":"1170","height":"470","caption":"Landing-Page-Elements_featured"},{"@type":"BreadcrumbList","@id":"https:\/\/email.uplers.com\/blog\/landing-page-optimization-using-right-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/email.uplers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Landing Page Elements That Optimize the Post-Click Experience"}]},{"@type":"WebSite","@id":"https:\/\/email.uplers.com\/blog\/#website","url":"https:\/\/email.uplers.com\/blog\/","name":"Email Uplers","description":"Email Marketing Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/email.uplers.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/749cfc0bde91c68b78c03723573eb0b0","name":"Guest Writer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/email.uplers.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/599d0c57abd7079f26527df6706e83de?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/599d0c57abd7079f26527df6706e83de?s=96&d=mm&r=g","caption":"Guest Writer"}}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/11122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/comments?post=11122"}],"version-history":[{"count":16,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/11122\/revisions"}],"predecessor-version":[{"id":19176,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/posts\/11122\/revisions\/19176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media\/11134"}],"wp:attachment":[{"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/media?parent=11122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/categories?post=11122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/email.uplers.com\/blog\/wp-json\/wp\/v2\/tags?post=11122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}