how to display shipping/billing address form in custom location ?

Hi @amelieviennot4,

You can use the shortcode [woocommerce_checkout].

To show the full form, check Default to customer shipping address under WooCommerce > Settings > Shipping > Shipping Options: https://snipboard.io/lrzDy1.jpg

To show or hide specific input fields, you’d need to use a plugin like Checkout Field Editor (https://woocommerce.com/products/woocommerce-checkout-field-editor/) and then use the shortcode above.

I hope it helps.

@shrutiwpcom Thanks

I create a new page and pasted the shortcode at the backend saved the page and nothing is displaying at the front , do you what I’ve missed ?

back end image

front end image

I tried opening the page in new incognito window still nothing showing

I must have missed something somewhere

thank you for your help ??

Hi @amelieviennot4

Could you go to WooCommerce > Settings > Advanced, and check if the new checkout page is selected?

Link to image: https://snipboard.io/8R4cTI.jpg

You can read more about setting up WooCommerce pages here: https://docs.woocommerce.com/document/woocommerce-pages/#tell-woocommerce-what-pages-to-use

@maykato Hello

I was not trying to create a new checkout page but I was trying to have a menu within popup with an option for “my shipping address” and in there i wanted to have the shipping details displayed and editable..

Are you saying that it is impossible in woocommerce to have the shipping details displayed in 2 separate locations ?

Rgs

Amelie

Can somebody help me please

Hi @amelieviennot4,

I was not trying to create a new checkout page but I was trying to have a menu within popup with an option for “my shipping address” and in there i wanted to have the shipping details displayed and editable..

Thanks for clarifying. By default, there are no shortcodes for shipping and billing address forms that you can add in custom locations. The available shortcodes with core WooCommerce are listed here:

https://docs.woocommerce.com/document/woocommerce-shortcodes/

You’ll want to create a custom shortcode. In that case, if you are not sure how to do it, we recommend getting in touch with a web developer:

https://woocommerce.com/customizations/

Thanks.

@mirko p. thank your for your response

but I can’t pay a developer 500 usd just to display the shipping detail in a custom location.

Can someone show me a simple and free solution to display shipping/billing details in a custom location where the user can edit it.

Thanks a lot

Hi @amelieviennot4!

The only way I see this working, without reaching out to a developer, is to use the [woocommerce_checkout] shortcode. You could also write up a do_shortcode function as per https://developer.www.ads-software.com/reference/functions/do_shortcode/

This, however, will contain all the checkout fields and not only certain parts. It will also not function as a popup as that, too, will include additional Javascript/jQuery code.

Cheers!