WooCommerce full screen order bumps and the block editor

An order bump normally shows as a small checkbox or a compact pop-up. Full screen landing pages let you replace that pop-up with a custom-designed page built entirely in the WordPress block editor – useful for a bigger, more persuasive offer after checkout or on the thank-you page.

This page explains what Full Screen actually turns on, what you can and can’t design with it, and the one place merchants get tripped up: the block editor canvas does nothing at all unless Full Screen is switched on.

Two different things live on the same editor screen

Every order bump is edited in the standard WordPress block editor. That editor has two separate areas, and they don’t do what they look like they do:

  • The sidebar (the “Document” panels on the right) holds every real setting for the bump: offer type, display conditions, display location, the offer product and discount, the offer’s text, and the actions it triggers. This is where you configure the bump, regardless of how it will display.
  • The main canvas (the block area in the middle) is a page-building surface. For almost every order bump, whatever you put there is ignored – the bump doesn’t render it. It only matters when Full Screen is turned on for that specific bump.
The order bump block editor with a warning banner across the top, a pink box outlining the sidebar column labelled as the real settings with its panels collapsed to just their headers, and a blue box outlining the canvas column labelled as ignored for this bump type, showing the locked preview block with the bump's title, a step indicator, and the fallback heading and subheading text.

When you open any order bump, you’ll already see something sitting in the canvas: a locked preview block that mirrors your sidebar settings back to you (you can’t move or delete it, and it isn’t something you’re meant to design). Don’t mistake that for an editable area – it’s a live preview, not a canvas you’re building. If you start adding your own blocks below it on a bump that isn’t set to full screen, none of them will appear anywhere for a customer.

Where the Full Screen option lives

Open the Display Location panel in the sidebar. A checkbox labeled “Full Screen Landing Page (Use Block Editor To Design)” appears – but only for two display locations:

  • Place Order Click (Checkout)
  • Post Purchase One-Click (Thank You)

Choose any other display location (Below Cart Items, Above Terms and Conditions, a checkout slot, the side cart, and so on) and the checkbox disappears entirely. There’s no way to turn on Full Screen for those locations – the standard checkbox-in-cart or button-in-list treatment is the only option there.

The checkbox is off by default on every new bump. Its help text reads: “If checked, the bump offer will be displayed full screen. Use Order Bump Offer Form block to design the offer.”

The Display Location panel for a Place Order Click bump: the Display Location field set to Place Order Click (Checkout) with its help text below it, and the unticked Full Screen Landing Page checkbox with its own help text underneath.

If your display location is anything other than those two, or if it is one of those two but the checkbox is still unchecked, you’ll see a warning banner at the top of the editor:

“Block Editor is only used for Full Screen Order Bumps (Configurable for Place Order and Post Purchase One-Click bumps). Blocks are ignored for other configurations.”

That banner is the plugin telling you exactly what this page is about: don’t build anything in the canvas until this checkbox is on.

Extra requirements if you choose Post Purchase One-Click

Full Screen behaves identically in both locations, but Post Purchase One-Click has prerequisites that Place Order Click does not, and turning Full Screen on does not remove them. A post-purchase offer only reaches a customer when the store runs a payment gateway that registers one-click support, and the customer has a saved payment method. Payment Plugins for Stripe and Payment Plugins for PayPal register that support; WooCommerce’s own core Stripe and PayPal gateways do not. There is also a plan requirement, covered on Post-purchase one-click order bumps along with the full prerequisite list.

If no supported gateway is active, the editor shows an error as soon as you pick the location:

“Post Purchase One-Click bumps require a compatible payment gateway. We recommend using Place Order bumps when using non-compatible gateways.”

This is worth watching for with Full Screen in particular, because a finished canvas looks correct in the editor whether or not the offer can ever render. The design is not what gates it. If your gateway does not register one-click support, build the same offer as a Full Screen Place Order Click bump instead: it uses the identical block canvas and has no gateway requirement. See Supported payment gateways for One-Click Order Bumps for setup and how to request support for your gateway.

What actually happens on the frontend when you flip the switch

  • Full Screen off: the checkout page or thank-you page fetches a small, pre-built product form from the plugin’s own API and drops it into a pop-up. Your block canvas is never requested or rendered.
  • Full Screen on: the page instead fetches the order bump’s own WordPress content – the same way any page or post’s content is fetched – and renders whatever blocks you’ve placed in the canvas.

That’s the entire difference. Full Screen doesn’t change the offer logic, the discount, or the display rules – it changes which content source the frontend pulls from.

Visually, the “full screen” name is literal: the pop-up window itself resizes. In the normal (non-full-screen) mode the pop-up is capped at 840px wide and 80% of the viewport height, centered on the screen. With Full Screen on, the same pop-up expands to fill 100% of the width and 100% of the height, with no rounded corners – it behaves like a dedicated page rather than a modal window.

The standard, non-full-screen Place Order Click pop-up on a real checkout: a centered pop-up over a dimmed backdrop, capped to a fixed width.
Full Screen off – the pop-up stays capped at 840px wide and 80% of the viewport height.
The same kind of offer with Full Screen turned on, rendered edge-to-edge on the checkout page: no dimmed backdrop, no modal box, just a merchant-written heading and paragraph above the offer card.
Full Screen on – the same pop-up expands to fill 100% of the width and height.

What the “Order Bump Offer Form” block actually lets you design

The help text under the Full Screen checkbox tells you to “Use Order Bump Offer Form block to design the offer.” It’s important to understand what this block is, because it is easy to expect more from it than it delivers.

The Order Bump Offer Form block has no design options of its own. It has no settings, no text fields, no attributes to fill in. What it does is render – live, exactly as a customer would see it – the same offer form the plugin already builds from your sidebar fields: the product image and price, the Offer Description text, the Offer Acceptance Button Label, and the Modal Offer Rejection Link Text (the decline link). Those come from the exact same fields you’d set for a non-full-screen bump. The block is not a place to type new copy – it’s a placeholder that shows the form the sidebar has already assembled, and lets you position it inside a page you otherwise build with ordinary blocks (headings, images, columns, spacers, and so on).

In practice, that means:

  • You can design everything around the offer – a hero image, custom headline, testimonials, a countdown, extra product photos, whatever layout you want – using standard WordPress blocks.
  • You cannot redesign the offer form itself (its layout, its fields, or its markup) through this block. The accept button’s label and the description text still come from the Offer Language panel, not from anything typed into the canvas.
  • The block must be added by you. Nothing auto-inserts it. If you enable Full Screen and publish a page with no Order Bump Offer Form block anywhere in the canvas, there is no accept/decline mechanism on that page at all – customers would see whatever else you built, with no way to take or decline the offer.

A companion “Order Bump Steps” block is also available if you want to recreate the small progress indicator (Order Submitted → Special Offer → Order Received) that the standard pop-up shows automatically – full screen pages don’t get that stepper for free.

The WordPress block inserter search results for "order bump", showing three blocks: Order Bump Steps, Order Bump Offer Form, and a greyed-out, disabled Order Bump Preview.
The Order Bump Offer Form block's live preview after insertion in the canvas, showing the product photo, name, price, description, and accept button, with a note that this is a partial preview and button styles are defaulted until the bump is saved.

One field pair that quietly stops working in full screen

The Place Order Modal Heading and Place Order Modal Subheading fields (in the Offer Language panel, visible for the same two display locations) only apply to the standard pop-up. When Full Screen is on, the plugin fetches your bump’s raw content directly – it never passes through the code that adds the heading and subheading around the form. If you fill in a heading and subheading and then turn on Full Screen, that text simply won’t appear anywhere. If you want a heading on your full-screen page, add it yourself as an ordinary Heading block in the canvas.

Everything else in the Offer Language panel – Offer Acceptance Button Label, Offer Description, and Modal Offer Rejection Link Text – is rendered by the Order Bump Offer Form block regardless of Full Screen, because both paths call the same form-building code.

Building a full screen order bump, step by step

  1. Create or open an order bump and, in the Display Location panel, set the location to Place Order Click (Checkout) or Post Purchase One-Click (Thank You).
  2. Tick Full Screen Landing Page (Use Block Editor To Design). The warning banner should disappear.
  3. Set your offer product, discount, and the Offer Language fields (Offer Description, Offer Acceptance Button Label, Modal Offer Rejection Link Text) as you normally would – these still control what the offer form says.
  4. In the block canvas, insert the Order Bump Offer Form block wherever you want the actual accept/decline form to sit. Build the rest of the page around it with standard blocks.
  5. Publish and preview the bump to confirm the layout and the form both appear as expected.
A completed full-screen order bump canvas showing a merchant-authored heading and paragraph above the inserted Order Bump Offer Form block, which displays the Spare Cuff Straps offer with its photo, price, description, accept button, and No thanks link.