Woo Checkout Editor woocomerce wp Latest Version v1 by themeco

Extension: Woo Checkout Editor Version 1.0.0

Extensions are X specific plugins available for download for all customers with a validated purchase of X. You can easily download and manage all of your Extensions directly from the WordPress admin area under Addons > Extensions. This article covers documentation for the Custom 404 Extension and goes into detail on certain features where needed.

Setting Up Woo Checkout Editor

If you click on Checkout Manager under WooCommerce you should see the main checkout manager screen like this:

You’ll see all the default WooCommerce checkout fields which you can edit along with options to add anew checkout field. You can enable a checkout field or disable a checkout field by changing the Enabled value to either Yes or No. In addition you can make a checkout fields Mandatory again by either changing the value to Yes or No.

Setting Enabled to No on a checkout field will disable the checkout field from display on the front-end of your website.

You’ll see a Options link, clicking this on any field will show the conditional options like this:

There are two tabs within the modal called Validation and Conditional.

Setting Up Validation Values

Click in the dropdown box and you’ll be able to select from various validation options including:

Post Code

Phone

Email

State

Custom

If you set the value to Custom you’ll see additional options like this:

You can select the parent field to validate against and also enter your own custom Regex. Regex stands for regular expression. You can learn more about how to use Regex here.

Setting Up Conditional Values

When you click on the conditional tab you should see the available options like this:

The first option is to only show the field if text is matched in other fields. For example only show the field if someone enters a role like wholesale in a are you a wholesale customer field. There are multiple ways this could be useful depending on the business.

The next option is to only show the field if the cart contains or doesn’t contain a certain product and to set that value to an AND or OR. If you want both values to match use AND.

Adding a Checkout Field

Click on Add Checkout Field and you’ll see your new field added like this:

You’ll need to enter the field name, the placeholder and of course select the field type. Also don’t forget to enable the field. By default the value is no. You’ll want to switch that to yes.

The available field types are:

Text

Password

Phone

Textarea

Checkbox

File

Radio

Select

Multi-Select

Depending on the field type selected you’ll see different options for example if you chose Multi-Select you’ll see additional Manage Options link like this:

Clicking on Manage Options you’ll see a modal window to add your options to like this:

Managing Other Fields

With the Woo Checkout Editor it’s not just the Billing Fields you can edit but also the Shipping Fields and the Extra Fields.

Re-ordering Fields

Simply drag and drop fields into the positions you want.

Once you’re happy with everything click on Save Options and your new checkout will be ready!