WC Checkout Fields Editor WordPress Plugin Help Document

Introduction

We appreciate your decision of using our WC Checkout Fields Editor Plugin. Thanks you for purchasing WC Checkout Fields Editor plugin for WordPress.

WC Checkout Fields Editor plugin is simple to use. Using this plugin, you can customize all fields on checkout page. The plugin supports several types of fields including text, select, checkbox, radio, file upload, date picker, time picker, date-time picker etc. You have options to send custom fields data with order email and also display them on admin order page.

This document is written very carefully by keeping the mindset that it should be easy understand for Beginner to Advance user or developers. We have divided this document in 3 main sections.

1) Getting Started : This section will very help full for Quick start and understand how plugin works
2) Detailed Document : This section explains every thing about WC Checkout Fields Editor plugin with every settings.
3) Other : This section provides information about miscellaneous item like plugin features, FAQ etc.

If you have any query that is beyond the scope of document, please feel free to contact us at support@solwininfotech.com

WC Checkout Fields Editor WordPress Plugin
  • Created On: 19th February 2016
  • Last Updated: 09th July 2016
  • Created By: Solwin Team
  • Email: info@solwininfotech.com
We offer plugin customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

1. Installation Via WordPress Admin Area

  1. Step 1. Log into your WordPress admin area.
  2. Step 2. Click on the left side plugin menu.
  3. Step 3. Now at the top you can see the Add New button, click the button.
  4. Step 4. Again at the top you can see/view Upload Plugin button, click the button.
  5. Step 5. Now upload the plugin zip file (wc-checkout-fields-editor.zip) that you have downloaded from your members area at codecanyon website. After upload, install the zip and click on "Activate Plugin".

Plugin Installation

Plugin Upload

2. Installation Via FTP

  1. Step 1. Download WC CHeckout Fields Editor plugin zip file (wc-checkout-fields-editor.zip) from your members area at Solwin Infotech website.
  2. Step 2. Extract Zip file. it will create "wc-checkout-fields-editor" folder with all plugin files & folder inside it. (Remember extracted folder path)
  3. Step 3. Using your FTP program, upload the non-zipped plugin folder into the "/wp-content/plugins/" folder on your server.
  4. Step 4. Go to Dashboard » Plugins » Installed Plugins and find WC Checkout Fields Editor from plugin list.
  5. Step 5. Click on Activate to activate WC Checkout Fields Editor.

License Key

How To get License Key?

  1. Step 1. Go to solwininfotech.com
  2. Step 2. Login with your username and password (If you are not logged in) OR Register
  3. Step 3. Go to My account
  4. Step 4. Click on "Payment History" tab
  5. Step 5. View your order
  6. Step 6. Copy "License Key" from there

Once you have added your license key with wc-checkout-fields-editor plugin, then you will get your next wc-checkout-fields-editor plugin update notifications in your WP Admin area automatically. With the help of update notifications, you can update your wc-checkout-fields-editor plugin copy any time.

Detail Document




How To Use

This plugin is easy to use and manage

Go to Dashboard » Woocommerce » Checkout Field Editor.

How to use

There are four tabs visible. Billing Section, Shipping Section, Additional Fields and Settings.
Using the plugin you can manage Billing Section, Shipping Section and Additional section all fields.

How to use

You can change Additional Fields heading at order view, email and admin order. In Additional fields section top of the row Enter heading name which displays as heading in order view , admin order and email.

How to use

Add New Field

Click on Add new field button on left side bottom.

Add new field

New field will be added at bottom. Enter Field name, label name and select input type.

Added new rows at bottom

Edit New Field

You can edit core and custom fields in Billing, Shipping and Additional fields sections. Edit options availability may change based on the field types. To edit fields, click on edit button.

Edit fields

Fields Details

Password, Textarea, Checkbox, Date Picker, Time Piker, Date-Time Picker, Color Picker :

All Input field have options like Filed Name, Label, Placeholder, width, extra class, visibility etc.
All options and their functionality as following.

Placeholder : Placeholder on text input Default placeholder blank
Width : set width of field like full-width, FIrst half-width, second half-width. Default width use full-width
Extra class : If you want extra styling of field so you can write class name. Default any extra class not apply
Label class : If you want extra styling of label so you can write class name. Default any extra class not apply
Product base Visibility : You can conditionally display fields only if the cart contains specified products. There are lists of all products, you can choose multiple products at a time. Default this field display all products.
Category base Visibility : You can conditionally display fields only if the cart contains products from specified categories. Their list of all categories, you can choose multiple categories at a time. Default this field display all categories and products.
Cart Total base Visibility : You can conditionally display fields only if the cart contains specified cart total like Greater-than, Less-than, equal.Default this field display any cart total.
Other options : In the plugin some extra options like display fields in email, admin order or view order. If you want to simply check it.
Input Edit

Text Input :

The text Input field has options like Filed Name, Label, Placeholder, width, extra class, validation, visibility etc.
There are all most options are same as above discuss, validation option additional added in Text input, It's functionality as following.

Validation : In the plugin default functionality for check validation of email or phone number.
Text Input Edit

Select and Radio Input :

Select and Radio Input field have options like Filed Name, Label, Placeholder, width, extra class, visibility, adds option etc.
There are all most options are same as above discuss, but you can add options to select and radio input and also selected default select option.

Add New Option : You can add options on radio and select input In which option value and option label Enter and select which option default selected.
Select and Radio Input

Multi-Select Input :

Multi-Select Input field same as select input but the difference only that at a time multiple options select as default selected .

Add New Option : You can add options same as select input on multi-select input, but difference only that at time multiple options select as default selected.
Multi-Select Input

File Upload :

The file Upload option is not available in Billing and Shipping section. It's available in only Additional Information Section.
All most options are same as above field types, few additional options are as following.

File Uploading Mode : You can select file uploading mode, eg. Single file upload or multiple file upload. Default single file upload selected
No of Files to Upload : If multi file-upload option selected then how many file can upload, that set here.
File Edit/delete allowed : If you want user can edit or delete uploaded file in order detail page, then choose option here.
NOTE : User or Admin will not notify if user edit or delete files from order detail page.
Allowed File Types : Select file type you want to allow to upload. eg. pdf, text, png, jpg. Default all type files are allowed to upload.
Upload Folder name : Name of the folder where uploaded files will be stored. Default folder name is 'wcTemp'.
File Upload

Save & Reset

Save

To save your changes, click on Save button left side on bottom.

Save

Reset

You can reset all your changes back to the original WooCommerce fields set using the button Reset Default.

Reset

Screenshots

Checkout Page

After all filed added your check out form will be displayed like this.

Checkout

Order View

Order view will be displayed like bellow.

Oder View

Admin Order Edit

The Admin order edit page will be displayed like below.

Admin Order Edit

Other




WC Checkout Fileds Editor plugin features

Add new custom fields support

You can add custom fields in Billing, Shipping and Additional fields sections. New field form contains options to provide values for Field Name, Label, Type, Required and much more.

Add new custom fields support

Edit existing fields support

You can edit core and custom fields in Billing, Shipping and Additional fields sections.
NOTE: Plugin will not provide to change all core fields. Only possible fields can be changed.

Edit existing fields support

Remove fields

You can remove fields from displaying in checkout page, order details page and emails.

Remove fields

Reorder display fields

You can easily manage the display order of checkout fields from admin side by drag and drop.

Reorder display fields

Reset to default field set

You can reset all your changes back to the original WooCommerce fields set using the button 'Reset Default'.

Reset to default field set

Remove and Make Require fields

You can easily Make or Remove Required field on Billing, Shipping and Additional section on checkout page simply check or uncheck checkbox on the right side of the row from admin side.

Remove and Make Require fields

Add extra CSS class

If you want to add some extra style to checkout form's fields, You can add CSS classes for label and fields.

Add extra CSS class

Display in Order Details page and Email

You can decide on a field, whether it need to be displayed in Order Details page and Email using the checkboxes 'Display in Order Detail Pages and 'Display in Emails'. These checkboxes are available in both the 'New Field' and 'Edit Field' forms.

Display in Order Details page and Email

File upload custom field in additional settings

Allow Customers to Upload files using the file upload field in the additional fields section on checkout page.

File upload custom field in additional settings

10+ fields types are available

You can choose the field type in Add New Field form and Edit Field form from a list of 10+ field types. Available field types are: Text, Password, Textarea, Radio, Checkbox, Select, Multi-select, Date picker, Time picker, Date-Time picker, Color picker

10+ fields types are available

Category specific field visibility

You can conditionally display fields only if the cart contains products from specified categories.

Category specific field visibility

Product specific field visibility

You can conditionally display fields only if the cart contains specified products.

Product specific field visibility

Cart total specific field visibility

You can conditionally display fields only if the cart contains specified cart total.

Cart total specific field visibility

Translation Ready

Plugin will use in any languages due to its translation ready feature.

Translation Support

Reliable Support

We provide 24/7 outstanding support – dedicated and friendly help.We have an amazing team to provide outstanding support at any time.Do not hesitate to contact us for support at support@solwininfotech.com

Reliable Support

Translation

WC Checkout Fields Editor plugin is language compatible, thus can be translated into multiple languages. You can use POEdit plugin for translation.

  1. Step 1. Install Poedit tool and open it

  2. Step 2. Open .POT file from /wp-content/plugins/wc-checkout-fields-editor/languages/ that you want to translate

    Open .pot file
  3. Step 3. Now, click on "Save"

  4. Step 4. Then one popup will be appear and then enter your Language code ( Ex :- "ca_CA" for English (Canada)) in language option

    Translation property
  5. Step 5. Then select source path tab and you have to modify this path to full path of your plugin that you want to translate.

    Select path
  6. Step 6. Then press ok button.

  7. Step 7. Then give file name like this wc_field_editor-ca_CA.po for English (Canada) language.

  8. Step 8. Then save file inside language folder in plugin that you want to translate and all strings are appear in your poedit editor

    POT file
  9. Step 9. Select your string that you want to translate and in bottom side there are two options one is Source Text and another one is Translation

    Translate string
  10. Step 10. Source Text keep as it is and in Translation section enter your translated string of selected string that you want to translate and then save it.

  11. Step 11. Repeat step 10 untill your all strings to be translate.

  12. Step 12. Now you will get two separate files – a .po file and a .mo file.

    Note : When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. For example, the language code for English (Canada) is ca_CA, so you would save the translated files as ca_CA.po and ca_CA.mo.

    PO MO file
  13. Step 13. Then go to wp-config.php file then enter the below code.
    define('WPLANG', 'Your language code'); for Ex.(ca_CA for English (Canada)) then save it.

  14. Step 14. Select language from admin side, Go to Dashboard » Settings » General in that check Site Language options.

    Select language
  15. Step 15. Check language prefix in front end, view HTML.

    Language prefix
For more about translating WordPress themes please visit the following link : https://developer.wordpress.org/themes/functionality/localization/

FAQ

1. I am not able to remove, edit or unset required option of address related field like country, address_1, state, postcode, city in both section i.e. Billing and Shipping section.

The address related fields are mandatory in any checkout process. So, these fields are essential in both cases while billing against product purchase and shipping to product.


2. Can I reset billing and shipping fields as woocommerce default settings?

Yes, there is an one action button as ‘reset’ to go back to the WooCommerce default fields. The reset will remove all added your custom fields from all sections.


3. How to add file upload field ?

The field can be added in additional fields section. This single field can facilitate both single and multiple file uploading.


4. My jpg/jpeg file not uploading with file upload field. What should I need to do?

This file type may be not be included in allow file type list in file uploads edit option. Please cross check file type selections.


5. How can I set limit of number to files to be uploaded ?

There is an one option in file upload edit field. If you selected multiple file uploads then you can set number of files for uploading.

Thanks for using WC Checkout Fields Editor Plugin!

We would like to thank you for using our WC Checkout Fields Editor Plugin! If you have any difficulties with WC Checkout Fields Editor Plugin or need any additional service, do not hesitate to contact us. We provide priority support with our all premium WordPress themes and plugins.

Just contact us on support.solwininfotech.com

We are very happy to assist you!