{"id":7013,"date":"2017-08-24T15:40:16","date_gmt":"2017-08-24T15:40:16","guid":{"rendered":"https:\/\/www.gosquared.com\/blog\/?p=7013"},"modified":"2022-06-09T14:17:31","modified_gmt":"2022-06-09T14:17:31","slug":"call-to-action-buttons","status":"publish","type":"post","link":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons","title":{"rendered":"How to create call-to-action buttons: 60+ amazing CTA examples to supercharge your marketing efforts"},"content":{"rendered":"<p><span data-preserver-spaces=\"true\">Just like finding our way around a physical store or building, it&#8217;s also possible to direct users around a website. There are many UX elements that all serve to navigate users around your site and ultimately encourage certain behaviours. Call-to-action buttons are no exception, as they instantly direct users to the next logical follow up action, whether that\u2019s to view your products or even get in touch with you. That is when everything runs smoothly!\u00a0<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">In reality, as with every facet of your website, it\u2019s possible to facilitate the intended actions of a CTA button through great placement and effective design, just as it is to confuse or even annoy users through poor tactics. When the latter happens, your website can actually miss out clicks, impressions and sales rather than gain them.<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">Want unmissable, not\u00a0<\/span><em><span data-preserver-spaces=\"true\">unclickable<\/span><\/em><span data-preserver-spaces=\"true\"> call-to-action buttons on your website? Here is our ultimate guide to call-to-action buttons featuring everything you need to know, including 60+ unmissable examples we&#8217;ve collected from across the web.\u00a0<\/span><\/p>\n<h2>What is a Call-to-Action button?<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_02.jpg\" alt=\"what is a call-to-action button?\" width=\"700\" height=\"400\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Quite simply, a call-to-action button is a clickable element on your website that directs users to a complete particular action.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As you browse the web every day, you likely stumble across hundreds of buttons asking you to perform an action \u2013 whether it\u2019s to subscribe for instant news alerts via email, to sign up for a gym membership TODAY, or to buy that new t-shirt you\u2019ve been waiting for. In the world of online marketing, these buttons are often referred to as call-to-Action buttons.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Call-to-Action buttons (CTAs) are all around us. We see hundreds, but we rarely click a single one. So how can you improve the number clicks of your call-to-action buttons? Everything hinges on knowing the right tactics.\u00a0<\/span><\/p>\n<p>First, let&#8217;s take a look at the types of call-to-action buttons you could be using, depending on the actions you are wanting users to take on your website.<\/p>\n<p><em>P.S. While autocorrect may automatically change \u201cCTA\u201d to \u201cCAT\u201d, the two are in fact totally unrelated.<\/em><\/p>\n<h3><span style=\"font-weight: 400;\">Types of CTAs (call to action) web buttons\u00a0<\/span><\/h3>\n<p><a href=\"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2017\/08\/AllIsometricJuly1-highRes-22.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8946\" src=\"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2017\/08\/AllIsometricJuly1-highRes-22.jpg\" alt=\"what makes a good call to action button?\" width=\"9035\" height=\"5418\" \/><\/a><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Closing the sale<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Event promotion<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Form submission<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Lead generation<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Lead nurturing<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Product or service discovery<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Read more<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Social sharing<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">There is a lot to learn about call-to-action buttons, so we\u2019ve broken it down into a few core sections you can jump straight to:<\/span><\/p>\n<ol>\n<li><a href=\"#intro\">What makes a good Call-to-Action button?<\/a><\/li>\n<li><a href=\"#write-persuasive-copy\">How to write persuasive copy for your Call-to-Action buttons.<\/a><\/li>\n<li><a href=\"#colour\">How to optimise the colour and design of your Call-to-Action buttons.<\/a><\/li>\n<li><a href=\"#design-for-mobile\">How to design buttons for mobile <em>and<\/em> desktop.<\/a><\/li>\n<li><a href=\"#saas-cta-examples\">60+ examples of the best Call-to-Action buttons in the wild.<\/a><\/li>\n<\/ol>\n<h2 id=\"intro\">Good call-to-action buttons:\u00a0 How to create successful CTAs<\/h2>\n<p><span data-preserver-spaces=\"true\">Let\u2019s go back to basics here. What is the purpose of a call-to-action, whether it\u2019s in the form of a button on your website or any other marketing tool? The answer is that you want to encourage users to complete a specific action. As we\u2019ve established, this could be to purchase a product, give you a call, or even sign up for your\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/gosquared.us2.list-manage.com\/subscribe\/post?u=aff6f5e0c81c6ff5bee968351&amp;id=cee634e8b1\" target=\"_blank\" rel=\"noopener\"><span data-preserver-spaces=\"true\">newsletter<\/span><\/a><span data-preserver-spaces=\"true\">\u00a0among many other examples.\u00a0<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">So when it comes to creating successful CTAs, these objectives must be factored into the types of buttons you create along with how they are presented to your users. These are some of the top points that need to be considered to maximise those all-important conversions.\u00a0<\/span><\/p>\n<blockquote><p>It\u2019s worth remembering the easiest button for a visitor to click is always the \u201c<strong>Back<\/strong>\u201d button &#8211; so let&#8217;s ensure we keep users on your website for longer with effective CTAs!<\/p><\/blockquote>\n<h3>Make your Call-to-Action buttons look like buttons<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_03.png\" alt=\"call-to-action button examples\" width=\"700\" height=\"300\" \/><\/p>\n<p>We\u2019re looking at you, Apple. Since iOS changed its design a few years ago, there\u2019s been a trend in web design to make buttons more and more minimal. Often you see buttons without borders or backgrounds, and it can often be hard to judge a button from just a short snippet of text.<\/p>\n<p>In order to make sure your buttons are unmissable and are easy to click, ensure they look like buttons \u2013 use a bold font, a large font size, give a generous amount of space around the text, have a strong border around the text, and ideally have a bold background that contrasts with the text colour.<\/p>\n<h3>Ensure your CTA buttons stand out<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_06.png\" alt=\"Call-to-Action buttons should stand out from the page\" width=\"700\" height=\"300\" \/><\/p>\n<p>Even if you make your button look like a button, you still need to make sure it\u2019s on a sensible background that doesn\u2019t clash and has enough space around it to stand out.<\/p>\n<p>It may sound obvious to ensure your buttons stand out from the backgrounds they\u2019re on, but it\u2019s common for websites to have a consistent button design that\u2019s used across a variety of backgrounds \u2013 from block colours, to patterns, to vibrant photos.<\/p>\n<p>Ensure your site is structured in such a way, that when content, intended for reading or clicking, is placed on top of a background, the background colours won\u2019t clash with the text and buttons on top. A good practice is to ensure background photos have a semi-transparent layer of colour on top that contrasts with the text to ensure the content on top stands out. For example, if you have white text on top of a photo, ensure there\u2019s semi transparent dark overlay on top of the image to avoid a clash.<\/p>\n<p>You also want to ensure your buttons are given enough space, so they\u2019re not crowded out by other components on your pages. Be generous with white-space so buttons can stand out from text and images.<\/p>\n<h3>Combine a header with your call-to-action buttons for better clarity<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_04.png\" alt=\"Call-to-action buttons CTAs marketing\" width=\"700\" height=\"300\" \/><\/p>\n<p>We all have short attention spans when we\u2019re browsing around the web. Visitors rarely have time to read every word on the page or to fully appreciate the full story you\u2019re trying to tell. Don\u2019t fear repeating your key message throughout your page \u2013 advice that\u2019s especially true for your call-to-action buttons.<\/p>\n<p>Just above your call-to-action button is a perfect place to remind the reader what they\u2019re on a page for, and to add some reassurance about what the button will do. For example, if you\u2019re running an ecommerce store, your text above the \u201cBuy now\u201d CTA could be \u201cPurchase today for free shipping\u201d. For a SaaS product, you could say \u201cTry it free for 14 days\u201d just before the \u201cStart trial\u201d button.<\/p>\n<h3>Remind the visitor what they\u2019re there for<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_05.png\" alt=\"Call-to-Action buttons can remind visitors why they are there\" width=\"700\" height=\"300\" \/><\/p>\n<p>The copy you choose for your button needs to be effective and concise. You have no room for a stray unnecessary words on your CTA buttons. Some of the best converting buttons use just one or two words. You ideally want your button to clearly convey an action of some sort such as \u201cStart Trial\u201d or \u201cBuy Now\u201d.<\/p>\n<p>Buttons without a verb \u2013 for example just putting the price of an item in a button-like shape \u2013 can lead to doubt in the user\u2019s mind. The user may second guess the action \u2013 here are a few things that might run through their mind for a split second:<\/p>\n<ul>\n<li>Is this button going to buy the item?<\/li>\n<li>Is the button going to show me pricing options?<\/li>\n<li>Is this just the price and where is the \u201cBuy\u201d button?<\/li>\n<\/ul>\n<h2 id=\"write-persuasive-copy\">How to write persuasive copy for your Call-to-Action buttons<\/h2>\n<h3>Strive for concise copy<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_16.png\" alt=\"Call-to-Action buttons should have concise copy\" width=\"700\" height=\"300\" \/><\/p>\n<blockquote><p>\u201cSuccinct doesn\u2019t mean short. It means a high ratio of ideas to words.&#8221; \u2013 Paul Graham<\/p><\/blockquote>\n<p>The best Call-to-Action buttons tend to have very few words, but every word is essential to understanding what will happen when the button is clicked.<\/p>\n<p>It can be tempting to explain in detail what your button will do, but when you add anything but the essential words, you\u2019ll find your CTA will become so long it\u2019ll run off the page and become too hard to read. Buttons that are unreadable also tend to be un-clickable.<\/p>\n<h3>Write copy that encourages action<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_07.png\" alt=\"Call-to-Action button copy should encourage action\" width=\"700\" height=\"300\" \/><\/p>\n<p>A lack of clarity in what a button does can lead to poor conversion \u2013 if visitors don\u2019t know what clicking a button will do, then it\u2019s likely they\u2019ll avoid it.<\/p>\n<p>Good CTA buttons usually contain words that encourage action, such as \u201cDownload\u201d, \u201cStart\u201d, or \u201cRequest\u201d. A few examples you frequently see in the wild:<\/p>\n<ul>\n<li><\/li>\n<li>\u201c<strong>Start<\/strong> your trial\u201d<\/li>\n<li>\u201c<strong>Download<\/strong> for free\u201d<\/li>\n<li>\u201c<strong>Request<\/strong> a demo\u201d<\/li>\n<\/ul>\n<h3>Emphasise a sense of urgency<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_08.png\" alt=\"Call-to-Action buttons should give a sense of urgency\" width=\"700\" height=\"300\" \/><\/p>\n<p>It\u2019s very easy to be passive when browsing the web \u2013 scrolling and viewing, and never taking action. Good CTAs and their accompanying landing pages often harness a sense of urgency (some of the kids might call it \u201cFOMO\u201d these days) to encourage you to take action now, rather than later.<\/p>\n<p>Landing pages set-up to drive webinar signups, for example, often utilise a countdown timer to show you have a time limit before the opportunity has passed.<\/p>\n<p>Something that\u2019s considerably less technical than implementing a countdown timer, though, is to add an urgency-inducing word to the button copy \u2013 for example adding the word \u201cNow\u201d can help drive action.<\/p>\n<p>A few good examples of using urgency-inducing words to make your CTAs more clickable:<\/p>\n<ul>\n<li>\u201cIncrease your conversion <strong>today<\/strong>\u201d<\/li>\n<li>\u201cGet started <strong>now<\/strong>\u201d<\/li>\n<li>\u201cWatch demo <strong>now<\/strong>\u201d<\/li>\n<\/ul>\n<h3>Use the first person<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_15.png\" alt=\"Call-to-Action buttons should use first person copy\" width=\"700\" height=\"300\" \/><\/p>\n<p>While not suitable for the tone of voice of all brands, some studies have shown that using first person (me) rather than second person (you) in your button copy can increase conversion considerably.<\/p>\n<p>People tend to make purchasing decisions with emotion in addition to the facts they can gather, so it\u2019s possible the use of first person helps users feel more personally connected and motivated to click and convert.<\/p>\n<p>Tim Ash on the Clickz blog has <a href=\"https:\/\/www.clickz.com\/me-vs-you-how-pronouns-affect-click-conversion-rates\/32596\/\" target=\"_blank\" rel=\"noopener noreferrer\">a good short post<\/a> on how different pronouns can impact your conversion rates.<\/p>\n<h2 id=\"colour\">Optimising the colour and design of your Call-to-Action buttons<\/h2>\n<h3>Choose a bold colour for your buttons<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_10.png\" alt=\"Call-to-Action buttons should use bold colours\" width=\"700\" height=\"300\" \/><\/p>\n<p>The colour of your Call-to-Action buttons obviously depends on the key colours you associate with your brand. But there are a few tips for ensuring you design effective, and good looking CTAs by using colour sensibly.<\/p>\n<p>It\u2019s widely reported that bold shades of green and blue make good colours for buttons; colours associated with negative actions tend to perform worse \u2013 red and black are generally reported to be less effective. The truth on colour though, is the right choice is totally dependent on your site, your brand, and everything that surrounds your button.<\/p>\n<p>You can test your button colours to establish what works best for your specific situation, but it\u2019s rarely a good use of your time to test as extensively as Google famously did several years ago with <a href=\"http:\/\/www.zeldman.com\/2009\/03\/20\/41-shades-of-blue\/\" target=\"_blank\" rel=\"noopener noreferrer\">41 different shades of blue<\/a>.<\/p>\n<h3>Ensure you have good contrast between text and button colour<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_09.png\" alt=\"Call-to-Action buttons should use good contrast between text and background\" width=\"700\" height=\"300\" \/><\/p>\n<p>Whatever the colour of your buttons, and whatever the colour of the background behind your buttons, you also need to ensure the colour of your text has high contrast.<\/p>\n<p>A popular technique is to simply use the same colour as the background behind the button, so the text on the button is almost like a cutout of the button itself, revealing the background behind.<\/p>\n<h3>Use a bigger font-size, and a legible font<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_11.png\" alt=\"Call-to-Action buttons should use a large and legible font\" width=\"700\" height=\"300\" \/><\/p>\n<p>No matter what your font-size is right now, make it bigger. When you\u2019re heads-down working on a design, you can get caught up in the details of the page and often forget how little time you have to persuade a visitor to engage and convert.<\/p>\n<p>Bigger isn\u2019t always better, but when it comes to CTA buttons and their font-sizes, it\u2019s almost always a good idea to ensure the font size is noticeably larger than the standard body font size of the page.<\/p>\n<h3>Choose a solid, attractive shape for your buttons<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_12.png\" alt=\"Call-to-Action buttons should be a bold and attractive shape\" width=\"700\" height=\"300\" \/><\/p>\n<p>There\u2019s no need to reinvent the wheel when it comes to button design. There\u2019s always an aspect of \u201cfashion\u201d when it comes to designing buttons that convert well and look great, but here\u2019s a few shortcuts to help you design a good button:<\/p>\n<ul>\n<li>Rectangles with generous padding around the button copy are a logical starting point.<\/li>\n<li>Rounding the corners of your buttons helps the user visualise the start and end of the button.<\/li>\n<li>Adding a shadow to buttons can help the shape \u201cpop\u201d off the page and float above the background clearly.<\/li>\n<li>A block background rather than just a border will help the button stand out.<\/li>\n<\/ul>\n<h2 id=\"design-for-mobile\">Mobile and desktop optimised Call-to-Action buttons<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_13.png\" alt=\"Call-to-Action buttons should be optimised for mobile and desktop\" width=\"700\" height=\"300\" \/><\/p>\n<p>When focused on designing great buttons that are big and stand out from the page, it can be easy to forget the multitude of devices a user might be viewing your page on.<\/p>\n<p>It\u2019s all too common to design a great experience for desktop users, but totally forget about the mobile experience. A good habit is to try wherever possible to design for mobile <em>first<\/em> and scale from there, so the desktop experience is an enhancement to the mobile experience, rather than working down in size from desktop.<\/p>\n<p>Modern desktop browsers have a \u201cresponsive design mode\u201d to make it easy to see how your pages look on different devices such as mobile phones and tablets, so always try viewing your pages in a bunch of different sizes before going live to avoid any obvious glitches that could ruin your conversion on smaller screens.<\/p>\n<h2>Put your first Call-to-Action button above the fold<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_14.png\" alt=\"Call-to-Action buttons should be above the fold\" width=\"700\" height=\"300\" \/><\/p>\n<p>Does \u201cthe fold\u201d still exist? People still scroll, and everyone\u2019s devices are different, but ensuring your key CTA is as high up and as visible as possible on your landing page is essential.<\/p>\n<p>Don\u2019t be afraid of making your button too obvious \u2013 obvious is good in a world of short attention spans and impatient users. You can repeat your CTA further down the page too, but ensuring it\u2019s easily visible when you first load the page will give users an instant understanding of what you\u2019re ultimately asking them to do by consuming the content on your page.<\/p>\n<h2>Remove choices<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_17.png\" alt=\"Try to avoid giving visitors too much choice\" width=\"700\" height=\"300\" \/><\/p>\n<p>Crafting a good Call-to-Action button assumes you\u2019ve already decided what you want the key action to be for visitors when they look at your page. If you haven\u2019t nailed down the most important action for visitors to take, then it\u2019ll make a lot of layout decisions hard.<\/p>\n<p>In order for a CTA to be as effective as possible, it needs to stand out, and it needs to be the main focus on the page for the visitor to engage with. If you give visitors too many options, you risk confusing and overwhelming them.<\/p>\n<p>If you need to offer more than one choice \u2013 for example, if you\u2019re offering a download for a desktop application or mobile app \u2013 strive to prioritising one option over the others. This sometimes may require more work on technical implementation (for example, detecting the visitor\u2019s operating system) but can be worth it in terms of increasing your conversion rate.<\/p>\n<p>It\u2019s worth remembering the easiest button for a visitor to click is always the \u201cBack\u201d button.<\/p>\n<h2>When to repeat your Call-to-Action button on a page<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_18.png\" alt=\"When to repeat a Call-to-Action button on your pages\" width=\"700\" height=\"300\" \/><\/p>\n<p>How often should you repeat a CTA throughout your landing page? It&#8217;s always a tricky balance \u2013 too frequently and you come across desperate, like a child nagging their parent for a toy. Too infrequently and you risk losing visitors who would otherwise happily sign up.<\/p>\n<p>As with most topics relating to business, \u201cit depends\u201d, but the key factor here for deciding how often to repeat a Call-to-Action button is the length of your landing page.<\/p>\n<p>A simple rule of thumb we use is if you\u2019re scrolling the page on your laptop and you can see your same CTA repeated more than once on the screen at the same time as you\u2019re scrolling then you\u2019re probably overdoing it.<\/p>\n<h2>Always be testing<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_19.png\" alt=\"Always be testing your Call-to-Action buttons\" width=\"700\" height=\"300\" \/><\/p>\n<p>Call-to-Action buttons are one of the critical components of your pages that are worth A\/B testing regularly.<\/p>\n<p>Even small changes and tweaks can lead to big improvements in conversion rate \u2013 adding a word, removing a word, changing a colour, or increasing the font size can all lead to improvements. But you\u2019ll never know unless you try out a few variations and see what works for your specific site and situation.<\/p>\n<hr \/>\n<h2 id=\"saas-cta-examples\">60+ CTA examples in SaaS<\/h2>\n<p>Software as a Service (SaaS) companies primarily use CTAs to drive people to sign up for a free trial of their product or to book a demo with a sales team. Here\u2019s a selection of CTAs from the most prominent SaaS businesses right now.<\/p>\n<p>Disclaimer: we obviously don\u2019t know how well any of these examples perform (apart from our own, of course), but we\u2019re hoping there\u2019s enough inspiration here to get you started on the right path.<\/p>\n<h3>Airtable<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_01.png\" alt=\"Airtable CTA example\" width=\"700\" height=\"300\" \/><\/p>\n<p>Airtable\u2019s homepage is beautifully clean and simple. \u201cSign up for free\u201d is very clear and obvious CTA text, combined with an email field for super easy sign up. Why would you not sign up?!<\/p>\n<p><a title=\"Airtable website\" href=\"https:\/\/airtable.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Airtable&#8217;s homepage<\/a><\/p>\n<h3>Amazon Web Services (AWS)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_02.png\" alt=\"Amazon Web Services CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Amazon are the master of website conversion, and the AWS site is no exception. Given that potential customers can pay anything from $0 to $millions a year for AWS, defining copy that works for all audiences is a challenge. The classic yellow button in the middle with \u201cCreate A Free Account\u201d is clearly aimed at convincing curious developers to get started and have a play.<\/p>\n<p><a title=\"Amazon Web Services website\" href=\"https:\/\/aws.amazon.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the Amazon Web Services homepage<\/a><\/p>\n<h3>Asana<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_03.png\" alt=\"Asana CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Asana\u2019s homepage is clean and fresh with bold brand colours. The \u201cabove the fold\u201d section of their homepage is remarkably sparse focusing almost entirely on the title and Call-to-Action. Plus points for consistency in text between their global navigation CTA and the key button on the homepage.<\/p>\n<p><a title=\"Asana website\" href=\"https:\/\/asana.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Asana&#8217;s homepage<\/a><\/p>\n<h3>Atlassian<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_04.png\" alt=\"Atlassian CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Atlassian recently updated their site with a refreshed set of fonts and colours. They have a suite of different products, so we decided to share one of the landing page of their most popular products: Jira. As you can see, they\u2019ve kept the button text simple and emphasised there\u2019s no need to pay upfront for the software.<\/p>\n<p>One area to improve: ensuring consistency between their global \u201cTry Free\u201d CTA in the navigation and the on-page \u201cTry it free\u201d button copy.<\/p>\n<p><a title=\"Atlassian Jira website\" href=\"https:\/\/www.atlassian.com\/software\/jira\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the Atlassian Jira homepage<\/a><\/p>\n<h3>Baremetrics<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_05.png\" alt=\"Baremetrics CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>There\u2019s no messing about on the Baremetrics homepage \u2013 you can either watch a video or sign up straight away. The simplicity and lack of choice are a really compelling driver to encourage you to make the next step.<\/p>\n<p><a title=\"Baremetrics website\" href=\"https:\/\/baremetrics.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the Baremetrics homepage<\/a><\/p>\n<h3>Basecamp<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_06.png\" alt=\"Basecamp CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Basecamp famously test their landing pages, copy, and designs continuously. It\u2019s almost guaranteed that by the time you read this and head to the Basecamp site their page will look different to the screenshot here!<\/p>\n<p>At the time of writing, Basecamp are combining a few lines of reassuring copy with a bold and obvious button to drive you to start your trial. A lovely touch is the additional copy of \u201c4,312 businesses sign up this week!\u201d \u2013 no one wants to the be the first person to sit down in an empty restaurant.<\/p>\n<p><a title=\"Basecamp website\" href=\"https:\/\/basecamp.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Basecamp&#8217;s homepage<\/a><\/p>\n<h3>Buffer<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_07.png\" alt=\"Buffer CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Buffer\u2019s homepage is incredibly minimal and doesn\u2019t even show their product above the fold. It\u2019s all about the CTA and a compelling title. Plus points for having consistent styling between their global navigation buttons and the central CTA on their homepage.<\/p>\n<p><a title=\"Buffer website\" href=\"https:\/\/buffer.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Buffer&#8217;s homepage<\/a><\/p>\n<h3>Campaign Monitor<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_08.png\" alt=\"Campaign Monitor CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Campaign Monitor have taken a risk by placing their signup button on top of a video on their homepage. Thankfully their video is carefully crafted to have a dark overlay and is blurred out in places to ensure the text and button stand out on top of it throughout.<\/p>\n<p><a title=\"Campaign Monitor website\" href=\"https:\/\/www.campaignmonitor.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the Campaign Monitor homepage<\/a><\/p>\n<h3>Chargebee<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_09.png\" alt=\"Chargebee CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Chargebee consistently use the colour orange to indicate action buttons throughout their site. The primary CTA on their homepage is huge in comparison to the body text on their page and includes a perfectly sized logo along with compelling copy. You just want to click it \u2013 nice work Chargebee!<\/p>\n<p><a title=\"Chargebee website\" href=\"https:\/\/www.chargebee.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Chargebee&#8217;s homepage<\/a><\/p>\n<h3>CharlieHR<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_10.png\" alt=\"CharlieHR CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>CharlieHR heavily push the idea of \u201cfree\u201d in their CTAs \u2013 both on the homepage and throughout their site. Their signup area on the homepage is totally unmissable and doubles as a way to draw you down the page to learn more.<\/p>\n<p><a title=\"CharlieHR website\" href=\"https:\/\/www.charliehr.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the CharlieHR homepage<\/a><\/p>\n<h3>ChartMogul<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_11.png\" alt=\"ChartMogul CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>ChartMogul utilise the space under their primary CTA to address the common concern potential users of SaaS products have \u2013 \u201cwill I need to enter my billing details before I can try this out?\u201d<\/p>\n<p><a title=\"ChartMogul website\" href=\"https:\/\/chartmogul.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out ChartMogul&#8217;s homepage<\/a><\/p>\n<h3>Clearbit<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_12.png\" alt=\"Clearbit CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Clearbit appear to be growing like crazy. However, we can\u2019t help but wonder if that\u2019s despite their primary CTA on their homepage. It\u2019s big and bold, but the simple \u201cSign up\u201d copy fails to convey key info that could help increase conversions. A few questions we have from seeing this button: \u201cIs there a trial?\u201d, \u201cAm I signing up for a Clearbit account or for one of their specific products?\u201d, \u201cWill I need to enter my billing info straight away?\u201d.<\/p>\n<p><a title=\"Clearbit website\" href=\"https:\/\/clearbit.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Clearbit&#8217;s homepage<\/a><\/p>\n<h3>Close<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_13.png\" alt=\"Close CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Close have done a great job at making their CTAs stand out. The primary CTA on their homepage is HUGE and even puts the reassuring text of \u201cNo credit card required\u201d inside the button.<\/p>\n<p><a title=\"Close website\" href=\"https:\/\/close.io\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the Close.io homepage<\/a><\/p>\n<h3>ConvertKit<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_14.png\" alt=\"ConvertKit CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>ConvertKit\u2019s homepage is ultra simple, so your eyes can\u2019t help but be drawn to the \u201cGet Started\u201d CTA. It\u2019s not entirely clear what \u201cGet Started\u201d actually means though \u2013 will that get us started with a demo or will it start a trial? A little micro-copy underneath the button could really help clear that up!<\/p>\n<p><a title=\"ConvertKit website\" href=\"https:\/\/convertkit.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the ConvertKit homepage<\/a><\/p>\n<h3>Crazy Egg<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_15.png\" alt=\"Crazy Egg CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Crazy Egg are one of the true experts when it comes to conversion rate optimisation, so their homepage and CTAs are worth paying careful attention to. Their homepage is extremely simple, with a massive email field and signup button taking pride of place. The \u201cShow Me My Heatmap\u201d is also incredibly compelling copy for a button \u2013 it\u2019s in first person, and it\u2019s really exciting to think what we\u2019ll get when we hit the button.<\/p>\n<p>As expected, this is CTA gold from Crazy Egg.<\/p>\n<p><a title=\"Crazy Egg website\" href=\"https:\/\/www.crazyegg.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the Crazy Egg homepage<\/a><\/p>\n<h3>Curated<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_16.png\" alt=\"Curated CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Curated have utilised really compelling copy on their primary CTA to entice you into their platform \u2013 \u201cStart curating\u201d sounds a whole lot more enjoyable than \u201cStart trial\u201d.<\/p>\n<p><a title=\"Curated website\" href=\"https:\/\/curated.co\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Curated&#8217;s homepage<\/a><\/p>\n<h3>Delighted<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_17.png\" alt=\"Delighted CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Delighted have combined a very simple signup form with reassuring copy for a compelling signup process on their homepage. The purple CTA also stands out and draws your eye.<\/p>\n<p><a title=\"Delighted website\" href=\"https:\/\/delighted.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Delighted&#8217;s homepage<\/a><\/p>\n<h3>Desk<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_18.png\" alt=\"Desk CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Salesforce Desk has a dark photographic background which is plain enough to allow the primary CTA to stand out. The copy ensures you\u2019re not put off by the idea of spending money \u2013 it\u2019s free to try, so why not?<\/p>\n<p><a title=\"Salesforce Desk website\" href=\"https:\/\/www.desk.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the Salesforce Desk homepage<\/a><\/p>\n<h3>DigitalOcean<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_19.png\" alt=\"DigitalOcean CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>DigitalOcean have cemented themselves as a developer hosting platform that cares about design. Their homepage and CTAs are clean and friendly. It\u2019s easy to create an account, and the copy is simple and clear.<\/p>\n<p><a title=\"DigitalOcean website\" href=\"https:\/\/www.digitalocean.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out DigitalOcean&#8217;s homepage<\/a><\/p>\n<h3>Domo<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_20.png\" alt=\"Domo CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Domo is focused on enterprise, and their CTAs push you towards learning more and watching a demo rather than signing up for a trial. The orange colour is consistent throughout the site.<\/p>\n<p><a title=\"Domo website\" href=\"https:\/\/www.domo.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Domo&#8217;s homepage<\/a><\/p>\n<h3>Drip<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_21.png\" alt=\"Drip CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Drip\u2019s orange primary CTA is effective because it puts your mind to rest with regards to price being a barrier from signing up. The dark blue nicely contrasts against the orange so the button stands out.<\/p>\n<p><a title=\"Drip website\" href=\"https:\/\/www.drip.co\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Drip&#8217;s homepage<\/a><\/p>\n<h3>Dropbox<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_22.png\" alt=\"Dropbox CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Dropbox has a number of Call-to-Action buttons on their homepage, with two of equal prominence. The clarity of what each button does and why they\u2019re both there is obvious, and it seems to be doing the trick for Dropbox! What\u2019s interesting is they have a third, less prominent CTA at the top right (not a common place to put an action button) to take you to Dropbox Business.<\/p>\n<p><a title=\"Dropbox website\" href=\"https:\/\/www.dropbox.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the Dropbox homepage<\/a><\/p>\n<h3>DueDil<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_23.png\" alt=\"DueDil CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>DueDil are pushing for visitors to request a demo on their homepage. It\u2019s interesting to see the prominence they place on watching a video of their platform \u2013 clearly watching their video must correlate strongly with encouraging people to ultimately start using their platform.<\/p>\n<p>A nice touch \u2013 they\u2019ve used a small \u201cplay\u201d icon on their \u201cWatch the video\u201d button to indicate you\u2019ll watch the video in place rather than be taken to another page.<\/p>\n<p><a title=\"DueDil website\" href=\"https:\/\/www.duedil.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out DueDil&#8217;s homepage<\/a><\/p>\n<h3>EmailOctopus<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_68.png\" alt=\"EmailOctopus CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>EmailOctopus are consistently using a bold purple colour for their CTAs, and the focus on free makes signing up seem just a click away. The top right CTA says &#8220;<em>try<\/em> us for free&#8221;, so the only question we have is: is there a trial? If so, how long?<\/p>\n<p><a title=\"EmailOctopus website\" href=\"https:\/\/emailoctopus.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the EmailOctopus homepage<\/a><\/p>\n<h3>Expensify<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_24.png\" alt=\"Expensify CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Expensify\u2019s homepage breaks any sort of traditional layout for SaaS pages, but the signup field is unmissable.<\/p>\n<p><a title=\"Expensify website\" href=\"https:\/\/www.expensify.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Expensify&#8217;s homepage<\/a><\/p>\n<h3>Framer<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_25.png\" alt=\"Framer CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Framer\u2019s whole site and product is beautiful, and their CTAs don\u2019t disappoint. Framer consistently use the same shade of blue for all actions, and they also employ a beautiful little icon on their global nav to indicate the free trial requires a download of their app.<\/p>\n<p><a title=\"Framer website\" href=\"https:\/\/framer.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Framer&#8217;s homepage<\/a><\/p>\n<h3>FreshBooks<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_26.png\" alt=\"FreshBooks CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>FreshBooks automatically focus you on the first field in their signup flow when you load their homepage \u2013 engaging you in the signup process instantly. Their primary CTA is very clear and is coupled with great microcopy to address common concerns \u2013 \u201cNo credit card required. No contracts. Cancel anytime.\u201d<\/p>\n<p><a title=\"FreshBooks website\" href=\"https:\/\/www.freshbooks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the FreshBooks homepage<\/a><\/p>\n<h3>Freshdesk<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_27.png\" alt=\"Freshdesk CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Freshdesk have kept it simple, and their primary CTA is bold and stands out from the background. The button could be larger, and they could add extra copy below the button to address concerns potential users may have.<\/p>\n<p><a title=\"Freshdesk website\" href=\"https:\/\/freshdesk.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Freshdesk&#8217;s homepage<\/a><\/p>\n<h3>Front<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_28.png\" alt=\"Front CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Front\u2019s site is beautifully designed, and their primary CTA is bold and generously spaced out from the rest of the content on the page. Props for ensuring their copy is consistent across the site for their CTAs too \u2013 \u201cTry free for 14 days\u201d.<\/p>\n<p><a title=\"Front website\" href=\"https:\/\/frontapp.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Front&#8217;s homepage<\/a><\/p>\n<h3>FullStory<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_29.png\" alt=\"FullStory CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>FullStory\u2019s CTAs are visually striking, and the copy is consistent throughout their site. The only thing we\u2019d improve here is ensuring there\u2019s a little more contrast between the blue of the sign up button and the pink of the background.<\/p>\n<p><a title=\"FullStory website\" href=\"https:\/\/www.fullstory.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out FullStory&#8217;s homepage<\/a><\/p>\n<h3>Geckoboard<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_30.png\" alt=\"Geckoboard CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Geckoboard\u2019s primary CTA is unmissable on their homepage \u2013 it\u2019s very clear and very obvious and encourages visitors to drop their email address right away. They\u2019ve utilised micro-copy below the CTA to reassure you of any concerns you might have, and they have a consistent pattern of email address + green action button throughout their site.<\/p>\n<p><a title=\"Geckoboard website\" href=\"https:\/\/www.geckoboard.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Geckoboard&#8217;s homepage<\/a><\/p>\n<h3>GitHub<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_31.png\" alt=\"GitHub CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>GitHub\u2019s homepage is as much a join form as anything \u2013 there\u2019s no messing about here. You really will have a GitHub account as soon as you\u2019ve completed the three fields and hit the bold green \u201cSign up for GitHub\u201d button on the homepage. The only area where this example falls down is the extensive copy below the primary button outlining the legal spiel.<\/p>\n<p><a title=\"GitHub website\" href=\"https:\/\/github.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out GitHub&#8217;s homepage<\/a><\/p>\n<h3>Google Optimize<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_32.png\" alt=\"Google Optimize CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Even Google needs to encourage users to sign up! Google\u2019s Analytics product has evolved into a suite, and their Optimize product is one a few tools that you can optionally sign up for. Their consistent bold green buttons are unmissable, and the copy is reassuringly emphasising it\u2019s free.<\/p>\n<p><a title=\"Google Optimize website\" href=\"https:\/\/www.google.com\/analytics\/optimize\/\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the Google Optimize homepage<\/a><\/p>\n<h3>GoSquared<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_33.png\" alt=\"GoSquared CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>We\u2019re quite familiar with this one as it\u2019s our own homepage. We\u2019re always A\/B testing the GoSquared homepage and experimenting with messaging, layout, and CTAs to see what performs best. We previously had a much smaller email field and \u201cGet Started\u201d button, but since increasing the size of both we\u2019ve seen a 20% increase in conversions. Not bad for a few lines of CSS.<\/p>\n<p><a title=\"GoSquared website\" href=\"https:\/\/www.gosquared.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out the GoSquared homepage<\/a><\/p>\n<h3>GrooveHQ<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_34.png\" alt=\"GrooveHQ CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Groove\u2019s homepage sneaks a large CTA in just above the fold. The copy is great; the only area where this could be improved is if there was more contrast between the bright blue background and the green \u201cTry Groove For Free\u201d button.<\/p>\n<p><a title=\"GrooveHQ website\" href=\"https:\/\/www.groovehq.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out GrooveHQ&#8217;s homepage<\/a><\/p>\n<h3>Help Scout<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_35.png\" alt=\"Help Scout CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Help Scout\u2019s buttons are clear and obvious. The \u201cSign up Free\u201d button is bold and stands out against everything else on the page. The one area we\u2019re curious about for improvement is why the CTA in the global site navigation doesn\u2019t include the word \u201cFree\u201d like the primary button on the homepage.<\/p>\n<p><a title=\"Help Scout website\" href=\"https:\/\/www.helpscout.net\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Help Scout&#8217;s homepage<\/a><\/p>\n<h3>HubSpot<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_36.png\" alt=\"HubSpot CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>HubSpot are experts when it comes to all things marketing, so their CTAs are not left to chance. They currently have a consistent approach of blue buttons with \u201cGet Started\u201d copy throughout the site. On the homepage, they\u2019ve coupled a little copy to reassure you that getting started won\u2019t cost you anything to begin with.<\/p>\n<p><a title=\"HubSpot website\" href=\"https:\/\/www.hubspot.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out HubSpot&#8217;s homepage<\/a><\/p>\n<h3>Invision<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_37.png\" alt=\"Invision CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Invision have bravely used a full screen video as the backdrop to their homepage. Knowing a thing or two about design, they\u2019ve ensured there\u2019s a dark overlay on top of the video so the text and buttons are easy to read. The CTA copy sounds too good to be true but compels you to sign up straight away.<\/p>\n<p><a title=\"Invision website\" href=\"https:\/\/www.invisionapp.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Invision&#8217;s homepage<\/a><\/p>\n<h3>Kalo<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_38.png\" alt=\"Kalo CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Kalo have a bold background on their homepage and use a huge photo of one of their customers to make a more personal connection with the visitor. The CTA is clear and the copy is consistent and friendly throughout the site. If there was one thing we\u2019d test on the homepage it\u2019d be experimenting with a bold solid white button with pink text, instead of the current white outline button.<\/p>\n<p><a title=\"Kalo website\" href=\"https:\/\/kalohq.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Kalo&#8217;s homepage<\/a><\/p>\n<h3>Kayako<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_39.png\" alt=\"Kayako CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Kayako consistently use orange for their CTAs throughout their site. The copy here is clear and easy to read. There\u2019s not a lot to dislike with Kayako\u2019s approach here.<\/p>\n<p><a title=\"Kayako website\" href=\"https:\/\/www.kayako.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Kayako&#8217;s homepage<\/a><\/p>\n<h3>Klipfolio<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_40.png\" alt=\"Klipfolio CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Klipfolio\u2019s primary CTA almost appears to float above the page \u2013 the bold red coupled with a long shadow makes the button stand out against everything else on the page.<\/p>\n<p><a title=\"Klipfolio website\" href=\"https:\/\/www.klipfolio.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Klipfolio&#8217;s homepage<\/a><\/p>\n<h3>MailChimp<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_41.png\" alt=\"MailChimp CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Everyone loves the quirkiness of the MailChimp brand, but their signup buttons are clear and to-the-point. It\u2019s a good example of why getting your copy right on Call-to-Action buttons is so important \u2013 trying anything that\u2019s too far outside the box may risk losing out on conversions from fresh visitors.<\/p>\n<p><a title=\"MailChimp website\" href=\"https:\/\/mailchimp.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out MailChimp&#8217;s homepage<\/a><\/p>\n<h3>Marvel<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_42.png\" alt=\"Marvel CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Marvel\u2019s site is beautifully simple, and their Call-to-Action buttons are no different. On the homepage there\u2019s a heavy emphasis on starting free and addressing any concerns of the budget-conscious to get you in the door.<\/p>\n<p><a title=\"Marvel website\" href=\"https:\/\/marvelapp.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Marvel&#8217;s homepage<\/a><\/p>\n<h3>New Relic<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_43.png\" alt=\"New Relic CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>New Relic are now a huge SaaS business, and their strategy for conversion has evolved over time. They currently push \u201cSign Up\u201d as their primary CTA, but the button is smaller than the secondary button of \u201cRequest Demo\u201d. The copy is short but it leaves a lot of questions in the mind of the visitor \u2013 we\u2019d assume New Relic expect visitors to read around before committing to signing up, but we\u2019re curious to know how much this impacts conversion.<\/p>\n<p><a title=\"New Relic website\" href=\"https:\/\/newrelic.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out New Relic&#8217;s homepage<\/a><\/p>\n<h3>Optimizely<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_44.png\" alt=\"Optimizely CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Optimizely are experts when it comes to A\/B testing so their CTA game is likely on top form. Interestingly, on their homepage they push you to \u201clearn more\u201d rather than sign up as their primary button \u2013 taking you to the Optimizely products page.<\/p>\n<p><a title=\"Optimizely website\" href=\"https:\/\/www.optimizely.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Optimizely&#8217;s homepage<\/a><\/p>\n<h3>Pingdom<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_45.png\" alt=\"Pingdom CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Pingdom\u2019s CTA is green and bold, with compelling and clear copy to start your trial. The one question we have from this is: do the \u201cSign up\u201d button in the global navigation and the \u201cStart 14 day free trial\u201d button on the homepage perform the same action? If they do, could they share more consistent wording?<\/p>\n<p><a title=\"Pingdom website\" href=\"https:\/\/www.pingdom.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Pingdom&#8217;s homepage<\/a><\/p>\n<h3>Pipedrive<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_46.png\" alt=\"Pipedrive CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Pipedrive\u2019s primary CTA is bright green and generously spaced so it\u2019s unmissable.<\/p>\n<p><a title=\"Pipedrive website\" href=\"https:\/\/www.pipedrive.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Pipedrive&#8217;s homepage<\/a><\/p>\n<h3>Plutio<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_67.png\" alt=\"Plutio CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Plutio&#8217;s still in beta, but they&#8217;re a great example of a compelling SaaS marketing site. The strong and dark purple background on the homepage ensures the bright white primary Call-to-Action button stands out immediately. &#8220;Sign up for early access&#8221; is also great copy to entice you in and make you feel like you&#8217;re missing out by not signing up right now.<\/p>\n<p><a title=\"Plutio website\" href=\"https:\/\/plutio.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Plutio&#8217;s homepage<\/a><\/p>\n<h3>Promoter<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_47.png\" alt=\"Promoter CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Promoter\u2019s primary button on their homepage is large and has compelling copy \u2013 it removes a lot of concerns and draws your eye by being so large. The one area for improvement here is just increasing the contrast between the orange and the green background.<\/p>\n<p><a title=\"Promoter website\" href=\"https:\/\/www.promoter.io\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Promoter&#8217;s homepage<\/a><\/p>\n<h3>Pusher<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_48.png\" alt=\"Pusher CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Pusher\u2019s homepage is sharp and simple. The primary \u201cGet Started\u201d CTA is bold and generously spaced, so it\u2019s unmissable. The one question we have from this area of the page is \u201cis there a trial?\u201d \u2013 perhaps microcopy below the button could address any concerns around what \u201cgetting started\u201d actually entails.<\/p>\n<p><a title=\"Pusher website\" href=\"https:\/\/pusher.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Pusher&#8217;s homepage<\/a><\/p>\n<h3>Segment<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_49.png\" alt=\"Segment CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Segment personalises their homepage based on a bunch of factors so it\u2019s rarely the same for any two people. The variant we\u2019re seeing at the time of writing emphasises the email field with a big and bold \u201cTry Segment\u201d button. The copy is compelling and pushes you to get started right away.<\/p>\n<p><a title=\"Segment website\" href=\"https:\/\/segment.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Segment&#8217;s homepage<\/a><\/p>\n<h3>SendGrid<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_50.png\" alt=\"SendGrid CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>SendGrid\u2019s primary CTA on their homepage is driving you to their plans and pricing page \u2013 it\u2019s certainly different to most of the examples here in that it\u2019s not pushing hard for you to start a trial the moment you hit the homepage. Perhaps funnelling visitors to the pricing page helps qualify signups more effectively off the bat.<\/p>\n<p><a title=\"SendGrid website\" href=\"https:\/\/sendgrid.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out SendGrid&#8217;s homepage<\/a><\/p>\n<h3>Shopify<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_51.png\" alt=\"Shopify CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Shopify\u2019s CTAs are incredibly consistent and look great \u2013 they use the same colours and styling for all primary buttons throughout their marketing site and even in their product. It\u2019s impressive to see a business the size of Shopify maintain such consistency. Shopify\u2019s homepage copy is very reassuring to anyone of any size looking to use them as an ecommerce platform, and their microcopy removes the primary concerns people may have from starting a trial. Lovely stuff, Shopify!<\/p>\n<p><a title=\"Shopify website\" href=\"https:\/\/www.shopify.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Shopify&#8217;s homepage<\/a><\/p>\n<h3>Square<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_52.png\" alt=\"Square CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Square has a lot of options on their homepage \u2013 it seems they\u2019re not expecting to win many new users from here but instead direct you to other parts of the site and funnel you down a more tailored journey. The real CTAs here are not the \u201cSign up with Square\u201d button, but instead are the large drop down menus for business size and type.<\/p>\n<p><a title=\"Square website\" href=\"https:\/\/squareup.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Square&#8217;s homepage<\/a><\/p>\n<h3>Stripe<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_53.png\" alt=\"Stripe CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Stripe famously puts together some of the most stunningly beautiful pages on the web. Their usage of CTAs has been interesting to watch evolve \u2013 unlike almost all of the other examples here, they don\u2019t have a consistent signup CTA in the top right of their site navigation.<\/p>\n<p>Their homepage focuses on encouraging visitors to create an account, while the secondary action is to reach out to the Stripe sales team. It seems Stripe are riding on brand awareness and the hope you\u2019ll investigate the rest of their site, as the primary CTA on the homepage still leaves a bunch of questions: is there a trial? What do I need to do to create an account? Will it be easy?<\/p>\n<p><a title=\"Stripe website\" href=\"https:\/\/stripe.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Stripe&#8217;s homepage<\/a><\/p>\n<h3>Sumo<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_54.png\" alt=\"Sumo CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Sumo know how to build tools that increase conversion, so they know a thing or two about CTAs. Their homepage is a masterful act of CTA design. Similar to the Basecamp example earlier, Sumo outlines how many sites are using their tools right above the CTA. The Call-to-Action area is huge and the \u201cTry it Now\u201d copy persuades you to take action right away.<\/p>\n<p><a title=\"Sumo website\" href=\"https:\/\/sumo.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Sumo&#8217;s homepage<\/a><\/p>\n<h3>SurveyMonkey<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_55.png\" alt=\"SurveyMonkey CTA example call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>SurveyMonkey has a bold green background which makes it tricky for buttons to really stand out. But the use of a pure white \u201cSign Up Free\u201d button manages to push itself as the key component that stands out, while the yellow \u201cPro Sign Up\u201d falls into secondary prominence, despite their respective locations.<\/p>\n<p><a title=\"SurveyMonkey website\" href=\"https:\/\/www.surveymonkey.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out SurveyMonkey&#8217;s homepage<\/a><\/p>\n<h3>Twilio<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_56.png\" alt=\"Twilio CTA example call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>Twilio\u2019s primary CTA is extremely developer-focused \u2013 a seemingly smart move for their target audience. It\u2019s not about creating an account or starting a trial, it\u2019s about starting to build something with Twilio\u2019s APIs. This homepage, especially given they\u2019re so big they\u2019re a public company, is truly inspiring for anyone building a developer-focused SaaS business.<\/p>\n<p><a title=\"Twilio website\" href=\"https:\/\/www.twilio.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Twilio&#8217;s homepage<\/a><\/p>\n<h3>Typeform<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_57.png\" alt=\"Typeform CTA example call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>Typeform\u2019s homepage is a brilliant example of a minimal homepage with a very clear and obvious Call-to-Action. The primary button itself has great copy, but could be clearer to really draw your eye against the bold blocks on the left and right from the product illustrations.<\/p>\n<p><a title=\"Typeform website\" href=\"https:\/\/www.typeform.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Typeform&#8217;s homepage<\/a><\/p>\n<h3>Unbounce<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_58.png\" alt=\"Unbounce CTA example\" width=\"700\" height=\"400\" \/><\/p>\n<p>Unbounce has a different approach with their homepage \u2013 the primary CTA above the fold is not pushing visitors to sign up or create an account. Instead, they\u2019re pushing visitors to \u201cexplore the platform\u201d, taking you to the features page. You can always sign up via the global \u201cStart Free Trial\u201d button in the top navigation, but the approach to the homepage CTA here is certainly unique.<\/p>\n<p><a title=\"Unbounce website\" href=\"https:\/\/unbounce.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Unbounce&#8217;s homepage<\/a><\/p>\n<h3>Visual Website Optimizer<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_59.png\" alt=\"VWO CTA example call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>As a website testing platform, it\u2019s fairly safe to assume VWO know what they\u2019re doing with their CTAs. As expected, the copy is concise and effective, and the colour is bold and stands out clearly from a solid dark background. Good job VWO!<\/p>\n<p><a title=\"Visual Website Optimizer website\" href=\"https:\/\/vwo.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out VWO&#8217;s homepage<\/a><\/p>\n<h3>Webflow<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_60.png\" alt=\"Webflow CTA example call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>Webflow has carefully balanced beauty and conversion on their homepage \u2013 the signup fields and primary signup button are laid out horizontally and are just above a wall of big name logos. The copy of \u201cGet started for free\u201d is also compelling when combined with the three signup fields \u2013 you know exactly what you\u2019re getting!<\/p>\n<p><a title=\"Webflow website\" href=\"https:\/\/webflow.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Webflow&#8217;s homepage<\/a><\/p>\n<h3>Wistia<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_61.png\" alt=\"Wistia CTA example call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>We\u2019re big fans of Wistia and their quirky, fun marketing. Their homepage content appears to change frequently, so it\u2019s likely that by the time you\u2019re reading this their homepage will have changed again. Currently, the blue primary CTA on their homepage doesn\u2019t stand out on the turquoise background, but the simplicity of the page makes it hard to ignore.<\/p>\n<p><a title=\"Wistia website\" href=\"https:\/\/wistia.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Wistia&#8217;s homepage<\/a><\/p>\n<h3>Wootric<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_62.png\" alt=\"Wootric CTA example call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>Wootric utilise a huge email field and consistently labelled green buttons for their CTAs throughout the site. Simple but effective.<\/p>\n<p><a title=\"Wootric website\" href=\"https:\/\/www.wootric.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Wootric&#8217;s homepage<\/a><\/p>\n<h3>Workable<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_63.png\" alt=\"Workable CTA example call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>Workable\u2019s homepage has a carefully selected photo that avoids distracting from the text and buttons \u2013 by ensuring the content is left-aligned, the primary CTA stands out on top of a dark and blurry area of the photo.<\/p>\n<p>Also a nice touch \u2013 we naturally look where other people are looking, and on the Workable homepage, the people in the photo are looking towards the left of the page \u2013 exactly where they want the visitors eyes to be drawn.<\/p>\n<p><a title=\"Workable website\" href=\"https:\/\/www.workable.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Workable&#8217;s homepage<\/a><\/p>\n<h3>Xero<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_64.png\" alt=\"Xero CTA example call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>Xero\u2019s primary CTA is good on the copy front, but the green clashes with the bright blue brand colour of the background. They could avoid the colour clash and make the button stand out more by surrounding the button on a darker background or changing the green to a darker shade so it\u2019s clearly differentiated from the vivid blue.<\/p>\n<p><a title=\"Xero website\" href=\"https:\/\/www.xero.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Xero&#8217;s homepage<\/a><\/p>\n<h3>Zapier<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_65.png\" alt=\"Zapier CTA example call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>Zapier are very bold in essentially embedding their signup form on their homepage. They consistently use orange throughout their site to indicate action buttons. The only thing we\u2019d improve here is the copy on their primary CTA button to something more reassuring like \u201cSign Up for Free\u201d as in their header.<\/p>\n<p><a title=\"Zapier website\" href=\"https:\/\/zapier.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Zapier&#8217;s homepage<\/a><\/p>\n<h3>Zendesk<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_eg_66.png\" alt=\"Zendesk CTA example CTAs call-to-action buttons\" width=\"700\" height=\"400\" \/><\/p>\n<p>Zendesk\u2019s homepage is fresh and clean. They\u2019ve prioritised booking a demo over starting a trial indicating a stronger focus on enterprise sales than self-service, but both actions are very clear and well differentiated visually.<\/p>\n<p><a title=\"Zendesk website\" href=\"https:\/\/www.zendesk.com\" target=\"_blank\" rel=\"noopener noreferrer\">Check out Zendesk&#8217;s homepage<\/a><\/p>\n<h2><span data-preserver-spaces=\"true\">CTAs FAQs<\/span><\/h2>\n<p><a href=\"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2017\/08\/14.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8952\" src=\"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2017\/08\/14.jpg\" alt=\"CTAs call-to-action marketing\" width=\"6251\" height=\"6251\" \/><\/a><\/p>\n<p><span data-preserver-spaces=\"true\">Need any more help debunking CTAs? We\u2019ve answered the most commonly asked questions about CTAs below.\u00a0<\/span><\/p>\n<p><span data-preserver-spaces=\"true\">You can find further help and advice on how to supercharge your marketing efforts through our\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/www.gosquared.com\/customer-engagement\/\" target=\"_blank\" rel=\"noopener\"><span data-preserver-spaces=\"true\">Engage offerings<\/span><\/a><span data-preserver-spaces=\"true\">. Here, we\u2019ll take you through the likes of\u00a0<\/span><a class=\"editor-rtfLink\" href=\"https:\/\/www.gosquared.com\/blog\/audience-segmentation\" target=\"_blank\" rel=\"noopener\"><span data-preserver-spaces=\"true\">audience segmentation<\/span><\/a><span data-preserver-spaces=\"true\">, advance lead forms, out-of-office lead capture, HTML email support and much more.\u00a0<\/span><\/p>\n<h3><span data-preserver-spaces=\"true\">What is a CTA?<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">A CTA is a marketing technique that directs users to complete a specific action, such as to purchase an item or contact the company for a consultation as just two common examples.\u00a0<\/span><\/p>\n<h3><span data-preserver-spaces=\"true\">What does CTA stand for?<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">CTA stands for call-to-action and is commonly abbreviated as CTAs, which is the plural of CTA. These may consist of lots of intended actions you want users to complete while on your website, and are often facilitated through CTA buttons.\u00a0<\/span><\/p>\n<h3><span data-preserver-spaces=\"true\">What is CTA in marketing?<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">CTA in marketing is really the pinnacle of the efforts to get the user engaged with the website or company in the first place. That\u2019s because the aim of this engagement is to get them to complete a certain action, which is likely to result in a conversion.\u00a0<\/span><\/p>\n<h3><span data-preserver-spaces=\"true\">What is a call-to-action button?<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">A call to action button makes conversions just a click away, as the button allows for the intended action to be completed. Call-to-action buttons can take various different forms, but for \u2018buy now\u2019 buttons, it can severely reduce the number of actions needed to complete checkout, which can be extremely effective in boosting sales, as just one example.\u00a0<\/span><\/p>\n<h3><span data-preserver-spaces=\"true\">What is the best call-to-action button?<\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">The best call-to-action button is going to one that is well designed, acts as a shortcut to boost conversions and ultimately, factors in the user experience and overall customer journey. We have plenty of examples and explanations above which explain how to create call-to-action buttons, plus what to look out for to achieve success.\u00a0<\/span><\/p>\n<h2>Free E-Book: Learn how to create highly converting CTAs in ecommerce, agencies, publishing, and more!<\/h2>\n<p><span style=\"font-weight: 400;\">Ready to shake up your CTAs into effective marketing campaigns that deliver results? As part of our selection of Grow With GoSquared resources, we\u2019ve created a free e-book called The Fundamentals of Web Analytics. This handy guide features our best tips and tricks to create better marketing decisions, including all things call-to-actions.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.gosquared.com\/resources\/the-fundamentals-of-web-analytics\/?utm_campaign=old_posts&amp;utm_source=blog\"><span style=\"font-weight: 400;\">Download your copy for free today<\/span><\/a><span style=\"font-weight: 400;\">, or visit our website to learn how <\/span><a href=\"https:\/\/www.gosquared.com\/?utm_campaign=blog-referral&amp;utm_source=blog-header-logo\"><span style=\"font-weight: 400;\">GoSquared<\/span><\/a><span style=\"font-weight: 400;\"> can grow your business through customer engagement, email and messaging, analytical data and much more. <\/span><\/p>\n<p><a href=\"https:\/\/www.gosquared.com\/resources\/the-fundamentals-of-web-analytics\/?utm_campaign=old_posts&amp;utm_source=blog\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8950 size-full\" src=\"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2017\/08\/Screenshot-2022-06-09-at-14.25.09.png\" alt=\"CTAs call-to-action examples free e-book\" width=\"2122\" height=\"1012\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Just like finding our way around a physical store or building, it&#8217;s also possible to direct users around a website&#8230;.<\/p>\n","protected":false},"author":3,"featured_media":8941,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1208],"tags":[166,1287,222,1288,1289,1291],"class_list":["post-7013","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing","tag-buttons","tag-call-to-action","tag-conversion","tag-conversion-rate-optimisation","tag-cro","tag-increase-conversion"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.6 (Yoast SEO v19.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Call-to-Action buttons \u2013\u00a0the ultimate guide for high-converting CTAs<\/title>\n<meta name=\"description\" content=\"Call-to-Action buttons are critical for converting visitors effectively. Here&#039;s an extensive guide with 60+ examples of the best CTAs.\" \/>\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.gosquared.com\/blog\/call-to-action-buttons\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create call-to-action buttons: 60+ amazing CTA examples to supercharge your marketing efforts\" \/>\n<meta property=\"og:description\" content=\"Call-to-Action buttons are critical for converting visitors effectively. Here&#039;s an extensive guide with 60+ examples of the best CTAs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons\" \/>\n<meta property=\"og:site_name\" content=\"GoSquared Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GoSquared\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-24T15:40:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-09T14:17:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_twitter_01@2x.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@JamesJGill\" \/>\n<meta name=\"twitter:site\" content=\"@GoSquared\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"James Gill\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"49 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/#organization\",\"name\":\"GoSquared\",\"url\":\"https:\/\/www.gosquared.com\/blog\/\",\"sameAs\":[\"https:\/\/instagram.com\/gosquaredteam\",\"https:\/\/www.linkedin.com\/company\/go-squared-ltd.\",\"https:\/\/www.facebook.com\/GoSquared\",\"https:\/\/twitter.com\/GoSquared\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2015\/07\/gosquared.png\",\"contentUrl\":\"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2015\/07\/gosquared.png\",\"width\":1270,\"height\":250,\"caption\":\"GoSquared\"},\"image\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/#website\",\"url\":\"https:\/\/www.gosquared.com\/blog\/\",\"name\":\"GoSquared Blog\",\"description\":\"Turn visitors into customers.\",\"publisher\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.gosquared.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#webpage\",\"url\":\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons\",\"name\":\"Call-to-Action buttons \u2013\u00a0the ultimate guide for high-converting CTAs\",\"isPartOf\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#primaryimage\"},\"datePublished\":\"2017-08-24T15:40:16+00:00\",\"dateModified\":\"2022-06-09T14:17:31+00:00\",\"description\":\"Call-to-Action buttons are critical for converting visitors effectively. Here's an extensive guide with 60+ examples of the best CTAs.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.gosquared.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create call-to-action buttons: 60+ amazing CTA examples to supercharge your marketing efforts\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#webpage\"},\"author\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/7b8729da7ca77395a2281bad91768fbe\"},\"headline\":\"How to create call-to-action buttons: 60+ amazing CTA examples to supercharge your marketing efforts\",\"datePublished\":\"2017-08-24T15:40:16+00:00\",\"dateModified\":\"2022-06-09T14:17:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#webpage\"},\"wordCount\":7149,\"publisher\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#primaryimage\"},\"thumbnailUrl\":\"\",\"keywords\":[\"Buttons\",\"Call to Action\",\"Conversion\",\"Conversion Rate Optimisation\",\"CRO\",\"Increase Conversion\"],\"articleSection\":[\"Master Marketing\"],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/7b8729da7ca77395a2281bad91768fbe\",\"name\":\"James Gill\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/46c3ae1aefe2bdb6765a3153018aeba55de419fa36083b8dcdf9ee49ffcb5a2f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/46c3ae1aefe2bdb6765a3153018aeba55de419fa36083b8dcdf9ee49ffcb5a2f?s=96&d=mm&r=g\",\"caption\":\"James Gill\"},\"description\":\"James is CEO and one of the co-founders of GoSquared. He also likes to talk about design.\",\"sameAs\":[\"http:\/\/www.gosquared.com\/\",\"https:\/\/twitter.com\/JamesJGill\"],\"url\":\"https:\/\/www.gosquared.com\/blog\/author\/g\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Call-to-Action buttons \u2013\u00a0the ultimate guide for high-converting CTAs","description":"Call-to-Action buttons are critical for converting visitors effectively. Here's an extensive guide with 60+ examples of the best CTAs.","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.gosquared.com\/blog\/call-to-action-buttons","og_locale":"en_US","og_type":"article","og_title":"How to create call-to-action buttons: 60+ amazing CTA examples to supercharge your marketing efforts","og_description":"Call-to-Action buttons are critical for converting visitors effectively. Here's an extensive guide with 60+ examples of the best CTAs.","og_url":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons","og_site_name":"GoSquared Blog","article_publisher":"https:\/\/www.facebook.com\/GoSquared","article_published_time":"2017-08-24T15:40:16+00:00","article_modified_time":"2022-06-09T14:17:31+00:00","twitter_card":"summary_large_image","twitter_image":"https:\/\/static.gosquared.com\/images\/liquidicity\/17_08_18_cta_twitter_01@2x.jpg","twitter_creator":"@JamesJGill","twitter_site":"@GoSquared","twitter_misc":{"Written by":"James Gill","Est. reading time":"49 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.gosquared.com\/blog\/#organization","name":"GoSquared","url":"https:\/\/www.gosquared.com\/blog\/","sameAs":["https:\/\/instagram.com\/gosquaredteam","https:\/\/www.linkedin.com\/company\/go-squared-ltd.","https:\/\/www.facebook.com\/GoSquared","https:\/\/twitter.com\/GoSquared"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gosquared.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2015\/07\/gosquared.png","contentUrl":"https:\/\/www.gosquared.com\/blog\/wp-content\/uploads\/2015\/07\/gosquared.png","width":1270,"height":250,"caption":"GoSquared"},"image":{"@id":"https:\/\/www.gosquared.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/www.gosquared.com\/blog\/#website","url":"https:\/\/www.gosquared.com\/blog\/","name":"GoSquared Blog","description":"Turn visitors into customers.","publisher":{"@id":"https:\/\/www.gosquared.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gosquared.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#primaryimage","url":"","contentUrl":""},{"@type":"WebPage","@id":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#webpage","url":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons","name":"Call-to-Action buttons \u2013\u00a0the ultimate guide for high-converting CTAs","isPartOf":{"@id":"https:\/\/www.gosquared.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#primaryimage"},"datePublished":"2017-08-24T15:40:16+00:00","dateModified":"2022-06-09T14:17:31+00:00","description":"Call-to-Action buttons are critical for converting visitors effectively. Here's an extensive guide with 60+ examples of the best CTAs.","breadcrumb":{"@id":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gosquared.com\/blog\/call-to-action-buttons"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.gosquared.com\/blog"},{"@type":"ListItem","position":2,"name":"How to create call-to-action buttons: 60+ amazing CTA examples to supercharge your marketing efforts"}]},{"@type":"Article","@id":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#article","isPartOf":{"@id":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#webpage"},"author":{"@id":"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/7b8729da7ca77395a2281bad91768fbe"},"headline":"How to create call-to-action buttons: 60+ amazing CTA examples to supercharge your marketing efforts","datePublished":"2017-08-24T15:40:16+00:00","dateModified":"2022-06-09T14:17:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#webpage"},"wordCount":7149,"publisher":{"@id":"https:\/\/www.gosquared.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.gosquared.com\/blog\/call-to-action-buttons#primaryimage"},"thumbnailUrl":"","keywords":["Buttons","Call to Action","Conversion","Conversion Rate Optimisation","CRO","Increase Conversion"],"articleSection":["Master Marketing"],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/7b8729da7ca77395a2281bad91768fbe","name":"James Gill","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gosquared.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/46c3ae1aefe2bdb6765a3153018aeba55de419fa36083b8dcdf9ee49ffcb5a2f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/46c3ae1aefe2bdb6765a3153018aeba55de419fa36083b8dcdf9ee49ffcb5a2f?s=96&d=mm&r=g","caption":"James Gill"},"description":"James is CEO and one of the co-founders of GoSquared. He also likes to talk about design.","sameAs":["http:\/\/www.gosquared.com\/","https:\/\/twitter.com\/JamesJGill"],"url":"https:\/\/www.gosquared.com\/blog\/author\/g"}]}},"wps_subtitle":"How to craft effective Call-to-Action buttons, with 60+ examples of the best CTAs out there","_links":{"self":[{"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/posts\/7013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/comments?post=7013"}],"version-history":[{"count":0,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/posts\/7013\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/media\/8941"}],"wp:attachment":[{"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/media?parent=7013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/categories?post=7013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gosquared.com\/blog\/wp-json\/wp\/v2\/tags?post=7013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}