Hardware FixRecommendedDevice not working? Your driver may be the problemCheck updates for common hardware issues.Fix DriversOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run Scan×
Skip to content
VGSources
Blog

How to Set Up One-Page Checkout in WooCommerce

A complete guide to WooCommerce one-page checkout: keep the standard pages, configure the official extension, choose templates, use Checkout blocks or shortcodes, and fix missing products or payment methods.
WorldWooCommerce Length10 min Posted Quest giverVGSources Team
Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

For a true product-and-payment page, install and activate the official WooCommerce One Page Checkout extension. Enable it in a product’s Product data panel, or place [woocommerce_one_page_checkout] on a page and pass product IDs and a template. Keep WooCommerce’s assigned Cart and Checkout pages in place: One Page Checkout does not replace them, and the standard Checkout page may still be needed for receipts, order confirmation, and gateways that require the normal flow.

If you only need a conventional checkout page, use WooCommerce’s Checkout block or the classic [woocommerce_checkout] shortcode instead. The block route requires payment gateways that declare Checkout Block support; the shortcode route can be the safer compatibility choice for some extensions and gateways.

As an Amazon Associate I earn from qualifying purchases.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

What WooCommerce calls “one-page checkout”

WooCommerce One Page Checkout puts product selection and checkout forms on a single Product, Post, Page, or custom post type. A customer can choose the product, add or remove items, enter checkout details, and pay without being sent through separate product, cart, and checkout screens.

That is different from placing the standard checkout on a page. The core Checkout block and the [woocommerce_checkout] shortcode render checkout fields, totals, shipping choices, and payment methods for the current cart; they do not, by themselves, create a product-selection catalogue on that same page.

#1 Best Overall
Sale
Gaoye Blue Light Blocking Glasses
  • BLUE LIGHT BLOCKING GLASSES: Our blue light glasses for women boast UV400 protection, blocking harmful blue rays from computer screens. With these bluelight glasses women, you can enjoy gaming, reading, or watching TV with no worries of eye strain.
  • EYE RELIEF: Our blue light glasses are engineered to reduce blurry vision or strain caused by prolonged screen time. These womens blue light glasses aid in better sleep by preventing blue light from disrupting your natural sleep cycle, helping you fall asleep faster and enjoy a more restful night's sleep, making them the perfect christmas present.
  • COMFORTABLE: Crafted from durable material, our trendy blue light glasses for woman or blue light glasses men ensure long-lasting comfort. The high-transmittance lenses accessories, gamer gifts for men, help keep your eyes relaxed. Perfect stocking stuffers, gifts for gamers men, christmas gifts for men, halloween costumes.
  • LIGHTWEIGHT: These clear blue light glasses feature a lightweight frame, meaning they’ll stay comfy for long-term wear. Perfect as blue blockers glasses for women or mens blue light glasses, these non-prescription fake glasses for men can be worn throughout the day. The blue light blocking glasses women feature polycarbonate HD lenses, which are anti-reflective and restore true color.
  • WORRY-FREE PURCHASE: If you experience any issues, our support team is ready to assist you quickly. These are the perfect costume glasses for cosplay dressing up.

There are therefore three practical implementations:

  • Official One Page Checkout extension: combines a defined product selection with checkout on a sales or product page.
  • Core Checkout block: manages a normal checkout page in the block editor.
  • Classic checkout shortcode: renders the conventional checkout flow when shortcode or extension compatibility is the priority.

Choose the first option when the buying decision and payment form should live together. Choose one of the latter two when products are already in the cart and you simply need a checkout page.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Do not remove the normal Cart and Checkout pages

Before changing the front-end experience, open your WooCommerce settings and confirm that Cart and Checkout pages are assigned. One Page Checkout is an additional route, not a replacement for those pages.

  • The standard Checkout page is used for receipts and order-confirmation flows.
  • Some payment gateways still require the normal cart and checkout sequence.
  • A conventional checkout page gives you a fallback when a one-page layout, gateway, or custom template fails.

Leave the assigned pages published even if most customers use a one-page offer. Do not delete the Checkout page’s [woocommerce_checkout] shortcode or its Checkout block unless you have deliberately replaced it with the equivalent supported checkout component.

Choose the implementation before you build

Option Where products are selected Layout control Payment-method requirement Compatibility consideration
WooCommerce One Page Checkout extension On the same Product, Post, Page, or custom post type as checkout product-list, product-table, product-single, pricing-table, or a custom template Uses WooCommerce’s normal payment section Some gateways still require standard Cart and Checkout pages
Core Checkout block Products are already in the cart Checkout block configured in the block editor The gateway must declare Checkout Block support New WooCommerce installations from 8.3 use Cart and Checkout Blocks by default
[woocommerce_checkout] shortcode Products are already in the cart Shortcode-rendered checkout Uses the classic shortcode checkout flow Shortcode versions can have better extension compatibility in some cases

All three approaches should coexist with the assigned Cart and Checkout pages. The difference is where the customer chooses products and which rendering system handles the checkout form.

Set up the official One Page Checkout extension

1. Install and activate the extension

Install and activate the official WooCommerce One Page Checkout extension in WordPress. After activation, the extension adds One Page Checkout controls to product editing and enables the [woocommerce_one_page_checkout] shortcode.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Keep the regular Cart and Checkout assignments intact while you install it. Activation does not automatically convert every product or replace the existing checkout page.

Rank #2
Windex Gaming Cleaning Wipes, Pre-Moistened Wipes to Instantly Clean all Gaming Gear and Electronics, Resealable Packaging for a Freshness Lock, 25 count (Pack of 1)
  • WINDEX GAMING WIPES: effortlessly clean all your gaming gear and gaming electronics in one easy step with our new Windex Gaming Wipes
  • AMMONIA FREE: our ammonia-free formula is safe to use on all of your favorite gaming equipment like consoles, headsets, controllers, screens, keyboards, and more
  • PRE-MOISTENED WIPES: each wipe instantly removes dust, dirt, and stubborn smudges and fingerprints leaving a streak-free shine
  • ANTI-STATIC: great for cleaning and wiping down your gaming gear and electronics leaving behind no visible residue
  • COMPACT RESEALABLE PACKAGE: store your pack of Windex Gaming Wipes anywhere in your home for whenever a quick and easy wipedown is needed

2. Enable one-page checkout on an individual product

  1. Edit the product that should have its own one-page purchase experience.
  2. Open the product’s Product data panel.
  3. Enable the One Page Checkout option.
  4. Save or update the product, then open its public page in a logged-out browser window.

The add-to-order behavior remains on the product page, and other items already in the cart remain visible. This is useful for a focused offer where the product description, variations or options, and payment form should be on one URL.

3. Create a dedicated one-page offer with the shortcode

For a landing page, post, or custom post type, add the shortcode below in the page editor:

[woocommerce_one_page_checkout]

With no product IDs supplied, the extension determines which products can be displayed according to its product and catalogue rules. To control the selection explicitly, pass a comma-separated list of product IDs:

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
[woocommerce_one_page_checkout product_ids="30,45,12"]

Replace those example numbers with the IDs of your own products. The IDs are the product records WooCommerce uses; they are not SKU values, slugs, or prices. If you need a fixed bundle or a short list of paid options, explicitly listing IDs prevents unrelated catalogue items from appearing.

4. Pick a built-in template

The template attribute controls how the product selector is presented. Use one of the supported values:

  • product-list for a list presentation.
  • product-table for a table presentation.
  • product-single for a single-product layout.
  • pricing-table for a pricing-table presentation.

For example:

[woocommerce_one_page_checkout product_ids="30,45,12" template="pricing-table"]

The product IDs and template are independent. You can keep the same product set and change only the presentation while testing which layout best fits the page.

5. Use a custom template when the built-ins are insufficient

Create the custom template file in the active theme’s /woocommerce/checkout/ directory, then pass the matching template value in the shortcode. The value must match the template filename expected by the extension. If the file is named incorrectly, stored in another theme, or uploaded to the wrong directory, the custom layout will not load.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #3
Sale
LISEN Cell Phone Stand Phone Holder for Desk, Office Decor Gadgets for Men
  • Ergonomic & Adjustable Design: Fight "text neck" and improve your posture. Designed for comfort, it offers an adjustable height (7.1in-8.5in) (1.4in adjustable range) and angle (5°-85°) Please note: cell phone stand is only 9 inches tall—the length of a standard pencil
  • Without blocking subtitles Perfect for office desk Tiktok Face Time Zoom video—this is the ultimate kitchen desk essential for phones! Perfect viewing experience while reducing neck back strain, A must-have for gamers streamers desk, and anyone who values both style and support!
  • Sleek & Stable Design fits Otterbox Case: Say goodbye to bent cables, tangles, and tip-overs! LISEN’s stylish adjustable desk phone holder features a built-in charging hole and smart cable management, keeping your phone secure and your workspace clutter-free cool gadgets for men
  • ANTI-SLIP DESIGN free hands: The under 10.00 items easy gadgets back and the bottom of this kitchen essentials for women are fully covered by anti-skid silicone, which LISEN stand up desk decor can provide maximum protection device from any scratches and slides
  • Your Perfect Viewing Companion:If your product arrives damaged or breaks within 365 days, reach out to LISEN for a quick and hassle-free solution. Struggling with assembly, like tightening the screw? We’ve got your back! Your experience matters to us. (Product including: phone Holder stand*1, screw*1, hexagon screwdriver*1, specification*1)

Prefer a child theme for custom files so a parent-theme update does not overwrite them. After changing a template, test both an empty cart and a cart that already contains another item.

6. Add copy around the shortcode

Content before or after the shortcode can explain the offer, state terms and conditions, or provide delivery information. Keep the checkout form itself intact and avoid placing a second One Page Checkout shortcode on the same page. WooCommerce documents that only one One Page Checkout shortcode works per page.

A simple page structure is:

  1. Offer heading and concise product explanation.
  2. One One Page Checkout shortcode with the intended IDs and template.
  3. Terms, contact instructions, or fulfilment notes below the form.

Use the core Checkout block instead

The core Checkout block is the right route when you want a standard checkout page managed in the block editor rather than product selection and checkout combined in one sales page.

  1. Create or edit the page that should serve as checkout.
  2. Insert the Checkout block in the block editor.
  3. In WooCommerce > Settings > Advanced, designate that page as the Checkout page.
  4. Review the block’s checkout fields, order totals, shipping or local-pickup controls, and payment-method area.
  5. Place a test product in the cart and confirm that the block displays the expected totals and payment methods.

New WooCommerce installations from version 8.3 use Cart and Checkout Blocks by default. Existing stores may still use shortcode pages, and a shortcode can be preferable when an extension or gateway has better compatibility with that flow.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

A block can show only payment methods exposed by active, block-compatible gateways. Installing or activating a gateway is not enough if that gateway does not declare support for the Checkout block; the method will not appear in the block’s payment list.

Use the classic [woocommerce_checkout] shortcode

The classic shortcode is for a conventional checkout page. Add it to the page assigned as Checkout:

[woocommerce_checkout]

This shortcode displays checkout for the current cart. It does not provide the product-selection templates, product ID filtering, or same-page add-to-order behavior supplied by One Page Checkout.

Rank #4
Ledagic IC+RGBW USB Powered Led Light Bar with App & Remote Control, 2 Pack
  • Easy Installation: Our gaming lights have been designed to enhance your entertainment experience. Simply position the led light bar next to your TV or game console to create a game room environment with ease. They come with USB power and a 60 inch cord for direct mounting and mobility
  • Audio Syncing & Extensive Mode: The built-in high-sensitivity music sensor allows you to sync the TV led lights to your favorite music. Lights react and move to the beat of music, film and game audio, creating an incredible immersive sound and light experience – and all without the need for an additional hub. You can choose from 64+ patterns, including strobe, illusion, jump, energy, gradient, running, chasing, fluttering mode etc. Each mode can be applied to different scenes
  • 64+ Chasing IC+RGB & W Effect: The independent control design of IC+RGB and white all-in-one multifunctional rgbw led bar lights monitor backlight allows you to easily switch the led lights for desk between IC+RGB and white to enjoy a variety of lighting effects, you can choose white lighting mode with high brightness for better illumination when working, etc. Choose IC+RGB lighting mode when you need to create an entertaining atmosphere for the light show, 16 million colours of Color changing rgb light bar let you dance to the beat and create a dynamic party atmosphere
  • Dynamic and Dimmable Lights: 1%-full brightness free brightness adjustment gives you the flexibility to adjust dimmable led light bar for room decorations or a variety of occasions
  • USB Powered: USB light bars for room can be powered by powernank, usb charger, TV, Monitor, laptop PC mainframe, making behind TV led lighting bar easy to install in any location.TV led lights are powered by the TV usb interface / PC mainframe, can be turned on/off synchronously with TV / PC

Use this route when a gateway or extension expects the shortcode checkout, when a block-compatible version is unavailable, or when you are maintaining an established shortcode-based store. Keep the Cart page and the assigned Checkout page published so receipts, confirmations, and fallback flows continue to work.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

How product selection and visibility affect the result

Product IDs must be valid

If a shortcode includes product_ids, verify every number against an existing WooCommerce product. A typo or an ID from a deleted product can leave the selector incomplete or empty.

Stock status matters

Products that are out of stock will not behave like purchasable choices. Check stock status, purchasability, and any product options before diagnosing the shortcode itself.

Hidden products need explicit IDs

Catalog visibility can prevent a product from being displayed when the extension is selecting products normally. A hidden product appears only when its ID is explicitly specified. This lets you keep an offer out of normal catalogue pages while still using it in a controlled one-page checkout.

Existing cart items remain relevant

On a product-level One Page Checkout page, other items already in the customer’s cart remain visible. Test the page with an empty cart and with a pre-populated cart so you know whether the intended offer can be combined with existing items.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Payment gateways and checkout compatibility

One Page Checkout is intended to work with gateways that use WooCommerce’s normal payment section. That does not guarantee that every gateway supports every one-page arrangement. Some gateways still require the standard Cart and Checkout pages, so retain those pages and test the gateway’s complete redirect, payment, and confirmation sequence.

For the Checkout block, the deciding factor is block support. Open the block’s payment-method list and verify that each required gateway appears. If a method is absent, confirm that the gateway is active and declares Checkout Block support; changing the page layout alone will not make an unsupported gateway appear.

Best Value
Sale
HUANUO FlowLift™ Dual Monitor Stand, Fully Adjustable Gaming Monitor Desk Mount for 13–32″ Computer Screens, Full Motion VESA 75x75/100x100 with C-Clamp & Grommet Base, Each Arm Holds 4.4 to 19.8 lbs
  • Compatible with Wide Screens - To ensure compatibility with the dual monitor mount, your each monitor must meet three conditions at the same time: First, computer screens size range: 13 to 32 inches. Second, screen weight range: 4.4 to 19.8 lbs. Third, the back of the monitor screen must have VESA mounting holes with a pitch of 75x75mm or 100x100mm.
  • Regarding the compatibility with desks - Your desk must meet three conditions at the same time: First, desk material: Only wooden desks are recommended, plastic or glass desks cannot be used. Second, desk thickness range: 0.59" - 3.54". Third, the bottom of the desk should not have any cross beams or panels, as this will interfere with installation. We recommend carefully checking that your desk and monitors meets all above conditions before purchasing.
  • Dual C-Clamp Hold - Worried your dual monitors might wobble or slip? Our upgraded base uses a larger platform plus a dual C-clamp structure to lock the dual monitor arm firmly to your desk. Each arm safely keeps your screens steady while you type, click and game—no shaking, no sliding, just a clean and secure setup you can trust every day. It also provides Grommet Mounting installation choice, both options ensure stable and secure fixation for your 0.59" - 3.54" desk.
  • Full-Motion Adjustment For Comfortable View - Pull the screen closer when you’re deep in a spreadsheet, push it back to watch videos, or rotate to portrait for coding — moving everything smoothly with just one hand. The monitor stand offers +85°/-50° tilt, ±90° swivel and 360° rotation. Raise your monitor up to 15.75″ to support a healthy sitting posture. Whether you’re working from home, gaming through the night, or switching between video calls and documents, getting the screens to your natural line of sight helps relieve neck, shoulder and back strain so you can stay focused longer with less fatigue.
  • Keep Your Desk Organized: By lifting both screens off the desktop, this dual monitor stand opens up valuable space for your keyboard, notebook, docking station or a simple, clutter-free work area. Built-in cable management guides wires along the arms, keeping cords out of sight and out of the way. Enjoy a tidy, modern workstation that looks as good as it feels to use.

Run payment tests in the gateway’s appropriate test or sandbox mode when available, then verify the customer-facing receipt and the order’s status in WooCommerce. Do not treat a visible payment button as proof that the return and confirmation flow works.

Test the page before publishing it

Use a private browser window or a test customer account. The following sequence catches the common failures without changing your live catalogue:

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  1. Open the page with an empty cart and confirm that the intended product selector or checkout form loads.
  2. Select each product or option that the page is supposed to sell.
  3. Change quantities and remove an item; confirm that totals update and the page remains usable.
  4. Add an unrelated product through the normal shop flow, return to the one-page offer, and verify that existing cart contents are handled as expected.
  5. Enter valid billing and shipping details, then check that required fields and shipping or local-pickup choices appear.
  6. Confirm every required payment gateway is visible.
  7. Complete a test order and follow the return, receipt, and order-confirmation screens.
  8. Open the order in WooCommerce and verify the line items, totals, taxes or shipping values configured for your store, and payment status.
  9. Repeat the visit on a phone-sized viewport and with keyboard navigation to catch template or block changes that hide controls.

Only after this sequence passes should you direct advertising or email traffic to the one-page URL.

Troubleshoot common failures

No products appear

  • Check that every value in product_ids is a real product ID.
  • Confirm the products are in stock and purchasable.
  • If a product is hidden from the catalogue, include its ID explicitly.
  • Remove the ID filter temporarily to determine whether the issue is the selector or the product records.

The custom template does not load

  • Place the file in the active theme’s /woocommerce/checkout/ directory.
  • Make the shortcode’s template value match the filename expected by the extension.
  • Retest with a built-in value such as product-list. If the built-in layout works, the issue is isolated to the custom file or its location.

A payment method is missing from the Checkout block

  • Verify that the gateway is active.
  • Confirm that it declares support for WooCommerce Checkout Blocks.
  • Compare the block page with the standard Checkout page. If the method works only on the standard page, use the shortcode flow or the gateway’s supported integration until block support is available.

The receipt or confirmation page breaks

  • Restore the assigned standard Checkout page in WooCommerce > Settings > Advanced.
  • Ensure that the page contains [woocommerce_checkout] or its Checkout block equivalent.
  • Do not assume that a successful payment on the one-page form replaces the normal receipt endpoint.

Two checkout forms appear or conflict

Remove every additional One Page Checkout shortcode from that page so only one remains. Keep unrelated sales copy, but do not nest another One Page Checkout form inside the same content area.

The page shows a product but cannot add it

Check stock and product purchasability first, then test with the product’s normal WooCommerce page. If the normal page also fails, resolve the product configuration before changing the one-page shortcode or template.

Practical shortcode patterns

Show the extension’s default selection:

[woocommerce_one_page_checkout]

Show three specific products:

[woocommerce_one_page_checkout product_ids="30,45,12"]

Show those products in a table:

[woocommerce_one_page_checkout product_ids="30,45,12" template="product-table"]

Use a single-product presentation:

[woocommerce_one_page_checkout product_ids="30" template="product-single"]

Keep one of these patterns on a page, not several. If you need different product sets or templates, create separate pages and assign each page its own single shortcode.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Choose a sensible fallback plan

Use the One Page Checkout extension for campaign pages, product pages, and tightly controlled offers where product choice and payment belong together. Use the Checkout block for a conventional, block-editor-managed checkout when all required gateways support it. Use [woocommerce_checkout] when compatibility with an established extension or gateway outweighs block-editor features.

Whichever route you publish, keep the standard Cart and Checkout pages configured, document which page is the fallback, and retest after changing gateways, product visibility, stock, or checkout templates. That arrangement gives customers the streamlined one-page path while preserving the WooCommerce flow needed for receipts, confirmations, and integrations.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

More quests from Patch Notes

  1. How to Set Up a RedM (RDR2) Server in 2026: License Key, txAdmin and server.cfg, Step by StepBlog11min
  2. Best RedM (RDR2) Server Hosting in 2026: Comparing Four Hosts on Slots, Memory and PriceBlog10min
  3. How to Host a Mindustry Server in 2026: server-release.jar, Port 6567 and the Commands That MatterBlog7min
Recommended PC Tool
Recommended PC Tool
PC Slower Than It Used to Be?Free scan - under a minute
Outdated Drivers Are Slowing You DownFree scan - exact matches

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.