{"id":14860,"date":"2020-06-15T14:00:03","date_gmt":"2020-06-15T18:00:03","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=14860"},"modified":"2024-06-08T22:01:10","modified_gmt":"2024-06-09T02:01:10","slug":"tips-tricks-calls-to-action","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2020\/tips-tricks-calls-to-action\/","title":{"rendered":"Tips &#038; Tricks: Calls to Action"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Tips &#038; Tricks: Calls to Action\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<p>What makes a really good webpage?<\/p>\n\n\n\n<p>It&#8217;s hard to narrow it down to just one thing, but today we have a tip that can turn a good webpage into a great webpage.<\/p>\n\n\n\n<p>Using calls to action.<\/p>\n\n\n\n<p><strong>So, what is a call to action anyway?&nbsp;<\/strong><\/p>\n\n\n\n<p>Calls to action, often abbreviated to CTA, are anything you include on your site that encourages a person to take a certain action.<\/p>\n\n\n\n<p>This could be the &#8220;contact us&#8221; button that you include on your contact page. It could be the &#8220;register&#8221; button you provide on an event page, or the &#8220;purchase&#8221; button you provide on a product page.<\/p>\n\n\n\n<p>When you don&#8217;t include a call to action on your page, you&#8217;re missing out on an opportunity to use your page for its ultimate purpose.<\/p>\n\n\n\n<p><strong>What calls to action should I put on a page?&nbsp;<\/strong><\/p>\n\n\n\n<p>When you think about it, every page on your site has a particular function. When determining what calls to action you should include on a page ask yourself the question, &#8220;What is the purpose of this page?&#8221;<\/p>\n\n\n\n<p>Here are some examples:<\/p>\n\n\n\n<p>The page is dedicated to blog\/news posts \u2192 &#8220;Subscribe to our Newsletter&#8221;<\/p>\n\n\n\n<p>The page provides instructions\/information \u2192 &#8220;Questions? Contact Us!&#8221;<\/p>\n\n\n\n<p>The page is dedicated to information about the organization \u2192 &#8220;Meet our Team&#8221; (Directs to staff page)<\/p>\n\n\n\n<p><strong>How do I make a call to action?<\/strong><\/p>\n\n\n\n<p>Calls to action usually refer to something that the user can click that will direct them to somewhere else. That&#8217;s why calls to action are usually either buttons or linked text. Here are examples of both:<\/p>\n\n\n\n<figure class=\"wp-block-image alignleft wp-image-14863 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"170\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-07-at-11.09.20-AM.png\" alt=\"\" class=\"wp-image-14863\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-07-at-11.09.20-AM.png 420w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-07-at-11.09.20-AM-320x130.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-07-at-11.09.20-AM-360x146.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-07-at-11.09.20-AM-200x81.png 200w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><figcaption class=\"wp-element-caption\"><strong>Call to Action Button<\/strong><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image alignnone wp-image-14861 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"94\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-07-at-11.00.49-AM.png\" alt=\"Call to Action Linked Text\" class=\"wp-image-14861\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-07-at-11.00.49-AM.png 474w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-07-at-11.00.49-AM-320x63.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-07-at-11.00.49-AM-360x71.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2020-04-07-at-11.00.49-AM-200x40.png 200w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><figcaption class=\"wp-element-caption\"><strong>Call to Action Linked Text<\/strong><\/figcaption><\/figure>\n\n\n\n<p>You want your calls to action to be &#8220;clickable,&#8221; so using a plain text CTA won&#8217;t be as effective.<\/p>\n\n\n\n<p><strong>What if I don&#8217;t know how to add buttons and linked text?<\/strong><\/p>\n\n\n\n<p>Not a problem.<\/p>\n\n\n\n<p>You can find instructions on how to add buttons to a page <a href=\"https:\/\/carleton.ca\/webservices\/cms-help\/advanced-functionality-2\/#sect5\">here<\/a> and instructions on how to link text <a href=\"https:\/\/carleton.ca\/webservices\/cms-help\/links\/\">here<\/a>.<\/p>\n\n\n\n<p>Questions? Don&#8217;t hesitate to <a href=\"charlottebradley@cunet.ca\">contact us<\/a>.<\/p>\n\n\n\n<p>And keep an eye out for more tips and tricks posts! We&#8217;ll be rolling out more in the coming weeks.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What makes a really good webpage? It&#8217;s hard to narrow it down to just one thing, but today we have a tip that can turn a good webpage into a great webpage. Using calls to action. So, what is a call to action anyway?&nbsp; Calls to action, often abbreviated to CTA, are anything you include [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[276],"tags":[],"class_list":["post-14860","post","type-post","status-publish","format-standard","hentry","category-tips-and-tricks"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/14860","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=14860"}],"version-history":[{"count":0,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/14860\/revisions"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=14860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=14860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=14860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}