Canvas Docs

Checkout Billing

Display the WooCommerce checkout billing address form. It is shown in the block inserter as Canvas Checkout Billing and registered as canvas-core/woo-checkout-billing.

Select the block on a page and its own settings open in the sidebar, in the panels below:

The Checkout Billing settings in the block editor sidebar

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Content

  • Billing HeadingDefaultBilling Address

    Heading above the billing fields. WooCommerce merges it with the shipping heading when the store asks for one address only.

  • Billing Intro TextDefaultPlease enter your billing details exactly as they appear on your card statement to ensure a smooth, secure checkout. Your information is encrypted and used only to process this order and arrange delivery.

    A short paragraph under the billing heading. Use it to reassure the shopper about how their details are handled.

  • Shipping HeadingDefaultShipping Address

    Heading above the delivery fields.

  • Shipping Intro TextDefaultEmpty

    A short paragraph under the delivery heading, for a note about dispatch times or areas you cannot reach. Leave empty for none.

  • Order Notes LabelDefaultNotes

    Label above the box where the shopper can leave a note with their order.

  • Show Login ReminderDefaultOn

    "Returning customer?" card with the sign in form, above the checkout form. Turn it off to hide the card on this page alone; left on, it follows Theme Options → Shop → Cart and Checkout. Your WooCommerce account settings still decide whether the prompt is allowed at all.

  • Show Coupon ToggleDefaultOn

    "Have a coupon?" card with the coupon form, above the checkout form. Turn it off to hide the card on this page alone; left on, it follows Theme Options → Shop → Cart and Checkout. Your WooCommerce coupon setting still decides whether the card is allowed at all.

Style

  • Form Row ClassesDefaultrow col-mb-50 gutter-50

    Class names on the row holding the billing and delivery columns, setting the space between and below them.

  • Form Column ClassesDefaultcol-lg-6

    Class names on each of those two columns. The default sets them side by side on a laptop and stacked below that.

  • Toggle Cards Row ClassesDefaultrow col-mb-30 gutter-50 mb-4

    Class names on the row holding the sign in and coupon cards above the form.

  • Toggle Card Column ClassesDefaultcol-md-6

    Class names on each of those cards, which is what sets whether they sit side by side.

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in WooCommerce: Add to Cart, Cart Table, Cart Totals, Checkout Order Review, Conference Tickets, Cross-Sells.

Was this page helpful?