Set Up WooCommerce Cart, Checkout & My Account Pages
Your store’s Cart, Checkout, and My Account pages are where design and function matter most — this is where visitors become customers. Shock styles these pages for a sleek, modern shopping experience, and the way to unlock that styling is to build the pages with WooCommerce shortcodes.
Why shortcodes give the best design
Section titled “Why shortcodes give the best design”Shock is crafted to work in harmony with WooCommerce’s classic shortcodes. When you build these pages with [woocommerce_cart], [woocommerce_checkout], and [woocommerce_my_account], the theme’s premium design is applied automatically — the layout, spacing and styling are optimized for you.
WooCommerce also lets you build these pages with newer Gutenberg blocks, but for Shock we recommend the shortcodes. They’re what the theme is tuned for, so you get the polished result without extra work.
Create the pages with shortcodes
Section titled “Create the pages with shortcodes”-
Go to Pages » Add New.
-
Name the page — for example, Cart.
-
In the page content, add the matching shortcode (for the Cart page,
[woocommerce_cart]). -
Click Publish.
-
Repeat for the other two pages using the shortcodes below.
| Page | Shortcode |
|---|---|
| Cart | [woocommerce_cart] |
| Checkout | [woocommerce_checkout] |
| My Account | [woocommerce_my_account] |
Tell WooCommerce which pages to use
Section titled “Tell WooCommerce which pages to use”After creating the pages, point WooCommerce at them so it uses your versions:
-
Go to WooCommerce » Settings » Advanced.
-
Under Page setup, set the Cart page, Checkout page, and My account page to the pages you just created.
-
Save changes.
Related Variation Swatches