Add billing and shipping information to Customer Payment Page

Hey there,

That will be pretty tricky to set up. The customer payment page is really just for taking payments.

What you might consider doing is crafting special “add to cart” links that you send to the customer instead. When they click on it, they would add one or more items to the cart and then be directed to checkout. That way they can enter all of their personal information or verify that it is correct. They’ll also have the notes field for sending messages.

This post has some great examples of how to set up these add to cart URLs.

https://www.businessbloomer.com/woocommerce-custom-add-cart-urls-ultimate-guide/

Let us know if you have any questions.

Hi, that’s ok. I dont need them to edit. But I would really love to have the billing information to be shown at least – without editing.

<h3><?php _e( 'Billing details', 'woocommerce' ); ?></h3>
<?php do_action( 'woocommerce_before_checkout_billing_form', $order ); ?>
<div class="woocommerce-billing-fields__field-wrapper">
    <?php
    $fields = WC()->checkout->get_checkout_fields( 'billing' );
    foreach ( $fields as $key => $field ) {
        $field_name = $key;

        if ( is_callable( array( $order, 'get_' . $field_name ) ) ) {
            $field['value'] = $order->{"get_$field_name"}( 'edit' );
        } else {
            $field['value'] = $order->get_meta( '_' . $field_name );
        }   
        woocommerce_form_field( $key, $field, $field['value'] );
    }
    ?>

</div>
<?php do_action( 'woocommerce_after_checkout_billing_form', $order ); ?>

Hi @tjos123 ,

I did a quick test on my side.

The customer’s billing address does get added if :

1. The customer has an existing account and is visible within
*WP Admin -> Users*

2. The customer has saved billing address in that user profile

If they haven’t done it, you may create this on behalf of the customer and add all their details including their address, before you create the order.

Once this is done, you will be able to add the customer in the order through this option within the order page:

<br> – Link to the screenshot image

Once you select it appears like this.

<br> – Link to the screenshot image

Please note that the shipping and tax calculator does not work for orders created in the backend. These calculators rely on JavaScript running on the actual checkout page. For manual orders, shipping and tax will need to be manually added in the order by clicking the Add items button.

There may be a different way to custom code this.

However, it would be a fairly complex development topic. I’m going to leave it open for a bit to see if anyone is able to chime in to help you out.

I can also recommend the WooCommerce Developer Resources Portal for resources on developing for WooCommerce.

You can also visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, as well.`

• This reply was modified 3 years, 4 months ago by Nagesh Pai.
• This reply was modified 3 years, 4 months ago by Nagesh Pai.

Hi @tjos123,

It’s been a while since we last heard back from you. I’m going to mark this thread as resolved.

Hopefully, the above information from my colleague was helpful! If you have further questions, please feel free to open a new topic.

Cheers.

Just want to add that this hasn’t been resolved.

It’s strange why the Customer Payment Page shows all information (product, delivery date, payment mode etc) but not the customer’s billing and shipping information that is attached to the order.

Hi there,

Thanks for getting back.

Could you please share a copy of your site’s System Status so we can take a look at your setup? You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.

Thanks!