{"id":853,"date":"2016-01-30T18:21:40","date_gmt":"2016-01-30T18:21:40","guid":{"rendered":"http:\/\/blogs.lanecc.edu\/webteam\/?p=853"},"modified":"2016-01-30T18:23:29","modified_gmt":"2016-01-30T18:23:29","slug":"call-to-actions","status":"publish","type":"post","link":"https:\/\/blogs.lanecc.edu\/webteam\/2016\/01\/30\/call-to-actions\/","title":{"rendered":"Call to Actions"},"content":{"rendered":"<p>This weekend, while rolling out some minor module updates, we also added a way to convert a link from this:<\/p>\n<p><a href=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/link.png\" rel=\"attachment wp-att-855\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-855\" src=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/link.png\" alt=\"Picture of a link on the page\" width=\"1238\" height=\"382\" srcset=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/link.png 1238w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/link-300x93.png 300w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/link-768x237.png 768w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/link-1024x316.png 1024w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/link-500x154.png 500w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>to this:<\/p>\n<p><a href=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctaorange.png\" rel=\"attachment wp-att-856\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-856\" src=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctaorange.png\" alt=\"Picture of an Orange Call to Action Button\" width=\"1190\" height=\"404\" srcset=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctaorange.png 1190w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctaorange-300x102.png 300w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctaorange-768x261.png 768w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctaorange-1024x348.png 1024w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctaorange-500x170.png 500w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>If you&#8217;re not a fan of orange, you can also use the blue version:<\/p>\n<p><a href=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctablue.png\" rel=\"attachment wp-att-854\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-854\" src=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctablue.png\" alt=\"Picture of a Blue Call to Action Button\" width=\"1158\" height=\"390\" srcset=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctablue.png 1158w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctablue-300x101.png 300w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctablue-768x259.png 768w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctablue-1024x345.png 1024w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2016\/01\/ctablue-500x168.png 500w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p>These big, hard to miss buttons are the page&#8217;s <em>Call To Action <\/em>(CTA). When you&#8217;re working on a page, you should be thinking about what the CTA for each of your pages is. What do you want the visitor to do on that page? Is your page purely informational (example: <a href=\"https:\/\/www.lanecc.edu\/finaid\/disbursement-information\">financial aid disbursement schedule<\/a>)? Or are you trying to get them to take some sort of action (example: <a href=\"https:\/\/www.lanecc.edu\/pod\/event-convening-state\">register for the Convening the State event<\/a>)? If your page falls into the latter, you may want to consider the above CTA buttons.<\/p>\n<p>To use them, you&#8217;ll need to add two classes to your link. For orange, you&#8217;d add <em>cta<\/em> and <em>cta-orange<\/em>, for blue you&#8217;d add <em>cta<\/em> and <em>cta-blue<\/em>. Don&#8217;t know what that means? Don&#8217;t worry about it! Just give Lori a call and she&#8217;ll walk you through it. Super easy.<\/p>\n<p>One more thing: your page should only have one CTA. If there&#8217;s absolutely, positively, no way at all in the world you can have just one CTA, you can maybe add a second. If you have a bunch of CTA&#8217;s, you&#8217;re not helping people find what they need, you&#8217;re splitting their attention and making it unclear what they should do. And wherever possible, we should be trying to make it clear what we want people do on our pages &#8211; remember, people skim more than they read.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This weekend, while rolling out some minor module updates, we also added a way to convert a link from this: to this: If you&#8217;re not a fan of orange, you can also use the blue version: These big, hard to miss buttons are the page&#8217;s Call To Action (CTA). When you&#8217;re working on a page, &hellip; <a href=\"https:\/\/blogs.lanecc.edu\/webteam\/2016\/01\/30\/call-to-actions\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Call to Actions&#8221;<\/span><\/a><\/p>\n","protected":false},"author":86,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":"","_wpscppro_dont_share_socialmedia":false,"_wpscppro_custom_social_share_image":0,"_facebook_share_type":"","_twitter_share_type":"","_linkedin_share_type":"","_pinterest_share_type":"","_linkedin_share_type_page":"","_instagram_share_type":"","_medium_share_type":"","_threads_share_type":"","_google_business_share_type":"","_selected_social_profile":[],"_wpsp_enable_custom_social_template":false,"_wpsp_social_scheduling":{"enabled":false,"datetime":null,"platforms":[],"status":"template_only","dateOption":"today","timeOption":"now","customDays":"","customHours":"","customDate":"","customTime":"","schedulingType":"absolute"},"_wpsp_active_default_template":true},"categories":[3],"tags":[7,25],"class_list":["post-853","post","type-post","status-publish","format-standard","hentry","category-drupal","tag-best-practices","tag-drupal"],"_links":{"self":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/comments?post=853"}],"version-history":[{"count":3,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/853\/revisions"}],"predecessor-version":[{"id":859,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/853\/revisions\/859"}],"wp:attachment":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/media?parent=853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/categories?post=853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/tags?post=853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}