Custom Checkout Button


Shortcode hides the default WooCommerce checkout button so you may replace it with any clickable element in your page builder

Use Case:

Use when you want to detach the standard WooCommerce checkout button and replace it with a button, image, text link or other clickable element to trigger a checkout to occur.


Step One –
Add Shortcode to the bottom of your layout

Step Two – Add a new clickable element with “lf-checkout-button” as the CSS ID under the “Advanced” tab (or in some widgets in the “Content” tab).

Setup Screen:

Front End Result: