ThemeHigh
  • Plugins
  • Bundles New
    Documentation
    WooCommerce Essential Bundle
    Feature request
    WooCommerce Checkout page Bundle
    Translation project
    WooCommerce Product page Bundle
    Build your own Bundle
    Build Your Own Bundle (BYOB)
    New
    WooCommerce Essential Bundle
    WooCommerce Checkout page Bundle
    WooCommerce Product page Bundle
    Build Your Own Bundle (BYOB)

    Best Value

    An essential WooCommerce plugins bundle to boost your performance and sales.

    • Checkout field editor for WooCommerce - $49
    • Extra product option for WooCommerce - $39
    • Email customizer for WooCommerce - $39
    • Multistep checkout for WooCommerce - $39
    • Multiple Shipping address for WooCommerce - $39
    • Variation swatches for WooCommerce - $39
    $244$122 Only
    Know more

    Best Value

    An checkout WooCommerce plugins bundle to boost your performance and sales.

    • Checkout Field Editor for WooCommerce - $49
    • Multistep Checkout for WooCommerce - $39
    • Multiple Shipping Address for WooCommerce - $39
    $127$109 Only
    Know more

    Best Value

    An product WooCommerce plugins bundle to boost your performance and sales.

    • Extra Product Option for WooCommerce - $39
    • Variation Swatches for WooCommerce - $39
    • Email Customizer for WooCommerce - $39
    • Schedule Delivery for WooCommerce - $49
    $166$119 Only
    Know more

    HOT SALE

    Your Money, Your Choice - The Savings Are On Us!

    BYOB Offer

    Get the flexibility to create your perfect plugin bundle! Pick the plugins you need and enjoy an exclusive discount —only pay for what you use!

    $100 - $149: 25% Discount

    $150 - $199: 30% Discount

    $200 - $249: 40% Discount

    Above $250: 50% Discount

    *Min 2 quantity is required to claim this offer.

    Know more
  • Documentation
  • Support
  • Partners
  • Login
  • Getting Started
    • Overview...
  • Checkout Steps
    • How to display a Custom Section ...
    • Delete Newly Added Checkout Step...
    • Rearrange Checkout Steps...
    • How to Add a New Checkout Step?...
    • Default Checkout Steps...
  • Display Settings
    • Multistep Layout...
    • Display Progress Bar...
    • Step Index Style...
    • Additional Settings...
  • Advanced Settings
    • Other Step Settings...
    • Review Step Details...
    • Backup & Import Settings...
  • Button Settings
    • Next and previous button setting...
    • Place order Button Settings...
    • Back to cart Button Settings...
  • FAQ
    • Having trouble with the Latest V...
    • Frequently Asked Questions...
  • Compatible Plugin & Themes
    • Plugins & Themes...

Documentation/Multi-step Checkout For WooCommerce/How to display a Custom Section from Checkout Field Editor for WooCommerce(Pro) inside a new step?

How to display a Custom Section from Checkout Field Editor for WooCommerce(Pro) inside a new step?

Last updated on January 2, 2023

By default, when you install the Multistep Checkout for WooCommerce(Pro) plugin, it creates 3 steps: Billing Details, Shipping Details, and Confirm Order. These steps are created using the default sections from your WooCommerce checkout page. If you want to show a custom section created by the Checkout Field Editor for WooCommerce(Pro) plugin inside a custom step from the Multistep Checkout plugin, you have to follow the steps below;

  1. Create a new step using the Multistep Checkout for WooCommerce plugin.
  2. Navigate to Checkout Field Editor for WooCommerce(Pro) Dashboard: WooCommerce > Checkout Form > Checkout Fields.
  3. Click on +Add New Section
  4. Inside the Basic Info tab, you will find a Display Position field. (This option determines where the custom section that you are creating should be displayed on the checkout page.)
  5. Click on Display Position to see all the custom steps you created using the Multistep Checkout plugin in the dropdown list along with the default display positions.
  6. Choose the preferred step in which the custom section you create should be displayed.
  7. Click on the Save & Close button after the changes are confirmed.
https://www.themehigh.com/docs/wp-content/uploads/2023/01/one.mp4

Notes

  • There should be at least one custom field present in the custom sections you create using the Checkout Field Editor for WooCommerce(Pro) plugin. Otherwise, the changes will not be visible on the front end.
  • Custom sections cannot be displayed inside new steps with Custom Content enabled. Make sure Custom Content is disabled for new steps if you are creating steps to display custom sections from Checkout Field Editor for WooCommerce(Pro).

Disable Custom Content in New Steps

  • All the steps you created(except the steps with custom content) using the Multistep Checkout for WooCommerce plugin will be listed along with the 14 default display positions available in Checkout Field Editor for WooCommerce(Pro) plugin.

Step as a Display position for Sections

Get the plugin

On this page

  • Notes

This article posted in Checkout Steps, Multi-step Checkout For WooCommerce, Pro Documentation

Leave a Reply Cancel reply

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

ThemeHigh

We develop innovative WordPress plugins and themes for e-commerce and other WordPress websites.

Resources
  • Documentation
  • Support
  • Blog
  • Bestsellers
  • Affiliates
  • Partners
Policy Information
  • Terms & Conditions
  • Privacy Policy
  • Support Policy
  • Refunds Policy
  • Licenses
Security
Payment Options

© 2025 ThemeHigh. All rights reserved.

Terms and conditions, features, support, pricing, and service options subject to change without notice.