{"id":2301,"date":"2023-08-21T13:50:41","date_gmt":"2023-08-21T13:50:41","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=2301"},"modified":"2023-08-21T13:50:41","modified_gmt":"2023-08-21T13:50:41","slug":"how-to-show-icon-and-text-in-add-to-cart-button","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/","title":{"rendered":"How to Show Icon and Text in Add to Cart Button?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Showing Icon &amp; Text in Add to Cart Button<\/h2>\n\n\n\n<p>Plugin has a special feature to show an icon in the Add to Cart button. You can show only icons instead of Add to Cart text, or the Custom Add to Cart Button Plugin has the option to show both the icon and text on Add to Cart Button at the same time.&nbsp;<\/p>\n\n\n\n<p>From <strong>General Settings,<\/strong> you can configure icon settings<\/p>\n\n\n\n<p>Select from the Button options&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show only Cart Icon&nbsp;<\/li>\n\n\n\n<li>Show Both Icon and Text&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Select Icon from the dropdown&nbsp;<\/p>\n\n\n\n<p><em>Note<\/em>: Plugin has the option to select <strong>Custom Icon<\/strong> to show in Add to Cart Button<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/Ia3Hr4W8MSqT-R4Zc8rGv6OdKQHBM8ko47Gwynzci01nE_i4_G82todMx2UkPfzegfo0IrhHmj_wGTFWixLkdZQ5GWApqnXh5R4yIedc5qCX7IpN4o6rwkyv8jGpj9ufAOh4X6QlnlfOXwLaRsRdOCo\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Showing Icon &amp; Text in Add to Cart Button Plugin has a special feature to show an icon in the Add to Cart button. You can show only icons instead of Add to Cart text, or the Custom Add to Cart Button Plugin has the option to show both the icon and text on Add [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2297,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"template-parts\/multiple-page-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-2301","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Show Icon and Text in Add to Cart Button? - 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\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Show Icon and Text in Add to Cart Button? - Documentation\" \/>\n<meta property=\"og:description\" content=\"Showing Icon &amp; Text in Add to Cart Button Plugin has a special feature to show an icon in the Add to Cart button. You can show only icons instead of Add to Cart text, or the Custom Add to Cart Button Plugin has the option to show both the icon and text on Add [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh5.googleusercontent.com\/Ia3Hr4W8MSqT-R4Zc8rGv6OdKQHBM8ko47Gwynzci01nE_i4_G82todMx2UkPfzegfo0IrhHmj_wGTFWixLkdZQ5GWApqnXh5R4yIedc5qCX7IpN4o6rwkyv8jGpj9ufAOh4X6QlnlfOXwLaRsRdOCo\" \/>\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=\"1 minute\" \/>\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\\\/how-tos\\\/how-to-show-icon-and-text-in-add-to-cart-button\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/how-tos\\\/how-to-show-icon-and-text-in-add-to-cart-button\\\/\",\"name\":\"How to Show Icon and Text in Add to Cart Button? - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/how-tos\\\/how-to-show-icon-and-text-in-add-to-cart-button\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/how-tos\\\/how-to-show-icon-and-text-in-add-to-cart-button\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lh5.googleusercontent.com\\\/Ia3Hr4W8MSqT-R4Zc8rGv6OdKQHBM8ko47Gwynzci01nE_i4_G82todMx2UkPfzegfo0IrhHmj_wGTFWixLkdZQ5GWApqnXh5R4yIedc5qCX7IpN4o6rwkyv8jGpj9ufAOh4X6QlnlfOXwLaRsRdOCo\",\"datePublished\":\"2023-08-21T13:50:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/how-tos\\\/how-to-show-icon-and-text-in-add-to-cart-button\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/how-tos\\\/how-to-show-icon-and-text-in-add-to-cart-button\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/how-tos\\\/how-to-show-icon-and-text-in-add-to-cart-button\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lh5.googleusercontent.com\\\/Ia3Hr4W8MSqT-R4Zc8rGv6OdKQHBM8ko47Gwynzci01nE_i4_G82todMx2UkPfzegfo0IrhHmj_wGTFWixLkdZQ5GWApqnXh5R4yIedc5qCX7IpN4o6rwkyv8jGpj9ufAOh4X6QlnlfOXwLaRsRdOCo\",\"contentUrl\":\"https:\\\/\\\/lh5.googleusercontent.com\\\/Ia3Hr4W8MSqT-R4Zc8rGv6OdKQHBM8ko47Gwynzci01nE_i4_G82todMx2UkPfzegfo0IrhHmj_wGTFWixLkdZQ5GWApqnXh5R4yIedc5qCX7IpN4o6rwkyv8jGpj9ufAOh4X6QlnlfOXwLaRsRdOCo\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/how-tos\\\/how-to-show-icon-and-text-in-add-to-cart-button\\\/#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\":\"How To&#8217;s CACW\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/custom-add-to-cart-button-for-woocommerce\\\/how-tos\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to Show Icon and Text in Add to Cart Button?\"}]},{\"@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":"How to Show Icon and Text in Add to Cart Button? - 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\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/","og_locale":"en_US","og_type":"article","og_title":"How to Show Icon and Text in Add to Cart Button? - Documentation","og_description":"Showing Icon &amp; Text in Add to Cart Button Plugin has a special feature to show an icon in the Add to Cart button. You can show only icons instead of Add to Cart text, or the Custom Add to Cart Button Plugin has the option to show both the icon and text on Add [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/","og_site_name":"Documentation","og_image":[{"url":"https:\/\/lh5.googleusercontent.com\/Ia3Hr4W8MSqT-R4Zc8rGv6OdKQHBM8ko47Gwynzci01nE_i4_G82todMx2UkPfzegfo0IrhHmj_wGTFWixLkdZQ5GWApqnXh5R4yIedc5qCX7IpN4o6rwkyv8jGpj9ufAOh4X6QlnlfOXwLaRsRdOCo","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/","url":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/","name":"How to Show Icon and Text in Add to Cart Button? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/#primaryimage"},"thumbnailUrl":"https:\/\/lh5.googleusercontent.com\/Ia3Hr4W8MSqT-R4Zc8rGv6OdKQHBM8ko47Gwynzci01nE_i4_G82todMx2UkPfzegfo0IrhHmj_wGTFWixLkdZQ5GWApqnXh5R4yIedc5qCX7IpN4o6rwkyv8jGpj9ufAOh4X6QlnlfOXwLaRsRdOCo","datePublished":"2023-08-21T13:50:41+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/#primaryimage","url":"https:\/\/lh5.googleusercontent.com\/Ia3Hr4W8MSqT-R4Zc8rGv6OdKQHBM8ko47Gwynzci01nE_i4_G82todMx2UkPfzegfo0IrhHmj_wGTFWixLkdZQ5GWApqnXh5R4yIedc5qCX7IpN4o6rwkyv8jGpj9ufAOh4X6QlnlfOXwLaRsRdOCo","contentUrl":"https:\/\/lh5.googleusercontent.com\/Ia3Hr4W8MSqT-R4Zc8rGv6OdKQHBM8ko47Gwynzci01nE_i4_G82todMx2UkPfzegfo0IrhHmj_wGTFWixLkdZQ5GWApqnXh5R4yIedc5qCX7IpN4o6rwkyv8jGpj9ufAOh4X6QlnlfOXwLaRsRdOCo"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/how-to-show-icon-and-text-in-add-to-cart-button\/#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":"How To&#8217;s CACW","item":"https:\/\/addify.store\/documentation\/woocommerce\/custom-add-to-cart-button-for-woocommerce\/how-tos\/"},{"@type":"ListItem","position":5,"name":"How to Show Icon and Text in Add to Cart Button?"}]},{"@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\/2301","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=2301"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/2301\/revisions"}],"predecessor-version":[{"id":2302,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/2301\/revisions\/2302"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/2297"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=2301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}