Skip to content

<dpd-checkout-button>

<dpd-checkout-button> sends the visitor to your store’s hosted checkout with their cart. It’s disabled while the cart is empty. The drawer and <dpd-cart> already have a checkout button, so you’ll only need this one for a layout of your own.

Whatever you put inside it is the label. Leave it empty for “Checkout” in your store’s language.

Pay now
<dpd-checkout-button></dpd-checkout-button>
<dpd-checkout-button target="_blank">Pay now</dpd-checkout-button>
Attribute
target _blank opens the checkout in a new tab.
store The store’s cart. See More than one store.

Its part is button.