{"id":6999,"date":"2014-03-12T14:49:54","date_gmt":"2014-03-12T21:49:54","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=6999"},"modified":"2014-03-12T14:50:50","modified_gmt":"2014-03-12T21:50:50","slug":"click-the-button-create-your-own-call-to-action-buttons-in-sitebuilder","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/click-the-button-create-your-own-call-to-action-buttons-in-sitebuilder\/","title":{"rendered":"Click the Button: Create your own call-to-action buttons in Sitebuilder"},"content":{"rendered":"<p>We\u2019ve been writing a lot about <a title=\"Don\u2019t Just Inform Your Website Visitors\u2026 \u201cCall Them To Action\u201d\" href=\"https:\/\/www.yola.com\/blog\/dont-just-inform-your-website-visitors-call-them-to-action\/\" target=\"_blank\">how to call visitors to action<\/a> and building websites that are easy to navigate. What better way to drive site visitors to the next page on your website than with a button?<\/p>\n<p>Now available in the Yola Sitebuilder, the new Button Widget allows you to create your own call-to-action buttons from \u201cLearn More\u201d and \u201cDownload\u201d to \u201cRequest a Quote\u201d and \u201cBuy Now.\u201d<\/p>\n<p>Buttons are a great way to guide visitors to the logical next step. Whether you\u2019d like them to download your resume or request a consultation or any other action you\u2019d like them to take, buttons can <a title=\"How to Create Effective CTAs\" href=\"https:\/\/www.yola.com\/blog\/how-to-create-effective-ctas\/\" target=\"_blank\">help guide your site visitors to take action<\/a>.<\/p>\n<p>The new Button Widget comes in Small, Medium and Large and includes three shapes \u2013 Rounded Corners, Pill or Square. Simply drag the button widget onto your website and begin editing. You can change the text, add a link and choose an alignment.<\/p>\n<div id=\"attachment_7002\" style=\"width: 219px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/03\/button-widget-shape.png\"><img aria-describedby=\"caption-attachment-7002\" loading=\"lazy\" class=\"size-full wp-image-7002\" alt=\"Editing your button in Style Designer\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/03\/button-widget-shape.png\" width=\"209\" height=\"166\" \/><\/a><p id=\"caption-attachment-7002\" class=\"wp-caption-text\">Editing your button in Style Designer<\/p><\/div>\n<p>Once your button is on your site, jump right into the Style Designer to begin customizing the font and font color as well as button shape, color and style (solid or outlined). You can also adjust button padding to round out the shape of your button.<\/p>\n<p>Another great function of the Button Widget is that when a site visitor hovers over the button the visual effect will indicate to them to click to the next page or to buy your product.<\/p>\n<div id=\"attachment_7001\" style=\"width: 255px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/03\/button-widget-1.png\"><img aria-describedby=\"caption-attachment-7001\" loading=\"lazy\" class=\"size-full wp-image-7001\" alt=\"Example of Button Widget\" src=\"https:\/\/www.yola.com\/blog\/wp-content\/uploads\/2014\/03\/button-widget-1.png\" width=\"245\" height=\"93\" \/><\/a><p id=\"caption-attachment-7001\" class=\"wp-caption-text\">Example of Button Widget<\/p><\/div>\n<div id=\"attachment_7000\" style=\"width: 254px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blogcontent.yola.net\/blog\/wp-content\/uploads\/2014\/03\/button-widget-2.png\"><img aria-describedby=\"caption-attachment-7000\" loading=\"lazy\" class=\"size-full wp-image-7000\" alt=\"Example of Button Widget when hovered\" src=\"https:\/\/blogcontent.yola.net\/blog\/wp-content\/uploads\/2014\/03\/button-widget-2.png\" width=\"244\" height=\"99\" \/><\/a><p id=\"caption-attachment-7000\" class=\"wp-caption-text\">Example of Button Widget when hovered<\/p><\/div>\n<p>You can see examples of the button widget on the following live sites that we built in our bi-monthly webinars: <a title=\"PacNorthFish Store\" href=\"http:\/\/pacnorthfishstore.yolasite.com\/?cid=501050\" target=\"_blank\">PacNorth Fish Store<\/a> and <a title=\"Growerfields Farm\" href=\"http:\/\/www.growerfieldsfarms.yolasite.com?cid=501050\" target=\"_blank\">Growerfields Farms<\/a>.<\/p>\n<p>Once you\u2019ve added in your buttons, don\u2019t forget to re-publish your site and post a link in the comments for everyone to see.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve been writing a lot about how to call visitors to action and building websites that are easy to navigate. What better way to drive site visitors to the next page on your website than with a button? Now available in the Yola Sitebuilder, the new Button Widget allows you to create your own call-to-action&hellip;&nbsp;<a href=\"https:\/\/www.yola.com\/blog\/click-the-button-create-your-own-call-to-action-buttons-in-sitebuilder\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Click the Button: Create your own call-to-action buttons in Sitebuilder<\/span><\/a><\/p>\n","protected":false},"author":24,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[9],"tags":[312,233,297,676,675],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6999"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=6999"}],"version-history":[{"count":3,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6999\/revisions"}],"predecessor-version":[{"id":7005,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/6999\/revisions\/7005"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=6999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=6999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=6999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}