{"id":2291,"date":"2023-08-21T13:33:17","date_gmt":"2023-08-21T13:33:17","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=2291"},"modified":"2023-08-21T13:34:54","modified_gmt":"2023-08-21T13:34:54","slug":"about-custom-add-to-cart-button-for-woocommerce","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/","title":{"rendered":"About Custom Add to Cart Button for WooCommerce"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview of Custom Add to Cart Button for WooCommerce<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">What does the plugin do<\/h3>\n\n\n\n<p>Custom Add to Cart Button for WooCommerce allows you to customize the add to cart button on product and category pages. Add to Cart button can be customized by changing its color, text, and font size and by adding a custom cart icon.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Features<\/h3>\n\n\n\n<p>Custom Add to Cart Button for WooCommerce is full of needy features that you are looking for customize Add to cart button,<\/p>\n\n\n\n<p>This plugin allows you to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Customize the Add to Cart Button<\/li>\n\n\n\n<li>Add an icon to Add to Cart Button<\/li>\n\n\n\n<li>Show Customized Add to Cart on Product Pages<\/li>\n\n\n\n<li>Show Customized Add to Cart Button on Category Pages<\/li>\n\n\n\n<li>Show a Cart Icon in the \u201cAdd to Cart\u201d Button<\/li>\n\n\n\n<li>Choose from Multiple Cart Icon Designs<\/li>\n\n\n\n<li>Add a Custom Cart Icon<\/li>\n\n\n\n<li>Show the \u201cAdd to Cart\u201d Icon Only<\/li>\n\n\n\n<li>Show the \u201cAdd to Cart\u201d Text Only<\/li>\n\n\n\n<li>Show the \u201cAdd to Cart\u201d Icon and Text Both<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Customization Options<\/h3>\n\n\n\n<p>Custom Add to Cart Button enables you to get rid of the traditional \u201cadd to cart\u201d button by customizing it. The following customizations can be done with this plugin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Change the color of the \u201cAdd to Cart\u201d button for the following:\n<ul class=\"wp-block-list\">\n<li>Text color<\/li>\n\n\n\n<li>Background color<\/li>\n\n\n\n<li>Border color<\/li>\n\n\n\n<li>Hover background color<\/li>\n\n\n\n<li>Hover text color<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Add a Cart Icon to the button with text<\/li>\n\n\n\n<li>Show Cart Icon only for button<\/li>\n\n\n\n<li>Set a custom font size for the button<\/li>\n\n\n\n<li>Add a custom CSS for the button<\/li>\n<\/ul>\n\n\n\n<p>In addition to this, the button itself can be customized in a lot of ways using this plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/1KXrOMtJH-pNKSI7GTebPnBXhap6c9GM38rPoq3uvQ61ZWSD1D4w6dBX7WnuK_hREr6dVbB5As_yaSdxDU5NQ3HeEQ9hEoag_oay_2aeMijIugZ4OHtqaK-E6f3Kl6XwpKAMtKloZcu_Z8wqI95nwXI\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Overview of Custom Add to Cart Button for WooCommerce What does the plugin do Custom Add to Cart Button for WooCommerce allows you to customize the add to cart button on product and category pages. Add to Cart button can be customized by changing its color, text, and font size and by adding a custom [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1723,"parent":2287,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"template-parts\/documentation-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2291","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>About Custom Add to Cart Button for WooCommerce - Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About Custom Add to Cart Button for WooCommerce - Documentation\" \/>\n<meta property=\"og:description\" content=\"Overview of Custom Add to Cart Button for WooCommerce What does the plugin do Custom Add to Cart Button for WooCommerce allows you to customize the add to cart button on product and category pages. Add to Cart button can be customized by changing its color, text, and font size and by adding a custom [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-21T13:34:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/06\/about.png\" \/>\n\t<meta property=\"og:image:width\" content=\"128\" \/>\n\t<meta property=\"og:image:height\" content=\"128\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/about-custom-add-to-cart-button-for-woocommerce\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/about-custom-add-to-cart-button-for-woocommerce\\\/\",\"name\":\"About Custom Add to Cart Button for WooCommerce - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/about-custom-add-to-cart-button-for-woocommerce\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/about-custom-add-to-cart-button-for-woocommerce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/about.png\",\"datePublished\":\"2023-08-21T13:33:17+00:00\",\"dateModified\":\"2023-08-21T13:34:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/about-custom-add-to-cart-button-for-woocommerce\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/about-custom-add-to-cart-button-for-woocommerce\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/about-custom-add-to-cart-button-for-woocommerce\\\/#primaryimage\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/about.png\",\"contentUrl\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/about.png\",\"width\":128,\"height\":128},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/about-custom-add-to-cart-button-for-woocommerce\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Custom Add To Cart Button For WooCommerce\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"About Custom Add to Cart Button for WooCommerce\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"name\":\"Documentation\",\"description\":\"Documentation for Addify Extensions\",\"publisher\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/addify.store\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\",\"name\":\"Documentation\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"contentUrl\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"width\":6761,\"height\":1853,\"caption\":\"Documentation\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"About Custom Add to Cart Button for WooCommerce - Documentation","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:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/","og_locale":"en_US","og_type":"article","og_title":"About Custom Add to Cart Button for WooCommerce - Documentation","og_description":"Overview of Custom Add to Cart Button for WooCommerce What does the plugin do Custom Add to Cart Button for WooCommerce allows you to customize the add to cart button on product and category pages. Add to Cart button can be customized by changing its color, text, and font size and by adding a custom [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/","og_site_name":"Documentation","article_modified_time":"2023-08-21T13:34:54+00:00","og_image":[{"width":128,"height":128,"url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/06\/about.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/","url":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/","name":"About Custom Add to Cart Button for WooCommerce - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/06\/about.png","datePublished":"2023-08-21T13:33:17+00:00","dateModified":"2023-08-21T13:34:54+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/#primaryimage","url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/06\/about.png","contentUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/06\/about.png","width":128,"height":128},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/about-custom-add-to-cart-button-for-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/addify.store\/documentation\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/addify.store\/documentation\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"Custom Add To Cart Button For WooCommerce","item":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/"},{"@type":"ListItem","position":4,"name":"About Custom Add to Cart Button for WooCommerce"}]},{"@type":"WebSite","@id":"https:\/\/addify.store\/documentation\/#website","url":"https:\/\/addify.store\/documentation\/","name":"Documentation","description":"Documentation for Addify Extensions","publisher":{"@id":"https:\/\/addify.store\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/addify.store\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/addify.store\/documentation\/#organization","name":"Documentation","url":"https:\/\/addify.store\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","contentUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","width":6761,"height":1853,"caption":"Documentation"},"image":{"@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/2291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/comments?post=2291"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/2291\/revisions"}],"predecessor-version":[{"id":2292,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/2291\/revisions\/2292"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/2287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media\/1723"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=2291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}