{"id":80,"date":"2018-01-22T12:10:43","date_gmt":"2018-01-22T12:10:43","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/?p=80"},"modified":"2024-05-13T14:06:54","modified_gmt":"2024-05-13T14:06:54","slug":"navigation-buttons","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/","title":{"rendered":"Button options"},"content":{"rendered":"\n<p>Go to <strong>YITH > Multi Step Checkout > Button options<\/strong> to customize the buttons managed by this plugin. In this tab, you will find two sections, one for <strong>Prev\/Next buttons<\/strong> and one for the <strong>Back to cart<\/strong> button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Prev\/Next button<\/h3>\n\n\n\n<p>If you enable them, the navigation buttons &#8220;Previous&#8221; and &#8220;Next&#8221; will show at the bottom of each step of the purchase process; these allow users to navigate through the previous or the next step.<\/p>\n\n\n\n<p>If you prefer keeping them disabled, users can click on the step on the frontend to navigate between steps.<\/p>\n\n\n\n<p>Let&#8217;s see which options are available when you enable these buttons.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"1062\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg\" alt=\"Button options\" class=\"wp-image-376\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg 1242w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1-300x257.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1-1024x876.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1-768x657.jpg 768w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show Prev\/Next button<\/strong>: enable or disable the navigation buttons.<\/li>\n\n\n\n<li><strong>Hide Prev button in last step<\/strong>: remove the <em>Prev<\/em> button in the last step and only leave the Proceed to Checkout button.<\/li>\n\n\n\n<li><strong>Label for prev button<\/strong>: enter your custom text for the button that lets users go back to the previous step.<\/li>\n\n\n\n<li><strong>Label for next button<\/strong>: enter your custom text for the button that lets users go forward to the next step.<\/li>\n\n\n\n<li><strong>Label for Skip login button<\/strong>: enter your custom text for the button that lets users skip the login and check out as guests. You can enable\/disable this button in the Login step (see <a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/step-customization\/\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>).<\/li>\n\n\n\n<li><strong>Buttons style<\/strong>: use the same style for the navigation buttons added by the plugin and choose from:\n<ul class=\"wp-block-list\">\n<li><strong>Use theme buttons<\/strong>: the buttons will inherit the style of your theme.<\/li>\n\n\n\n<li><strong>Set custom style<\/strong>: by selecting this option, you can further customize the colors and label colors of the button.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Custom-style.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1186\" height=\"676\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Custom-style.jpg\" alt=\"Custom style\" class=\"wp-image-378\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Custom-style.jpg 1186w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Custom-style-300x171.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Custom-style-1024x584.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Custom-style-768x438.jpg 768w\" sizes=\"auto, (max-width: 1186px) 100vw, 1186px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable &#8220;Scroll to top&#8221; effect<\/strong>: enable this option to make sure that whenever your users go to a new step, they are taken back to the top of the page.<\/li>\n\n\n\n<li><strong>&#8220;Scroll to top&#8221; anchor<\/strong>: you can edit the anchor for the Scroll to top effect and make sure that users are taken exactly to the point that you want to show. By default, the anchor is<em> #checkout_timeline<\/em>.<br><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Scroll-to-top-effect.gif\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1510\" height=\"900\" class=\"alignnone size-full wp-image-300\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2018\/01\/Scroll-to-top-effect.gif\" alt=\"\"><\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Back to cart button<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Back-to-cart.jpg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1128\" height=\"1158\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Back-to-cart.jpg\" alt=\"Back to cart button options\" class=\"wp-image-380\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Back-to-cart.jpg 1128w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Back-to-cart-292x300.jpg 292w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Back-to-cart-997x1024.jpg 997w, https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Back-to-cart-768x788.jpg 768w\" sizes=\"auto, (max-width: 1128px) 100vw, 1128px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Show Back to cart button<\/strong>: enable this option to show this button and give users the possibility to go back to the Cart when they are in the checkout.<\/li>\n\n\n\n<li><strong>Hide Back to cart button in the last step<\/strong>: this option allows you to keep your Checkout as clean as possible and reduce the cart abandonment rate and keep them focused on finalizing their purchase.<\/li>\n\n\n\n<li><strong>Label for Back to cart button<\/strong>: enter your custom text for the button that lets users go back to the cart.<\/li>\n\n\n\n<li><strong>Button style<\/strong>: choose the style for this button from:\n<ul class=\"wp-block-list\">\n<li><strong>Use theme buttons<\/strong>: the buttons will inherit the style of your theme.\n<ul class=\"wp-block-list\">\n<li><strong>Set custom style<\/strong>: you can customize the colors of the button and button label.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Go to YITH > Multi Step Checkout > Button options to customize the buttons managed by this plugin. In this tab, you will find two sections, one for Prev\/Next buttons and one for the Back to cart button. Prev\/Next button If you enable them, the navigation buttons &#8220;Previous&#8221; and &#8220;Next&#8221; will show at the bottom &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Button options<\/span><\/a><\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-80","post","type-post","status-publish","format-standard","hentry","category-premium-version-settings"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YITH Multi Step Checkout: Button options<\/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-multi-step-checkout\/premium-version-settings\/navigation-buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Multi Step Checkout: Button options\" \/>\n<meta property=\"og:description\" content=\"Go to YITH &gt; Multi Step Checkout &gt; Button options to customize the buttons managed by this plugin. In this tab, you will find two sections, one for Prev\/Next buttons and one for the Back to cart button. Prev\/Next button If you enable them, the navigation buttons &#8220;Previous&#8221; and &#8220;Next&#8221; will show at the bottom &hellip; Continue reading Button options\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH WooCommerce Multi Step Checkout\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-22T12:10:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-13T14:06:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 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-multi-step-checkout\/premium-version-settings\/navigation-buttons\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/\",\"name\":\"YITH Multi Step Checkout: Button options\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg\",\"datePublished\":\"2018-01-22T12:10:43+00:00\",\"dateModified\":\"2024-05-13T14:06:54+00:00\",\"author\":{\"@id\":\"\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg\",\"width\":1242,\"height\":1062},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Button options\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/\",\"name\":\"YITH WooCommerce Multi Step Checkout\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/author\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Multi Step Checkout: Button options","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-multi-step-checkout\/premium-version-settings\/navigation-buttons\/","og_locale":"en_US","og_type":"article","og_title":"YITH Multi Step Checkout: Button options","og_description":"Go to YITH > Multi Step Checkout > Button options to customize the buttons managed by this plugin. In this tab, you will find two sections, one for Prev\/Next buttons and one for the Back to cart button. Prev\/Next button If you enable them, the navigation buttons &#8220;Previous&#8221; and &#8220;Next&#8221; will show at the bottom &hellip; Continue reading Button options","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/","og_site_name":"YITH WooCommerce Multi Step Checkout","article_published_time":"2018-01-22T12:10:43+00:00","article_modified_time":"2024-05-13T14:06:54+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/","name":"YITH Multi Step Checkout: Button options","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg","datePublished":"2018-01-22T12:10:43+00:00","dateModified":"2024-05-13T14:06:54+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-content\/uploads\/sites\/52\/2023\/10\/Button-options-1.jpg","width":1242,"height":1062},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/premium-version-settings\/navigation-buttons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/"},{"@type":"ListItem","position":2,"name":"Button options"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/","name":"YITH WooCommerce Multi Step Checkout","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/posts\/80","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":8,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/posts\/80\/revisions"}],"predecessor-version":[{"id":419,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/posts\/80\/revisions\/419"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/media?parent=80"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/categories?post=80"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-multi-step-checkout\/wp-json\/wp\/v2\/tags?post=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}