The Opencart Checkout Custom Fields allows the admin to add the custom fields in the checkout page so that the admin can gather more information from the customer.
The module allows the admin to add the custom fields at the time of checkout on the payment address, shipping address, payment method, and the shipping method.
Checkout the plugin workflow at the storefront along with the initial setup –
Add multiple custom fields to the custom group.
Add the custom group to the payment address, shipping address, payment method, and shipping method.
Logged-in customers can use these custom fields.
This module supports the multilingual feature.
The fixed/percentage operation for the charges rate of the custom group is available.
The admin can also create custom fields without zero price rates.
The admin can choose to set the field as required or not.
First, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system. First, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system.
Then, upload admin, and catalog to the Opencart root directory.
Once you have uploaded the file then login to admin and from catalog section go to Extensions> Extension installer and upload the XML( version below 2.3.x.x) or Zip file(version 3.x.x.x).
The zip file can be found on ocmod folder under the module directory. Under the ocmod folder, you will find the checkout-customfield.ocmod.zip file.
The user can navigate through Extensions > Modifications. Now click the Refresh button as visible in below screenshot.
Edit User Groups
After that, go to System > Users > Usergroups. And then edit ‘Administrator’. Click Select All for both Access Permission and Modify Permission and Save it.
Now navigate to Extensions > Extensions > Order Total . Find the Opencart Checkout Custom Field from the list and install it. After the installation, the module will be listed as shown in the image below.
After the successfull installation, the admin can configure the Opencart checkout custom fields module without any issues by navigating to Extensions>Order Total> and click on edit option. The configuration page will open as shown in the image below.
The admin can configure the following fields.
Status: Enable/disable the module based on the requirement
Title: The admin can set the title for the Opencart Checkout custom fields and can set in the multiple languages as desired.
Sort Order: The admin can set the sort order for the module.
After configuring the module, the admin needs to create the custom fields that are to be added on various section of the checkout.
The admin can add or edit the custom fields by clicking on the edit or Plus button as shown in the image below.
On clicking the plus button, the admin will be able to add the custom field as desired by filling up the information as mentioned below.
Status: The status of the custom field can be set to enable or disable.
Custom Field Name: The admin can input any field name as desired. The Field name can be added in multiple languages.
Type: The admin can set the input type like Choose(select, radio, checkout), Input(text, text area), File, Date(date, time, date, and time).
Category: Here the admin can set the categories for the particular custom field. So whenever the customer will checkout with the products associated with these categories then this particular custom field will come up at the checkout page.
Customer Group: The customer group for which the custom field will be available can be set.
Required: The admin can define whether the field is a required field or not.
Sort Order: The sort order of the custom field based on which it will be displayed. The sort order with the value 0 is the highest priority.
Custom Field Value Names: The field values of the custom field can be set as desired. The following option will be available only in the Choose(select, checkbox, radio) input type.
After the custom fields are added, the custom group is created and the custom fields are assigned to that respective custom group.
The admin can view the custom groups as shown in the image below.
The admin can edit or create a new custom group. On clicking on the edit option, the admin will be able to edit the following fields as shown in the image below.
Custom Group Name: The admin can input any Group name as desired. The Group name can be added in multiple languages.
Type: The admin can set the type as fixed or in percentage.
Price: The price of the custom group can be set in the following field.
Checkout Step: The admin can select as under which section the following custom group will be displayed.
Status: The status of the custom group can be enabled or disabled.
Sort Order: The sort order of the custom group based on which it will be displayed. The sort order with the value 0 is the highest priority.
Custom Fields: The custom fields can be selected which you want to add in the customer group.
After placing the order, the admin will be able to view the custom fields in the order history section as shown in the image below.
The admin will be able to generate the invoice with all the additional information as shown in the image below.
The customer can view the various custom fields in the checkout section.
Note: The following fields will be validated only for the logged in customers.
The admin will be able to add the custom billing details so that the customer can provide additional information as shown in the image below.
The admin can add the custom fields in the delivery detail section of the checkout. Please check the contact detail as an example as shown in the image below.
The admin can also the custom fields in the delivery method section of the checkout as shown in the image below. For example: Alternate Delivery
The admin can add the custom payment method and can allow the customer to pay through the offline payment methods.
Note: Custom Payment method is an offline payment method i.e the admin will have to manually approve or process the order.
After placing the order, the customer can view the custom fields in the order detail section as shown in the image below.
That’s all about the Opencart Checkout Custom Fields module. If you have any further queries, suggestions or customization then please add a ticket to HelpDesk Support.