Add billing and shipping information to Customer Payment Page

  • tjos123

    (@tjos123)


    2 years, 8 months ago

    Hi. I am creating orders manually on the backend. When the customer clicks on the ‘Pay Now’ button on the ‘Payment Pending’ emails, they will be directed to the ‘Customer Payment Page’.

    However, I noticed that all information are included except Billing and Shipping information. Is there any way to add them into the ‘Customer Payment Page’? So that they can verify before paying.

    I’m also curious to find out if it is possible to let them edit the contact details.

    Also, is it possible to add a text area field for them to submit any additional delivery notes when they pay?

    TIA!

Viewing 6 replies - 1 through 6 (of 6 total)
  • 3 Sons Development – a11n

    (@3sonsdevelopment)

    2 years, 8 months ago

    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.

    Thread Starter tjos123

    (@tjos123)

    2 years, 8 months ago

    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 ); ?>
    Nagesh Pai

    (@nagpai)

    2 years, 8 months ago

    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 2 years, 8 months ago by Nagesh Pai.
    • This reply was modified 2 years, 8 months ago by Nagesh Pai.
    Mirko P.

    (@rainfallnixfig)

    2 years, 8 months ago

    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.

    Thread Starter tjos123

    (@tjos123)

    2 years, 6 months ago

    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.

    Mirko P.

    (@rainfallnixfig)

    2 years, 6 months ago

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Add billing and shipping information to Customer Payment Page’ is closed to new replies.