{"id":15599,"date":"2024-03-18T18:39:02","date_gmt":"2024-03-18T22:39:02","guid":{"rendered":"https:\/\/www.litmus.com\/?p=15599"},"modified":"2025-10-03T11:12:07","modified_gmt":"2025-10-03T15:12:07","slug":"click-tap-and-touch-a-guide-to-cta-best-practices","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices","title":{"rendered":"A Strategic Guide to Calls-to-Action (CTAs) in Email Marketing: Best Practices for Success"},"content":{"rendered":"\n\n\t<div id=\"simple-text-block-block_5bfd7fb7aab16639a6bef2dfcfa0732e\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>Every email has a purpose. Whether it\u2019s to inform users of a product update, an upcoming event, or the latest offers\u2014every campaign should have a primary goal. In most cases, the goal is to get subscribers to do something.<\/p>\n<p>Enter: calls-to-action (CTAs). CTAs help guide your subscriber to the primary action you want them to take.<\/p>\n<p>In this blog, we\u2019ll cover CTA best practices, including:<\/p>\n<ul>\n<li><a rel=\"noopener\" href=\"#importance\">Why is a CTA important?<\/a><\/li>\n<li><a rel=\"noopener\" href=\"#designing\">Designing CTAs for email<\/a><\/li>\n<li><a rel=\"noopener\" href=\"#types\">Types of CTAs<\/a>\n<ul>\n<li><a rel=\"noopener\" href=\"#primary\">Primary CTAs<\/a><\/li>\n<li><a rel=\"noopener\" href=\"#secondary\">Secondary CTAs<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a rel=\"noopener\" href=\"#styling\">Styling CTAs<\/a>\n<ul>\n<li><a rel=\"noopener\" href=\"#text-links\">Styled text links<\/a><\/li>\n<li><a rel=\"noopener\" href=\"#rollover\">Rollover effect<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a rel=\"noopener\" href=\"#destination\">The destination URL<\/a>\n<ul>\n<li><a rel=\"noopener\" href=\"#tracking\">Tracking your links<\/a><\/li>\n<li><a rel=\"noopener\" href=\"#litmus\">Inside look: UTM parameters at Litmus<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a rel=\"noopener\" href=\"#how-many\">How many calls-to-action are too many?<\/a><\/li>\n<li><a rel=\"noopener\" href=\"#testing\">Testing your call-to-action<\/a><\/li>\n<\/ul>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_e965d8f64400e757d4b209d0b9c627df\" class=\"block-post-cta-button mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t \t\t\t  \t\t  \t\t  <div class=\"blog-post-cta-button-icon col-2 float-start mx-auto float-lg-start float-none background-white d-flex flex-column justify-content-center align-items-center text-center\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/03\/Guide-to-CTAs-blog-icon.png\" alt=\"\" width=\"375\" height=\"375\"\/>\n\t\t\t\t\t  \t\t  <\/div><!--blog-post-cta-button-icon-->\n\t\t\t\t\t\t\t\t  \t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\t\t\t  \t\t\t  <h2 class=\"h-sm\"><strong>Guide to Calls-To-Action (CTAs) in Email Marketing<\/strong><\/h2>\n\t\t\t   \n\t\t\t  \t\t\t\t\t<p>Discover the art of crafting compelling CTAs with tips on copywriting, design strategies, and providing a seamless subscriber experience.<\/p>\n\t\t\t\t\t \n\t\t\t  \t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\t\t\t  \t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/guide-to-ctas\">\n\t\t\t\t\t\tShow me how\t\t\t\t\t\t<\/a>\n\t\t\t  \t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>\n\n\n\n\t<div id=\"simple-text-block-block_e3579ccf582e96b0b18a05a4d07f1729\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>&nbsp;<\/p>\n<h2 id=\"importance\">Why is a call-to-action important?<\/h2>\n<p>While some email campaigns exist purely for entertainment or educational reasons, most campaigns are used to market something\u2014a product, service, or event. As email marketers, we need our subscribers to buy those products, subscribe to those services, and register for those events. And the only way to accomplish that is by getting subscribers out of their inbox and onto a landing page.<\/p>\n<p>Sending great content and hoping that a subscriber remembers you is not enough (although that helps). You need subscribers to take action immediately, and CTAs are the way to do that.<\/p>\n<p>As email marketers and designers know, there\u2019s more to conversions than simply adding an <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-bulletproof-buttons-in-email-design\" target=\"_blank\" rel=\"noopener\">html email button<\/a>. We\u2019ll go over some guidelines to keep in mind when you\u2019re designing and implementing CTAs to your emails that will help improve your success.<\/p>\n<h2 id=\"designing\">Designing calls-to-action<\/h2>\n<p>A good CTA doesn\u2019t just stand out\u2014it highlights the value of what happens, beyond the click. Let\u2019s dive into considerations when it comes to designing CTAs.<\/p>\n<h3>Define the <strong>purpose<\/strong><\/h3>\n<p>Just like an email needs a purpose, so does a CTA. Sure, the purpose is to get subscribers where you want them to take action. But by asking yourself the following three questions, you can get beyond the superficial and figure out the real purpose behind your CTA:<\/p>\n<ol>\n<li>What do I want a subscriber to do?<\/li>\n<li>How will they know what to do?<\/li>\n<li>Why should they do it?<\/li>\n<\/ol>\n<p>Every CTA should provide value for the subscriber. Whether or not it is explicitly stated, it should be clear exactly what they get for investing their time in your email and landing page. These questions help to clarify that value and, once answered, you can start thinking about how best to convey that value proposition in a CTA.<\/p>\n<h3>Consider your <strong>language<\/strong><\/h3>\n<p>There are two main parts to any CTA: the language and the design.<\/p>\n<p>While the design helps draw the reader\u2019s eye and makes it easy to use, the language in the CTA is what convinces a reader to interact.<\/p>\n<p>To help illustrate what constitutes an effective CTA, let\u2019s break down some common ones:<\/p>\n<ul>\n<li><strong>Click here<\/strong><br \/>\nThe biggest mistake that marketers make is using weak, passive language in their CTA. A classic example is the infamous \u201cclick here\u201d. While \u201cclick here\u201d may seem like a great CTA (in that it tells a subscriber exactly what to do), it really doesn\u2019t give a reader any incentive for taking action. It doesn\u2019t describe the value or what will happen if, in fact, they do click the link. As an alternative, you should use language that describes why a user should follow a link. Use verbs to describe what they will do by interacting with the CTA and, if possible, create a sense of urgency or timeliness.<\/li>\n<\/ul>\n<ul>\n<li><strong>Buy now<\/strong><b><br \/>\n<\/b>Some CTAs (like \u201cbuy now\u201d) infer a greater commitment on behalf of the subscriber\u2014you\u2019re asking them to spend their money by clicking the button. On the contrary, \u201cshop now\u201d represents a much lower commitment.High commitment propositions, like alluding to spending time or money, can be scary for a medium as casual as email. Instead, focus on low-commitment propositions that don\u2019t require a huge investment from your subscribers.<\/li>\n<\/ul>\n<p>Instead of going for a \u201cclick here\u201d or \u201cbuy now,\u201d consider <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/conversion-centered-design-email\/\" target=\"_blank\" rel=\"noopener\">verbs that tease your CTAs<\/a>. Your button text should set the expectation for what your subscriber will encounter after they click.<\/p>\n<p>Here are some examples of more descriptive, enticing calls-to-action:<\/p>\n<ul>\n<li>Shop fall collection now<\/li>\n<li>Access your account<\/li>\n<li>Get 50% off today<\/li>\n<li>Start testing<\/li>\n<li>Learn more<\/li>\n<li>Start planning<\/li>\n<li>Show me how<\/li>\n<li>Run faster<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Learn more about this in our\u00a0 <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/conversion-centered-design-email\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">conversion-centered design (CCD)<\/span><\/a><span style=\"font-weight: 400;\"> blog post.<\/span><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_e9b15d9a086aab9c53c8db406a24d1b4\" class=\"block-post-cta-button mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t \t\t\t  \t\t  \t\t  <div class=\"blog-post-cta-button-icon col-2 float-start mx-auto float-lg-start float-none background-white d-flex flex-column justify-content-center align-items-center text-center\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/10\/emailguardianicon.png\" alt=\"Litmus Email Guardian icon\" width=\"244\" height=\"244\"\/>\n\t\t\t\t\t  \t\t  <\/div><!--blog-post-cta-button-icon-->\n\t\t\t\t\t\t\t\t  \t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\t\t\t  \t\t\t  <h2 class=\"h-sm\"><strong>Ensure your CTAs are a home run<\/strong><\/h2>\n\t\t\t   \n\t\t\t  \t\t\t\t\t<p>Get automatic notifications when a broken or slow-loading link is detected, so you can fix it before it reaches your subscribers with 24\/7  Link Monitoring in Litmus Email Guardian.<\/p>\n\t\t\t\t\t \n\t\t\t  \t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\t\t\t  \t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/new-product-release\">\n\t\t\t\t\t\tProtect your links\t\t\t\t\t\t<\/a>\n\t\t\t  \t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>\n\n\n\n\t<div id=\"simple-text-block-block_e706ad45d4b4157a987cf89e943c565b\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>&nbsp;<\/p>\n<h3>Think about <strong>size &amp; placement<\/strong><\/h3>\n<p>After you have nailed down the language for your CTA, it\u2019s time to think about its size and placement.<\/p>\n<p><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/state-of-email-engagement\/\">Mobile is the top way to read email<\/a>, with 44.7% of opens taking place on a mobile device or client. As mobile continues to gain popularity, the physical size of CTAs are more important than ever. While clicking a link with your mouse on a desktop provides very precise control, touching a CTA with your thumb can become frustrating when targets are too small or cramped too close together on mobile devices.<\/p>\n<p>Generally, you\u2019ll want to keep CTAs big enough for even large thumbs to easily tap. Apple suggests making touch targets at least 44&#215;44 px. We recommend that as a great starting point when designing any CTA.<\/p>\n<h4>Whitespace<\/h4>\n<p>Along with making CTAs big enough, you need to provide generous spacing around them\u2014aka, whitespace. This makes your CTA easier to find. Including whitespace around CTAs also prevents subscribers from getting frustrated when they attempt to tap one link and get another.<\/p>\n<p>Let\u2019s look at this example from <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.datacamp.com\/\" target=\"_blank\" rel=\"noopener\">DataCamp<\/a>:<\/p>\n<figure style=\"width: 1306px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/11\/email-example.png\" alt=\"Example from DataCamp\" width=\"1306\" height=\"1450\" \/><figcaption class=\"wp-caption-text\">Source: <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/reallygoodemails.com\/emails\/save-150-for-cyber-week\" target=\"_blank\" rel=\"noopener\">Really Good Emails<\/a><\/figcaption><\/figure>\n<p>What makes these CTAs effective? First is the generous padding provided, from the block and the CTA button. Second is the center positioning of the button. Together, these techniques help guide the eye.<\/p>\n<p>It can also help to repeat your primary CTA further down in the email. Enthusiastic scrollers may miss the first one and the repetition helps to add weight to your CTA and reinforce its importance.<\/p>\n<h3>Make your CTA stand out with <strong>contrast<\/strong><\/h3>\n<p>Finally, when designing any CTA, it\u2019s important to think about how it will contrast with surrounding content.<\/p>\n<p>Using color is a great way to add contrast. Vibrant colors are generally best at drawing the eye to the CTA. Even if you use muted colors for your CTAs, they need to contrast with any background colors, images beneath the CTA, or surrounding text.<\/p>\n<p>Take the following examples. Which email draws your attention?<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<div id=\"text-two-columns-block_8f1b852c4f133d4882d88f4debf3dc50\" class=\"block-text-two-columns alignfull\" style=\"background-color:\">\n  <div class=\"container\">\n      \t<div class=\"row \">\n  \t\t<div class=\"col-md-6 column\">\n        <div class=\"\">\n          <img decoding=\"async\" class=\"alignnone size-full wp-image-40726\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/cta.png\" alt=\"CTA button, without contrast\" width=\"1000\" height=\"380\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/cta.png 1000w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/cta-300x114.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/cta-768x292.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/cta-700x266.png 700w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\n        <\/div>\n  \t\t<\/div>\n      <div class=\"col-md-6 column\">\n        <div class=\"\">\n         <img decoding=\"async\" class=\"alignnone size-full wp-image-40725\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/cta-accessible.png\" alt=\"CTA button, with contrast\" width=\"1000\" height=\"380\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/cta-accessible.png 1000w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/cta-accessible-300x114.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/cta-accessible-768x292.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/cta-accessible-700x266.png 700w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\n                 <\/div>\n      <\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\t<div id=\"simple-text-block-block_81ecd3fa4a24bed5ea2d51977be5e3fe\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>Learn more about contrasts in our <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/conversion-centered-design-email\/\" target=\"_blank\" rel=\"noopener\">conversion-centered design blog post<\/a>.<\/p>\n<h2 id=\"types\">Types of calls-to-action<\/h2>\n<p>Generally speaking, every email you send should have a primary goal. But what about when you have more than one CTA?<\/p>\n<h3 id=\"primary\">Primary CTAs<\/h3>\n<p>Your primary CTA is the main action you want your subscriber to take. It should be the most prominent in your email and styled in a way to help it stand out.<\/p>\n<figure id=\"attachment_40731\" aria-describedby=\"caption-attachment-40731\" style=\"width: 1200px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-40731 size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/Primary-CTA.jpg\" alt=\"Primary CTA example\" width=\"1200\" height=\"1119\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/Primary-CTA.jpg 1200w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/Primary-CTA-300x280.jpg 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/Primary-CTA-1024x955.jpg 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/Primary-CTA-768x716.jpg 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/Primary-CTA-700x653.jpg 700w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><figcaption id=\"caption-attachment-40731\" class=\"wp-caption-text\">Source: Litmus&#8217; <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/foundations-of-email-design\/\" target=\"_blank\" rel=\"noopener\">Foundations of Email Design<\/a><\/figcaption><\/figure>\n<p>One of the key ways to help your primary CTA stand out is by applying whitespace: space that is uninterrupted by other elements.<\/p>\n<p>In addition to whitespace, you can help your primary CTA stand out by:<\/p>\n<ul>\n<li>Styling your primary CTA as a button<\/li>\n<li>Making your button a different color than the other design elements<\/li>\n<li>Using typography, such as larger or bold text<\/li>\n<\/ul>\n<p>You want your primary CTA to be seen quickly, too. Placing your most important CTA early in the email is a good way to ensure this. While some might argue that the fold doesn\u2019t exist on mobile, keeping your primary CTA towards the top of your campaign accounts for readers that are not likely to scroll.<\/p>\n<h3 id=\"secondary\">Secondary CTAs<\/h3>\n<p>After primary CTAs, any additional actions you want your subscriber to take are secondary CTAs. These should be styled in a less dominant way.<\/p>\n<p>By styling your primary and secondary CTAs differently, it prevents them from competing with each other. To achieve this, you can still offer a button, but opt for a muted style\u2014such as a color that isn\u2019t as bold or a white button with a color border, shown below.<\/p>\n<p>Here are some examples:<\/p>\n<figure id=\"attachment_40732\" aria-describedby=\"caption-attachment-40732\" style=\"width: 1800px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-40732 size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/primary-secondary-ctas.png\" alt=\"Primary vs. Secondary CTA examples for email\" width=\"1800\" height=\"276\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/primary-secondary-ctas.png 1800w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/primary-secondary-ctas-300x46.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/primary-secondary-ctas-1024x157.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/primary-secondary-ctas-768x118.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/primary-secondary-ctas-1536x236.png 1536w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/primary-secondary-ctas-700x107.png 700w\" sizes=\"(max-width: 1800px) 100vw, 1800px\" \/><figcaption id=\"caption-attachment-40732\" class=\"wp-caption-text\"><i>Source: Litmus\u2019 <\/i><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/foundations-of-email-design\/\" target=\"_blank\" rel=\"noopener\"><i>Foundations of Email Design<\/i><\/a><\/figcaption><\/figure>\n<p>You can also simply offer a styled text link, which we\u2019ll cover in the next section.<\/p>\n<h2 id=\"styling\">Styling CTAs<\/h2>\n<p>There are several ways you can style your CTAs to help them stand out in your designs. The following are a few methods that can be applied to help subscribers more clearly identify your CTAs, whether they&#8217;re primary or secondary CTAs.<\/p>\n<h3 id=\"text-links\">Styled text links<\/h3>\n<p>Designers typically don\u2019t have the same level of control over text links as they do with images and buttons. Design techniques\u2014such as adjusting the size of a link within a block of copy or increasing the space surrounding text links\u2014aren\u2019t as effective and can sacrifice the <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/email-design-trends-what-we-are-expecting-in-2021\/\" target=\"_blank\" rel=\"noopener\">design of the email<\/a>. Therefore, color and font weight are the most important tools when dealing with text links.<\/p>\n<p>For a styled text link to be effective, you should consider two things: 1) the text should be a different color from the primary copy and 2) it should be underlined. This will help subscribers recognize it as a clickable element to help them take action.<\/p>\n<p>Compare the two blocks of copy below\u2014by stylizing with a bolded font weight and color, the \u201c<a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/foundations-of-email-design\/\" target=\"_blank\" rel=\"noopener\">Foundations of Email Design<\/a>\u201d styled text link stands out more as a clickable element.<\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-40730\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link.png\" alt=\"\" width=\"1534\" height=\"200\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link.png 1534w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link-300x39.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link-1024x134.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link-768x100.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link-700x91.png 700w\" sizes=\"(max-width: 1534px) 100vw, 1534px\" \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-40729\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link-effective.png\" alt=\"\" width=\"1534\" height=\"200\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link-effective.png 1534w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link-effective-300x39.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link-effective-1024x134.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link-effective-768x100.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/styled-link-effective-700x91.png 700w\" sizes=\"(max-width: 1534px) 100vw, 1534px\" \/>\n<p>To help your link stand out more, another approach is to add a rollover effect, which we\u2019ll cover next.<\/p>\n<h3 id=\"rollover\">Rollover effect<\/h3>\n<p>A rollover effect is a visual effect that helps highlight when an element is clickable. These can be applied to text links, buttons, and imagery.<\/p>\n<p>For text links, rollover effects that can be used are a color change or stylizing of text. In the example below, the underline disappears on rollover.<\/p>\n<figure id=\"attachment_40728\" aria-describedby=\"caption-attachment-40728\" style=\"width: 616px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-40728 size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/rollover-effect-link.gif\" alt=\"rollover effect link\" width=\"616\" height=\"109\" \/><figcaption id=\"caption-attachment-40728\" class=\"wp-caption-text\"><a rel=\"noopener\" href=\"https:\/\/litmus.com\/scope\/3rmpllhifp0c\" target=\"_blank\" rel=\"noopener\">See the full email in action<\/a><\/figcaption><\/figure>\n<p>For buttons, the colors change on rollover. In this example from our newsletter, you can see that a more muted color combination is applied as the rollover effect.<\/p>\n<figure id=\"attachment_40727\" aria-describedby=\"caption-attachment-40727\" style=\"width: 612px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-40727 \" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/rollover-effect-button.gif\" alt=\"rollover-effect-button\" width=\"612\" height=\"259\" \/><figcaption id=\"caption-attachment-40727\" class=\"wp-caption-text\"><a rel=\"noopener\" href=\"https:\/\/litmus.com\/scope\/3rmpllhifp0c\" target=\"_blank\" rel=\"noopener\">See the full email in action<\/a><\/figcaption><\/figure>\n<p>Want to see more rollover effects in action? Check out our <a rel=\"noopener\" href=\"https:\/\/litmus.com\/scope\/3rmpllhifp0c\" target=\"_blank\" rel=\"noopener\">newsletter in action<\/a> and hover around the buttons, links, and imagery. (And for <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/newsletter-best-practices\" target=\"_blank\" rel=\"noopener\">newsletter best practices, check out our latest guide<\/a>.)<\/p>\n<h3>Bulletproof buttons<\/h3>\n<p><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-bulletproof-buttons-in-email-design\/\" target=\"_blank\" rel=\"noopener\">Bulletproof buttons<\/a> are CTA buttons built with code instead of images. By only using code, the button will display in all email clients even when images are turned off, which is what makes them \u201cbulletproof.\u201d<\/p>\n<figure style=\"width: 676px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/image-based-button-updated.jpg\" alt=\"buttons on images-on view and images-off view\" width=\"676\" height=\"259\" \/><figcaption class=\"wp-caption-text\">Source: <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-bulletproof-buttons-in-email-design\/\" target=\"_blank\" rel=\"noopener\">Litmus\u2019 Guide to Bulletproof Buttons in Email<\/a><\/figcaption><\/figure>\n<p>Bulletproof buttons consist of live text styled to look like image-based buttons. They\u2019re the best way for designers to use button CTAs in their emails. Not everyone is able to (or willing to) dive into VML code, though. (And that\u2019s why we created our step-by-step <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-bulletproof-buttons-in-email-design\/\" target=\"_blank\" rel=\"noopener\">guide to bulletproof buttons in email<\/a> for everything you need to know\u2014code included.)<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_e965d8f64400e757d4b209d0b9c627df\" class=\"block-post-cta-button mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t \t\t\t  \t\t  \t\t  <div class=\"blog-post-cta-button-icon col-2 float-start mx-auto float-lg-start float-none background-white d-flex flex-column justify-content-center align-items-center text-center\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/03\/Guide-to-CTAs-blog-icon.png\" alt=\"\" width=\"375\" height=\"375\"\/>\n\t\t\t\t\t  \t\t  <\/div><!--blog-post-cta-button-icon-->\n\t\t\t\t\t\t\t\t  \t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\t\t\t  \t\t\t  <h2 class=\"h-sm\"><strong>Guide to Calls-To-Action (CTAs) in Email Marketing<\/strong><\/h2>\n\t\t\t   \n\t\t\t  \t\t\t\t\t<p>Discover the art of crafting compelling CTAs with tips on copywriting, design strategies, and providing a seamless subscriber experience.<\/p>\n\t\t\t\t\t \n\t\t\t  \t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\t\t\t  \t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/guide-to-ctas\">\n\t\t\t\t\t\tShow me how\t\t\t\t\t\t<\/a>\n\t\t\t  \t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>\n\n\n\n\t<div id=\"simple-text-block-block_b8d710e1289be775d310050110df0c14\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>&nbsp;<\/p>\n<h2 id=\"destination\">The destination URL<\/h2>\n<p><span style=\"font-weight: 400;\">The destination URL is the final step in the CTA journey, leading subscribers to your email&#8217;s main goal. Making sure this experience is smooth is key!<\/span><\/p>\n<h3 id=\"tracking\"><span style=\"font-weight: 400;\">Tracking your links<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">To get the most out of your clicks, track your <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/trends-in-email-engagement\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">email engagement<\/span><\/a><span style=\"font-weight: 400;\"> with <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.semrush.com\/blog\/utm-tracking-codes-google-analytics\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Urchin Tracking Modules (UTMs) <\/span><\/a><span style=\"font-weight: 400;\">parameters<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">According to <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/support.google.com\/analytics\/answer\/10917952\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Google<\/span><\/a><span style=\"font-weight: 400;\">:<\/span><\/p>\n<p style=\"padding-left: 15px; border-left: 10px solid #0d5477;\">By adding utm campaign parameters to the destination URLs you use in referral links and ad campaigns, you can see which campaigns refer traffic. When a user clicks a referral link, the URL parameters are sent to Analytics and the parameter values are visible in the Traffic acquisition report.<\/p>\n<p><span style=\"font-weight: 400;\">Simply put, UTM parameters help you track how people find and engage with your content, letting you understand their journey from discovery to signup, whether it starts on social media, moves to your blog, and ends with a form completion.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ensure you set up tracking to capture all the important click data!<\/span><\/p>\n<h3 id=\"litmus\"><span style=\"font-weight: 400;\">Inside look: How UTM parameters work at Litmus<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">In our <\/span><span style=\"font-weight: 400;\">Litmus Weekly newsletter\u2014now called <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/litmus-news\">Litmus News<\/a>\u2014<\/span><span style=\"font-weight: 400;\">we track clicks on the same link from two different sources: the hero image and the headline. By tagging the image link with <\/span><code><span style=\"font-weight: 400;\">utm_content=hero<\/span><\/code><span style=\"font-weight: 400;\"> and the headline link with <\/span><code><span style=\"font-weight: 400;\">utm_content=headline<\/span><\/code><span style=\"font-weight: 400;\">, we can precisely identify where our readers are clicking.<\/span><\/p>\n<figure style=\"width: 1350px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/03\/utm_content_hero.png\" alt=\"email example for Litmus' Guide to Calls-to-Action (CTAs) in Email Marketing\" width=\"1350\" height=\"1688\" \/><figcaption class=\"wp-caption-text\">Source: <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/guide-to-ctas\" target=\"_blank\" rel=\"noopener\">Guide to Calls-to-Action (CTAs) in Email Marketing<\/a><\/figcaption><\/figure>\n<h2 id=\"how-many\">How many CTAs are too many?<\/h2>\n<p>A strong point of contention between designers is just how many calls-to-action should be included in an email. Retailers generally include dozens of CTAs, the theory being that at least one of them will be of interest to a subscriber. However, many marketers like to focus on one or two CTAs in an attempt to make them more significant for subscribers.<\/p>\n<p>Of the below call-to-action email examples, which strategy works best?<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<div id=\"text-two-columns-block_344f8ebcd8f741cc2789813ba4691a83\" class=\"block-text-two-columns alignfull\" style=\"background-color:\">\n  <div class=\"container\">\n      \t<div class=\"row \">\n  \t\t<div class=\"col-md-6 column\">\n        <div class=\"\">\n          <img decoding=\"async\" class=\"alignnone size-full wp-image-40734\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/overstock-cta-example.jpg\" alt=\"Example email from Overstock with CTAs\" width=\"600\" height=\"2304\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/overstock-cta-example.jpg 600w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/overstock-cta-example-78x300.jpg 78w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/overstock-cta-example-267x1024.jpg 267w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/overstock-cta-example-400x1536.jpg 400w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/overstock-cta-example-533x2048.jpg 533w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\n        <\/div>\n  \t\t<\/div>\n      <div class=\"col-md-6 column\">\n        <div class=\"\">\n         <img decoding=\"async\" class=\"alignnone size-full wp-image-40733\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/grammarly-cta-example.jpg\" alt=\"Example email from Grammarly with CTAs\" width=\"600\" height=\"1698\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/grammarly-cta-example.jpg 600w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/grammarly-cta-example-106x300.jpg 106w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/grammarly-cta-example-362x1024.jpg 362w, https:\/\/www.litmus.com\/wp-content\/uploads\/2014\/12\/grammarly-cta-example-543x1536.jpg 543w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\n                 <\/div>\n      <\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\t<div id=\"simple-text-block-block_c4cb2cd5992465e8c0e9f6fe6a0c2c11\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>We say this a lot when talking about email but\u2014it depends. Including a ton of links can appeal to a wide variety of subscribers but can dilute your message. One CTA can hone your message, but may exclude a large number of subscribers that aren\u2019t interested in that particular message.<\/p>\n<p>You need to find a balance and strategy that works for your audience. One of the best ways to do that is through <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-testing\/\" target=\"_blank\" rel=\"noopener\">testing<\/a>.<\/p>\n<h2 id=\"testing\">Testing your CTA<\/h2>\n<p>There are a number of useful things to test to increase the effectiveness of CTAs. As mentioned before, you will want to test the number of CTAs to determine what works best for your audience.<\/p>\n<p>Another idea is to test the language, color, design, and type of link. You may think that a bunch of huge, colorful buttons would work for your campaigns but you may find that your readers prefer a few simple text links instead.<\/p>\n<p>Always test and rely on email campaign data to find what works best.<\/p>\n<h2>Put it in action!<\/h2>\n<p>As email marketers, we can get lost in implementing a design and lose sight of the entire lifecycle of a subscriber, especially outside of the inbox. Keep your CTA descriptive, timely, easy to find, and easy to interact with. Above all, promise your subscribers real value and keep that promise even after they leave their inbox.<\/p>\n<p>If you follow these guidelines, not only will your subscribers thank you, but the <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/infographic-the-roi-of-email-marketing\/\" target=\"_blank\" rel=\"noopener\">return on your email campaigns<\/a> will likely increase as well.<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_e9b15d9a086aab9c53c8db406a24d1b4\" class=\"block-post-cta-button mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t \t\t\t  \t\t  \t\t  <div class=\"blog-post-cta-button-icon col-2 float-start mx-auto float-lg-start float-none background-white d-flex flex-column justify-content-center align-items-center text-center\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2023\/10\/emailguardianicon.png\" alt=\"Litmus Email Guardian icon\" width=\"244\" height=\"244\"\/>\n\t\t\t\t\t  \t\t  <\/div><!--blog-post-cta-button-icon-->\n\t\t\t\t\t\t\t\t  \t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\t\t\t  \t\t\t  <h2 class=\"h-sm\"><strong>Ensure your CTAs are a home run<\/strong><\/h2>\n\t\t\t   \n\t\t\t  \t\t\t\t\t<p>Get automatic notifications when a broken or slow-loading link is detected, so you can fix it before it reaches your subscribers with 24\/7  Link Monitoring in Litmus Email Guardian.<\/p>\n\t\t\t\t\t \n\t\t\t  \t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\t\t\t  \t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/new-product-release\">\n\t\t\t\t\t\tProtect your links\t\t\t\t\t\t<\/a>\n\t\t\t  \t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>\n\n\n\n\t<div id=\"simple-text-block-block_22f9c043cc65d880f2275608187cff45\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>&nbsp;<\/p>\n<p><i>Originally published on February 4, 2012 by Jason Rodriguez.<\/i><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn call-to-action (CTA) best practices for email marketing in this guide\u2014complete with examples, tips, how-tos, and more.<\/p>\n","protected":false},"author":25,"featured_media":93510,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[152,478,10247,1789],"blog_category":[10305],"class_list":["post-15599","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-call-to-action","tag-design","tag-performance-metrics","tag-subscriber","blog_category-email-marketing-performance"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Calls-To-Action: Best Practices in Email Marketing [Guide] - Litmus<\/title>\n<meta name=\"description\" content=\"Learn call-to-action (CTA) best practices for email marketing in this guide\u2014complete with examples, tips, how-tos, and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Strategic Guide to Calls-to-Action (CTAs) in Email Marketing: Best Practices for Success\" \/>\n<meta property=\"og:description\" content=\"Learn call-to-action (CTA) best practices for email marketing in this guide\u2014complete with examples, tips, how-tos, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-18T22:39:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-03T15:12:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/03\/Guide-to-CTAs.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1380\" \/>\n\t<meta property=\"og:image:height\" content=\"725\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Calls-To-Action: Best Practices in Email Marketing [Guide] - Litmus","description":"Learn call-to-action (CTA) best practices for email marketing in this guide\u2014complete with examples, tips, how-tos, and more.","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:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices","og_locale":"en_US","og_type":"article","og_title":"A Strategic Guide to Calls-to-Action (CTAs) in Email Marketing: Best Practices for Success","og_description":"Learn call-to-action (CTA) best practices for email marketing in this guide\u2014complete with examples, tips, how-tos, and more.","og_url":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2024-03-18T22:39:02+00:00","article_modified_time":"2025-10-03T15:12:07+00:00","og_image":[{"width":1380,"height":725,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/03\/Guide-to-CTAs.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices"},"author":{"name":"","@id":""},"headline":"A Strategic Guide to Calls-to-Action (CTAs) in Email Marketing: Best Practices for Success","datePublished":"2024-03-18T22:39:02+00:00","dateModified":"2025-10-03T15:12:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices"},"wordCount":13,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/03\/Guide-to-CTAs.png","keywords":["Call-To-Action","Design","Performance Metrics","Subscriber"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices","url":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices","name":"Calls-To-Action: Best Practices in Email Marketing [Guide] - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/03\/Guide-to-CTAs.png","datePublished":"2024-03-18T22:39:02+00:00","dateModified":"2025-10-03T15:12:07+00:00","description":"Learn call-to-action (CTA) best practices for email marketing in this guide\u2014complete with examples, tips, how-tos, and more.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/03\/Guide-to-CTAs.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/03\/Guide-to-CTAs.png","width":1380,"height":725},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/click-tap-and-touch-a-guide-to-cta-best-practices#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"A Strategic Guide to Calls-to-Action (CTAs) in Email Marketing: Best Practices for Success"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/15599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=15599"}],"version-history":[{"count":17,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/15599\/revisions"}],"predecessor-version":[{"id":120212,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/15599\/revisions\/120212"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=15599"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=15599"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=15599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}