# Customizing Your Checkout Page Layout Would you like to rearrange your checkout page without writing any code? Easy Digital Downloads builds the checkout page from **individual inner blocks**: the cart, the customer's personal information, payment details, and a discount code field. Each block has its own settings, and the whole layout can be rebuilt right from the WordPress block editor. This guide walks you through the steps to choose a checkout layout, rearrange its blocks, and configure each block's settings. - [Opening the Checkout Block's Layout Panel](#aioseo-opening-the-checkout-blocks-layout-panel) - [Choosing a Layout](#aioseo-choosing-a-layout) - [Rearranging Checkout Blocks](#aioseo-rearranging-checkout-blocks) - [Configuring the Cart Block's Settings](#aioseo-configuring-the-cart-blocks-settings) - [Configuring the Personal Info Block's Settings](#aioseo-configuring-the-personal-info-blocks-settings) - [Styling a Column](#aioseo-styling-a-column) - [Testing the Checkout Page](#aioseo-testing-the-checkout-page) - [Troubleshooting](#aioseo-troubleshooting) - [Frequently Asked Questions](#aioseo-frequently-asked-questions) --- Opening the Checkout Block's Layout Panel ----------------------------------------- From the WordPress admin sidebar, go to **Pages** and open your checkout page. Not sure which page that is? From the WordPress admin sidebar, go to **Downloads** » **Settings** » **Payments** to find the page set in the **Checkout Page** field. Once the page is open in the block editor, select the **EDD Checkout** block to see the **Layout** setting options. ![Checkout page editor showing cart summary with Nordic Lightroom Presets, price, and total, plus discount code button and billing form area](https://easydigitaldownloads.com/wp-content/uploads/2026/09/edd-checkout-page-layout-options-inner-blocks-800x446.png)Check out the full list of [EDD Blocks](http://easydigitaldownloads.com/docs/easy-digital-downloads-blocks/). Choosing a Layout ----------------- Five layouts are available from the **Layout** panel: - **Single Column**: stacks the cart, personal info, payment info, and discount form in one column. Choose this for a simple, linear checkout. - **Two Columns: 50/50**: splits the checkout evenly. Choose this when the cart and the form need equal visual weight. - **Two Columns: 70/30**: gives more space to the form side. Choose this when payment and personal info fields need more room. - **Two Columns: 80/20**: gives even more space to the form side, with the cart as a narrow summary column. - **Cart Top, Two-Column Form**: places the cart across the top, with personal info and payment info in two columns below it. ![EDD Checkout block layout options.](https://easydigitaldownloads.com/wp-content/uploads/2026/09/edd-checkout-block-layouts-800x650.png)**Note:** Switching to a different layout replaces every block already inside the checkout block. Choose a layout before customizing individual blocks, since switching afterward undoes that customizing. Rearranging Checkout Blocks --------------------------- Once a layout is chosen, each section of the checkout, the cart, personal info, payment info, and discount form, is its own block. Selecting any block reveals its own toolbar with options to move, duplicate, or delete it. To move a block, select it, then use the toolbar's move controls to drag it to a new position or shift it up, down, left, or right depending on the current layout. ![Checkout page with a left personal information form (First Name, Last Name, Email Address) and a right cart summary showing Nordic Lightroom Presets for $15 and a total of $0.00](https://easydigitaldownloads.com/wp-content/uploads/2026/09/edd-checkout-block-toolbar-move-800x441.png)A block can also be removed entirely by selecting it and choosing delete from its toolbar. This is different from turning off the discount form, which uses a setting instead of removing a block. See Troubleshooting below. ![Checkout cart panel with cart icon and title 'EDD Checkout Cart'; options include Show Header Row, Show Thumbnails, Thumbnail Width set to 25 px, and Show Discount Form with helper text.](https://easydigitaldownloads.com/wp-content/uploads/2026/09/checkout-cart-block-settings-256x480.png)Configuring the Cart Block's Settings ------------------------------------- Selecting the cart block opens its own settings in the sidebar: - **Show Header Row** shows the "Item Name" and "Item Price" column headers above the cart contents. This is on by default. - **Show Thumbnails** shows a product thumbnail next to each cart item. This is on by default, with a **Thumbnail Width** field (25px by default) to adjust the size. - **Show Quantity Controls** lets customers change how many of an item they're buying right from checkout. This is on by default. - **Show Discount Form** shows the discount code field as part of the cart. This is on by default. Turning it off hides the discount field without removing the cart block itself. Configuring the Personal Info Block's Settings ---------------------------------------------- Selecting the personal info block opens one setting: **Combine First and Last Name**. Turning this on merges the two name fields into a single field, which can make the checkout form feel shorter. This is off by default. Styling a Column ---------------- Choosing a two-column layout turns each column into its own block with a **Styles** tab, separate from the checkout blocks' own settings. From the Styles tab, a column can be assigned a built-in style preset, or given a custom background color, gradient, padding, and corner rounding. ![Credit card payment form with fields for card name, card number, CVC and expiration (left) in a page editor.](https://easydigitaldownloads.com/wp-content/uploads/2026/09/checkout-column-style-preview-800x645.png)Testing the Checkout Page ------------------------- Before publishing any layout changes, the checkout block's **Preview as Guest** toggle, found in the parent **EDD Checkout** block's own sidebar (not the cart block's), shows exactly what a customer sees. The sidebar's **Select a Download** search can also preview the checkout with a specific product already in the cart. Testing this way, or completing a real test purchase, confirms the layout looks right before it goes live. Troubleshooting --------------- **The discount code field was removed and won't come back from the block inserter.** The discount code field isn't a separate block that can be reinserted. It's a setting on the cart block instead. To turn it back on, select the cart block, open its settings, and switch **Show Discount Form** on again. That's it! The checkout page can now be rearranged, customized, and styled entirely from the WordPress block editor. For a more advanced, drag-and-drop design approach, see [Customizing Your EDD Checkout with Elementor](https://easydigitaldownloads.com/docs/customize-edd-checkout-with-elementor/). --- Frequently Asked Questions -------------------------- Below are answers to some of the most common questions about customizing the checkout page layout using EDD's inner blocks. ### Do I need to redo my checkout page after updating Easy Digital Downloads? No, not until the page is opened and saved. Once it's saved, the checkout page updates to the new block structure automatically, and any settings already chosen, like the layout or whether the discount form shows, carry over. ### Do I need a specific plan to customize my checkout page layout? No. The EDD checkout blocks and their layout options are available to every user. If you wanted to import a design from the [EDD Checkout Templates](https://easydigitaldownloads.com/docs/checkout-templates/) library, you would need an active Pro license. ### What can I customize on my checkout page? The cart, the personal information fields, the payment details, and the discount code field can each be rearranged, removed, or adjusted. Each one is its own block. Standard WordPress blocks, like a paragraph, heading, or testimonial quote, can go in alongside them too. ### Will changing my checkout layout break anything? No. Every checkout layout available is a working design, and rearranging the inner blocks uses the same tools used to edit any other page in WordPress. ### Can I still use Elementor to design my checkout page? Yes. For more advanced design control, [customizing your EDD checkout with Elementor](https://easydigitaldownloads.com/docs/customize-edd-checkout-with-elementor/) works. These blocks are for anyone who wants a simpler, built-in way to customize the layout without a page builder plugin. ### Will EDD checkout blocks work with my WordPress theme? In most cases, yes. Since these are standard WordPress blocks, they work with most themes. If a theme has unusual custom styling, check how the checkout page looks before publishing changes.