{"id":10091,"date":"2018-03-29T23:01:44","date_gmt":"2018-03-29T15:01:44","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=10091"},"modified":"2020-06-05T02:07:36","modified_gmt":"2020-06-04T18:07:36","slug":"call-to-action-button-templates","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/","title":{"rendered":"30+ “Call to Action” Button Templates to Download"},"content":{"rendered":"

There\u2019s hardly any website that doesn\u2019t have two kinds of buttons, namely; social media buttons and call-to-action buttons. While the former is a totally different topic altogether, in this post, I\u2019m featuring the call-to-action button templates to download<\/strong>.<\/p>\n

As web designers are always looking for fresh collection of call-to-action buttons at their disposal, here is a collection of call-to-action buttons templates ranging from HTML, CSS, and JavaScript to professionally designed Photoshop formats<\/strong>. Let\u2019s take a look.<\/p>\n

Editor\u2019s note:<\/strong> This post was originally published in August 2014 and was updated in March 2018 on the basis of new content.<\/p>\n

Buttons in HTML\/CSS\/JS<\/h2>\n

Fancy Floaty Button<\/a><\/h3>\n

If you are looking for some fun way to show actionable items, then Fancy Floaty Button sounds like an ideal choice. It shows a simple colored button that floats with a slow up and down transition<\/strong>. You can also change its content and design as needed.<\/p>\n

\"Fancy<\/figure>\n

RubyMotion CTA-button<\/a><\/h3>\n

RubyMotion CTA-button is a beautiful and attractive call-to-action button, thanks to its vibrant color. I like the animation on hover<\/strong>, which fills the whole button with color.<\/p>\n

\"RubyMotion<\/figure>\n

Pulsing CTA<\/a><\/h3>\n

This template shows a simple call-to-action button with a pulsing background<\/strong>. Thanks to its pulsing nature, it is noticeable enough to catch every visitor\u2019s attention.<\/p>\n

\"Pulsing<\/figure>\n

Button Flip-down Call to Action<\/a><\/h3>\n

Button Flip-down Call to Action is a simple call-to-action button template with a flip animation that seems like a mailbox is opening<\/strong>. Due to this animation, I liked this button.<\/p>\n

\"Button<\/figure>\n

Six Buttons with Hover Animations<\/a><\/h3>\n

This set of six buttons with different types of hover animations<\/strong> is a perfect set of a call to action buttons if you are looking to place different button types and keep it all unique.<\/p>\n

\"Six<\/figure>\n

YouTube Call to Action<\/a><\/h3>\n

If you wish to show a video or promo link as a call-to-action, then YouTube Call to Action is the ideal choice. It showcases a clean, visible button that displays additional information on hover<\/strong>, and you can customize its colors to stand it out along with your design.<\/p>\n

\"YouTube<\/figure>\n

Material Design Animated Buttons<\/a><\/h3>\n

Material Design Animated Buttons bring out the simplicity of material design in a call to action button. It shows four buttons with varied designs and ripple effects<\/strong>.<\/p>\n

\"Material<\/figure>\n

Micro Interaction Button<\/a><\/h3>\n

A beautiful and interactive call-to-action button template, Micro Interaction Button shows a clean design that shows button text along with an icon<\/strong>. Though this template displays an icon on hover yet you may customize it to add any other content as well.<\/p>\n

\"Micro<\/figure>\n

Strong CTA Button Animations<\/a><\/h3>\n

Strong CTA Button Animations shows multiple buttons in different colors. I liked its buttons\u2019 plain and simple design with a transition effect on its background<\/strong> color.<\/p>\n

\"Strong<\/figure>\n

Mainstream CTA<\/a><\/h3>\n

The favorite call-to-action button that you see everywhere on the web. This CSS-based template also explains basic design specs<\/strong> for creating a button that converts.<\/p>\n

\"Mainstream<\/figure>\n

Call to Action Experiment<\/a><\/h3>\n

Call to Action Experiment is another interactive button set like Micro Interaction Button. It shows text in normal mode and shows an icon in hover mode<\/strong>. As with the other button, you can also customize it to show any content to improve the interaction.<\/p>\n

\"Call<\/figure>\n

Buttons in Photoshop PSD<\/h2>\n

Web 2.0 Buttons Kit<\/a><\/h3>\n

It is a beautiful kit of multiple call-to-action buttons including sign up, download, read more buttons<\/strong>, etc. It showcases these buttons in various styles and colors, allowing you to choose the button that best suits your brand and design for performance.<\/p>\n

\"Web<\/figure>\n

CALL-TO-ACTION Button<\/a><\/h3>\n

CALL-TO-ACTION Button is a simple and attractive button for showing actionable items. It showcases a round design with a gradient background<\/strong>.<\/p>\n

\"CALL-TO-ACTION<\/figure>\n

Call To Action Buttons<\/a><\/h3>\n

A set of three-color buttons, Call To Action Buttons showcases download button in three different colors and two modes \u2013 normal and pressed<\/strong> (clicked). You can also modify the button to show separate action while maintaining the button\u2019s design.<\/p>\n

\"Call<\/figure>\n

Big Green Button (PSD)<\/a><\/h3>\n

Big Green Button showcases a single, big call-to-action button<\/strong> that is perfect for showing extended info or text along with an actionable item, for example, pricing info.<\/p>\n

\"Big<\/figure>\n

Free Call to Action Buttons<\/a><\/h3>\n

Free Call to Action Buttons showcases a sign-up button in multiple sizes and colors<\/strong>. Though their design is same yet their variety helps to select the best one per needs.<\/p>\n

\"Free<\/figure>\n

Web Designer Button Set<\/a><\/h3>\n

This call-to-action button template displays multiple button variants, showcasing rounded buttons, round-bordered buttons, and small circled buttons<\/strong>. In this set, you can also notice the effects of various shadows and borders, and choose the one deemed fit.<\/p>\n

\"Web<\/figure>\n

Call to Action Butttons<\/a><\/h3>\n

Call to Action Butttons is a simple template showing multiple buttons having different shapes and a gradient background in varied colors. The set shows numerous button sizes and includes icons<\/strong> as well, following the current trend of text cum icon buttons.<\/p>\n

\"Call<\/figure>\n

Call To Action Button PSD<\/a><\/h3>\n

Call To Action Button PSD is a template showing two combined buttons for creating actionable group buttons<\/strong>. The template includes text cum icon in the button and showcases a button set with circular border and two states or modes \u2013 normal and clicked.<\/p>\n

\"\"<\/figure>\n

Call to action buttons PSD file<\/a><\/h3>\n

This button template, like the one above, shows a button with some text cum icon, a gradient background, and a rounded border in normal as well as hover states.<\/p>\n

\"Call<\/figure>\n

Download + Upload Buttons PSD<\/a><\/h3>\n

Download + Upload Buttons PSD presents three sets of buttons in two colors and designs<\/strong>. Though the template shows upload and download buttons yet you can modify it to meet your requirements. Also, it showcases the buttons in hover and non-hover states<\/strong>.<\/p>\n

\"Download<\/figure>\n

CTA buttons<\/a><\/h3>\n

CTA buttons shows three call-to-action button sets in varied colors. The buttons are defined, bold and display the style in two different modes<\/strong> \u2013 normal as well as hover.<\/p>\n

\"CTA<\/figure>\n

Learn More Buttons<\/a><\/h3>\n

Learn More Buttons showcases a learn more button is three different styles<\/strong> \u2013 normal, hover, and active\/clicked. These buttons contain text (\u201cLearn More\u201d) and an icon, but you can change their content to suit your brand or site requirements, of course.<\/p>\n

\"Learn<\/figure>\n

Free Button Set<\/a><\/h3>\n

Free Button Set displays multiple buttons in different colors \u2013 light and dark \u2013 to fit various color schemes or themes. There are five buttons in this template with varied designs, showing icon, badge, and text in a different style<\/strong>, at different places.<\/p>\n

\"Free<\/figure>\n

3 \u201cCall To Action\u201d Buttons<\/a><\/h3>\n

A set of absolutely unique \u201ccall to action\u201d buttons designed by Kuldar Kalvik.<\/p>\n

\"3<\/figure>\n

3D Buttons<\/a><\/h3>\n

Pretty 3D buttons which will work pretty good as \u201ccall to action\u201d buttons.<\/p>\n

\"3d<\/figure>\n

Add To Cart Buttons<\/a><\/h3>\n

This set probably exceeds the quality of most items found in premium market, looks very charming and professional<\/strong>.<\/p>\n

\"add<\/figure>\n

Aqua Texture Button<\/a><\/h3>\n

High quality and big enough to call for an action.<\/p>\n

\"aqua<\/figure>\n

Bright 3D Buttons<\/a><\/h3>\n

Nicely designed 3D buttons with balanced typography<\/strong> and gorgeous color scheme.<\/p>\n

\"bright<\/figure>\n

\u201cCall To Action\u201d Button<\/a><\/h3>\n

Very cool and sleek<\/strong> \u201ccall to action\u201d button that\u2019s adaptable to a variety of designs.<\/p>\n

\"call<\/figure>\n

Download Button<\/a><\/h3>\n

A set of minimalistic download buttons which come in 3 different states \u2013 default, hover and clicked<\/strong>.<\/p>\n

\"download<\/figure>\n

Green App Store Button<\/a><\/h3>\n

The best free app store related \u201ccall to action\u201d button I\u2019ve seen so far.<\/p>\n

\"green<\/figure>\n

Pink Vibrant \u201cCall To Action\u201d<\/a><\/h3>\n

Pink and suitably designed \u201ccall to action\u201d that really attracts you to click it.<\/p>\n

\"pink<\/figure>\n

Red Download Button<\/a><\/h3>\n

Pretty unique download button well-suited to software or web application<\/strong> site.<\/p>\n

\"red<\/figure>\n

Sexy Green Download Button<\/a><\/h3>\n

A green button that tempts you to click on it.<\/p>\n

\"sexy<\/figure>\n

Web Buttons Vector Graphic<\/a><\/h3>\n

Professionally designed web buttons for different uses created by design professional DryIcons.<\/p>\n

\"web<\/figure>","protected":false},"excerpt":{"rendered":"

Professionally designed call-to-action buttons in HTML, CSS, JavaScript and Photoshop formats<\/p>\n","protected":false},"author":120,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1050],"tags":[298,1402],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\n30+ "Call to Action" Button Templates to Download - Hongkiat<\/title>\n<meta name=\"description\" content=\"Professionally designed call-to-action buttons in HTML, CSS, JavaScript and Photoshop formats\" \/>\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.hongkiat.com\/blog\/call-to-action-button-templates\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"30+ "Call to Action" Button Templates to Download\" \/>\n<meta property=\"og:description\" content=\"Professionally designed call-to-action buttons in HTML, CSS, JavaScript and Photoshop formats\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-29T15:01:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-06-04T18:07:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/call-to-action-button-templates\/Fancy-Floaty-Button.jpg\" \/>\n<meta name=\"author\" content=\"Ashutosh KS\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashutosh KS\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/\"},\"author\":{\"name\":\"Ashutosh KS\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/0c0611010da9a578caa32a34232cf7bd\"},\"headline\":\"30+ “Call to Action” Button Templates to Download\",\"datePublished\":\"2018-03-29T15:01:44+00:00\",\"dateModified\":\"2020-06-04T18:07:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/\"},\"wordCount\":1245,\"commentCount\":36,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/call-to-action-button-templates\\\/Fancy-Floaty-Button.jpg\",\"keywords\":[\"Buttons\",\"Call to Action\"],\"articleSection\":[\"Graphics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/\",\"name\":\"30+ \\\"Call to Action\\\" Button Templates to Download - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/call-to-action-button-templates\\\/Fancy-Floaty-Button.jpg\",\"datePublished\":\"2018-03-29T15:01:44+00:00\",\"dateModified\":\"2020-06-04T18:07:36+00:00\",\"description\":\"Professionally designed call-to-action buttons in HTML, CSS, JavaScript and Photoshop formats\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/call-to-action-button-templates\\\/Fancy-Floaty-Button.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/call-to-action-button-templates\\\/Fancy-Floaty-Button.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/call-to-action-button-templates\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"30+ “Call to Action” Button Templates to Download\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/0c0611010da9a578caa32a34232cf7bd\",\"name\":\"Ashutosh KS\",\"description\":\"Ashutosh is a writer, entrepreneur, and a tech evangelist with expertise in the area of Computer Programming.\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\\\/\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/ashutosh_ks\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"30+ \"Call to Action\" Button Templates to Download - Hongkiat","description":"Professionally designed call-to-action buttons in HTML, CSS, JavaScript and Photoshop formats","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.hongkiat.com\/blog\/call-to-action-button-templates\/","og_locale":"en_US","og_type":"article","og_title":"30+ \"Call to Action\" Button Templates to Download","og_description":"Professionally designed call-to-action buttons in HTML, CSS, JavaScript and Photoshop formats","og_url":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-03-29T15:01:44+00:00","article_modified_time":"2020-06-04T18:07:36+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/call-to-action-button-templates\/Fancy-Floaty-Button.jpg","type":"","width":"","height":""}],"author":"Ashutosh KS","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Ashutosh KS","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/"},"author":{"name":"Ashutosh KS","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/0c0611010da9a578caa32a34232cf7bd"},"headline":"30+ “Call to Action” Button Templates to Download","datePublished":"2018-03-29T15:01:44+00:00","dateModified":"2020-06-04T18:07:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/"},"wordCount":1245,"commentCount":36,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/call-to-action-button-templates\/Fancy-Floaty-Button.jpg","keywords":["Buttons","Call to Action"],"articleSection":["Graphics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/","url":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/","name":"30+ \"Call to Action\" Button Templates to Download - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/call-to-action-button-templates\/Fancy-Floaty-Button.jpg","datePublished":"2018-03-29T15:01:44+00:00","dateModified":"2020-06-04T18:07:36+00:00","description":"Professionally designed call-to-action buttons in HTML, CSS, JavaScript and Photoshop formats","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/call-to-action-button-templates\/Fancy-Floaty-Button.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/call-to-action-button-templates\/Fancy-Floaty-Button.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/call-to-action-button-templates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"30+ “Call to Action” Button Templates to Download"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/0c0611010da9a578caa32a34232cf7bd","name":"Ashutosh KS","description":"Ashutosh is a writer, entrepreneur, and a tech evangelist with expertise in the area of Computer Programming.","sameAs":["https:\/\/www.hongkiat.com\/"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/ashutosh_ks\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-2CL","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/120"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=10091"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10091\/revisions"}],"predecessor-version":[{"id":50377,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/10091\/revisions\/50377"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=10091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=10091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=10091"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=10091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}