{"id":788,"date":"2022-06-30T14:12:53","date_gmt":"2022-06-30T14:12:53","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/?p=788"},"modified":"2024-10-18T15:33:34","modified_gmt":"2024-10-18T15:33:34","slug":"how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/","title":{"rendered":"How to customize the ‘Pre-order’ button that will replace the default ‘Add to cart’"},"content":{"rendered":"

Whenever a product is set to ‘pre-order’ mode, by default the plugin replaces the ‘Add to cart’ button with a ‘Pre-order’ one. For this new button, you will be able to customize the label as well as the colors, let\u2019s see how we can configure it<\/span><\/p><\/p>\n\n

First, you need to go to YITH > Pre-Order > ‘Customization’ tab. Here you will find the ‘Pre-order button label’ field to enter the label of your choice:\u00a0<\/span><\/p>\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Below this field, you will find the option to decide whether you want to further customize the button\u2019s colors or not: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

If enabled, you will be able to set the color for the background, background hover, text and text hover: <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Whenever a product is set to ‘pre-order’ mode, by default the plugin replaces the ‘Add to cart’ button with a ‘Pre-order’ one. For this new button, you will be able to customize the label as well as the colors, let\u2019s see how we can configure it First, you need to go to YITH > Pre-Order … Continue reading How to customize the ‘Pre-order’ button that will replace the default ‘Add to cart’<\/span><\/a><\/p>\n","protected":false},"author":37,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,13],"tags":[],"class_list":["post-788","post","type-post","status-publish","format-standard","hentry","category-how-to","category-step-by-step-guides"],"yoast_head":"\nYITH Pre-Order: How to customize the 'Pre-order' button that will replace the default 'Add to cart'<\/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:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Pre-Order: How to customize the 'Pre-order' button that will replace the default 'Add to cart'\" \/>\n<meta property=\"og:description\" content=\"Whenever a product is set to ‘pre-order’ mode, by default the plugin replaces the ‘Add to cart’ button with a ‘Pre-order’ one. For this new button, you will be able to customize the label as well as the colors, let\u2019s see how we can configure it First, you need to go to YITH > Pre-Order … Continue reading How to customize the ‘Pre-order’ button that will replace the default ‘Add to cart’\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH Pre-Order for WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-30T14:12:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-18T15:33:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-content\/uploads\/sites\/339\/2022\/06\/90.customization-pre-order-label-2.jpg\" \/>\n<meta name=\"author\" content=\"Carla\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carla\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/\",\"name\":\"YITH Pre-Order: How to customize the 'Pre-order' button that will replace the default 'Add to cart'\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-content\/uploads\/sites\/339\/2022\/06\/90.customization-pre-order-label-2.jpg\",\"datePublished\":\"2022-06-30T14:12:53+00:00\",\"dateModified\":\"2024-10-18T15:33:34+00:00\",\"author\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/#\/schema\/person\/67b06a86d4ecf35d7df3d77d3ec5d57d\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-content\/uploads\/sites\/339\/2022\/06\/90.customization-pre-order-label-2.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-content\/uploads\/sites\/339\/2022\/06\/90.customization-pre-order-label-2.jpg\",\"width\":1328,\"height\":944},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to customize the ‘Pre-order’ button that will replace the default ‘Add to cart’\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/\",\"name\":\"YITH Pre-Order for WooCommerce\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/#\/schema\/person\/67b06a86d4ecf35d7df3d77d3ec5d57d\",\"name\":\"Carla\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/843f52dbfb3ba623565d86a8ce6682e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/843f52dbfb3ba623565d86a8ce6682e1?s=96&d=mm&r=g\",\"caption\":\"Carla\"},\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/author\/carla\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Pre-Order: How to customize the 'Pre-order' button that will replace the default 'Add to cart'","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:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/","og_locale":"en_US","og_type":"article","og_title":"YITH Pre-Order: How to customize the 'Pre-order' button that will replace the default 'Add to cart'","og_description":"Whenever a product is set to ‘pre-order’ mode, by default the plugin replaces the ‘Add to cart’ button with a ‘Pre-order’ one. For this new button, you will be able to customize the label as well as the colors, let\u2019s see how we can configure it First, you need to go to YITH > Pre-Order … Continue reading How to customize the ‘Pre-order’ button that will replace the default ‘Add to cart’","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/","og_site_name":"YITH Pre-Order for WooCommerce","article_published_time":"2022-06-30T14:12:53+00:00","article_modified_time":"2024-10-18T15:33:34+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-content\/uploads\/sites\/339\/2022\/06\/90.customization-pre-order-label-2.jpg","type":"","width":"","height":""}],"author":"Carla","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Carla","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/","name":"YITH Pre-Order: How to customize the 'Pre-order' button that will replace the default 'Add to cart'","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-content\/uploads\/sites\/339\/2022\/06\/90.customization-pre-order-label-2.jpg","datePublished":"2022-06-30T14:12:53+00:00","dateModified":"2024-10-18T15:33:34+00:00","author":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/#\/schema\/person\/67b06a86d4ecf35d7df3d77d3ec5d57d"},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-content\/uploads\/sites\/339\/2022\/06\/90.customization-pre-order-label-2.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-content\/uploads\/sites\/339\/2022\/06\/90.customization-pre-order-label-2.jpg","width":1328,"height":944},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/how-to\/how-to-customize-the-pre-order-button-that-will-replace-the-default-add-to-cart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/"},{"@type":"ListItem","position":2,"name":"How to customize the ‘Pre-order’ button that will replace the default ‘Add to cart’"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/","name":"YITH Pre-Order for WooCommerce","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/#\/schema\/person\/67b06a86d4ecf35d7df3d77d3ec5d57d","name":"Carla","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/843f52dbfb3ba623565d86a8ce6682e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/843f52dbfb3ba623565d86a8ce6682e1?s=96&d=mm&r=g","caption":"Carla"},"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/author\/carla\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-json\/wp\/v2\/posts\/788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-json\/wp\/v2\/comments?post=788"}],"version-history":[{"count":10,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-json\/wp\/v2\/posts\/788\/revisions"}],"predecessor-version":[{"id":1249,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-json\/wp\/v2\/posts\/788\/revisions\/1249"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-json\/wp\/v2\/media?parent=788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-json\/wp\/v2\/categories?post=788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-pre-order\/wp-json\/wp\/v2\/tags?post=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}