{"id":8802,"date":"2020-05-12T20:21:15","date_gmt":"2020-05-13T01:21:15","guid":{"rendered":"https:\/\/launchflows.com\/?post_type=documentation&p=8802"},"modified":"2022-12-14T07:55:24","modified_gmt":"2022-12-14T13:55:24","slug":"how-to-relocate-place-order-button","status":"publish","type":"documentation","link":"https:\/\/launchflows.com\/documentation\/how-to-relocate-place-order-button\/","title":{"rendered":"Relocate The Place Order Button"},"content":{"rendered":"

Why Do This?<\/h3>\n

There are times when you would like to relocate (and replace) the default WooCommerce “Place Order” button to relocate it to a different place in your custom checkout layout.<\/p>\n

With Elementor<\/h3>\n

Go into the LaunchFlows Payment widget and enable the “Hide Default Place Order Button” switch.<\/p>\n

\"LaunchFlows<\/p>\n

Next, add a new LaunchFlows Place Order Button widget wherever you desire in your layout. Style the new button to your tastes.<\/p>\n

\"LaunchFlows<\/p>\n

With Shortcodes<\/h3>\n

Hide the default WooCommerce place order button by adding the following shortcode to the bottom of your layout, so it does not create any unwanted spaces between displayed elements:<\/p>\n

[lf-checkout-button]<\/code><\/pre>\n
\"LaunchFlows<\/p>\n
Next, add a new button or clickable element to your layout and assign the ID (HTML anchor) of #lf-checkout-button<\/strong><\/p>\n
\"LaunchFlows<\/p>\n
This will cause the new button or clickable element to trigger the default checkout process.<\/p>\n","protected":false},"excerpt":{"rendered":"
Why Do This? There are times when you would like to relocate (and replace) the default WooCommerce “Place Order” button to relocate it to a different place in your custom checkout layout. With Elementor Go into the LaunchFlows Payment widget and enable the “Hide Default Place Order Button” switch. Next, add a new LaunchFlows Place…<\/p>\n","protected":false},"featured_media":0,"menu_order":41,"template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"documentation_tags":[209],"acf":[],"featured_image_src_large":false,"author_info":[],"comment_info":"","taxonomy_info":{"documentation_categories":[{"value":252,"label":"Custom Checkouts"}],"documentation_tags":[{"value":209,"label":"Place Order"}]},"_links":{"self":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/documentation\/8802"}],"collection":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/types\/documentation"}],"version-history":[{"count":1,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/documentation\/8802\/revisions"}],"predecessor-version":[{"id":28332,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/documentation\/8802\/revisions\/28332"}],"wp:attachment":[{"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/media?parent=8802"}],"wp:term":[{"taxonomy":"documentation_tags","embeddable":true,"href":"https:\/\/launchflows.com\/wp-json\/wp\/v2\/documentation_tags?post=8802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}