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 X. This article covers documentation for the Custom 404 Extension and goes into detail on certain features where needed.
Enabling the Extension
After installing and activating Woo Checkout Editor, you'll find its setting page under WooCommerce >> Checkout Manager.
What Woo Checkout Editor does
WooCommerce Checkout Editor allows you to modify and manage your WooCommerce checkout fields including removing default fields, adding new fields, re-ordering fields, adding conditional field displays and setting fields to require and non-required.
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!
