Skip to main content
Checkout & payments

Customize checkout, terms, and continue shopping

Open Cart > Checkout button in Bundlex Cart to configure the drawer's main action and the controls around it.

Choose the button destination and text

Checkout destination, demo checkbox wording and Continue shopping as a text link.
(1) Keep {{total}} to show the amount and choose the destination. (2) Configure the checkbox wording. (3) This Continue shopping action closes the drawer and uses Text link.

Set Button destination to Checkout or Cart page. Edit the Checkout button text, keeping {{total}} if you want to show the cart total in the label. You can also adjust Button height and Font size.

Button height ranges from 36 to 64px, and Font size from 12 to 24px. The outlined continue-shopping button shares these sizes; its Text link appearance uses its own compact styling.

Keep a working way to checkout. If you turn the standard button off, enable Accelerated checkout too. The drawer can show the standard button as a fallback when wallet buttons are unavailable.

Require agreement to terms

A completed note with an unchecked demo checkbox still blocks checkout.
(1) The note has been filled. (2) Checkout remains disabled until the separate checkbox is checked. The sample label is only for this demonstration.

Within the same Checkout button block, enable Require agreeing to the terms and edit Terms checkbox text. The Terms required message is under Advanced > Messages > Error messages.

The checkbox sits above the checkout button. The drawer blocks its checkout action until the box is ticked; accelerated buttons also wait until the requirement is met. This is a drawer control, not a validation rule for every possible path to Shopify checkout.

The demonstration uses the sample label "I have checked this demo cart" to test the gate. With the note filled but the checkbox empty, checkout is still disabled. Use your store's appropriate wording when configuring the actual checkbox.

Add a continue-shopping button

Enable Show a continue shopping button. Set its text and choose Close the cart drawer, Go to the cart page, or Go to a link. For a custom link, enter the destination; leaving it blank closes the drawer.

Under Appearance, choose Button or Text link. The text link is underlined text without a box, so the footer takes less room.

This secondary button sits beneath the checkout stack. It is configured here rather than as its own draggable block.

Save and test each button on the storefront. If checkout is disabled, check whether a required order note is also enabled.

Test the complete footer

Completed demo gates, enabled checkout, continue-shopping link and payment icons.
(1) With the note saved and checkbox checked, Checkout is enabled. (2) Continue shopping closes the drawer. (3) Payment icons are labels, not wallet buttons.

Test on desktop and phone with a real product in the cart. Complete any required note and checkbox, then open checkout and compare the products and discount amounts. In this example, two creams cost $50.40 after the Buy 2 discount. Continue shopping closes the drawer without removing them.

Was this article helpful?

Your feedback helps us improve our docs.

Thanks - we'll keep improving this article.

Want to chat with our team? Still have a question?

Still need help?

Our team is one click away. Send us a message and we'll get back to you.

We use a few cookies to keep this site working, measure how it is used, and power our chat widget when you open it. See our cookie policy.