Reading list Switch to dark mode

    Opencart Checkout Custom Fields

    Updated 19 March 2024

    The Opencart Checkout Custom Fields allows the admin to add the custom fields to 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 shipping method.

    Check out the plugin workflow at the storefront along with the initial setup –

    AHGh4Vb0EeQ

    Features

    • Add multiple custom fields to the custom group.
    • Add the custom group to the payment address, shipping address, payment method, and shipping method.
    • Log-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.

    Installation

    First, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to the 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.

    Searching for an experienced
    Opencart Company ?
    Find out More
    FTP details

    Once you have uploaded the file then log in to admin and from the 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.

    extension installer

    Refresh Modifications

    The user can navigate through Extensions > Modifications. Now click the Refresh button as visible in the below screenshot.

    image-42

    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.

    user group

    Modules

    And 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 list as shown in the image below.

    Extensions-1

    Admin Configuration

    After the successful installation, the admin can configure the Opencart checkout custom fields module without any issues by navigating to Extensions>Extensions>Order Total> and clicking on the 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 it in multiple languages as desired.

    Display group price: If this setting is disabled then the price will not be displayed with the group, but not effective on order totals.

    Sort Order: The admin can set the sort order for the module.

    Custom Fields

    Moreover, after configuring the module, the admin needs to create the custom fields that are to be added to various sections 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.

    Custom-Fields

    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.

    Custom-Fields-1

    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, checkbox), 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 checks 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 required 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 Group

    After the custom fields are added, the custom group is created and the custom fields are assign to that respective custom group.

    The admin can view the custom groups as shown in the image below.

    Opencart Custom Group

    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-Groups-1

    Status: The status of the custom group can be enable or disable.

    Custom Group Name: The admin can input any Group name as desired. The Group name can be added in multiple languages. 

    Stores: Admin can select a multi-store.

    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 under which section the following custom group will be displayed.

    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 to the customer group.

    Front End Workflow

    The customer can view the various custom fields in the checkout section.

    Note: The following fields only work with the log-in customers.

    Billing Details

    The admin will be able to add the custom fields in billing details so that the customer can provide additional information as shown in the image below.

     

    Delivery Details

    The admin can add the custom fields in the delivery detail section of the checkout. Please check the Delivery time field as an example.

    Delivery Method

    The admin can also add the custom fields in the delivery method section of the checkout as shown in the image below.

    Payment Method

    The admin can also add the custom fields in the payment method section of the checkout as shown in the image below.

    Order History

    After placing the order, the customer can view the custom fields in the order detail section as shown in the image below.

    webkul-opencart-checkout-custom-fields-frontend-orderhistory-12

     

    Order Section

    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.

    192.168.30.126_demo-setups_opencart_whatsapp-chat-bot_admin_index.php_routesale_order_infouser_token5pnze1kyAt4URybf3s081GIXNvRzwuzQorder_id41webkul-store

    Invoice

    The admin will be able to generate the invoice with all the additional information as shown in the image below.

    192.168.30.126_demo-setups_opencart_whatsapp-chat-bot_admin_index.php_routesale_order_invoiceuser_token5pnze1kyAt4URybf3s081GIXNvRzwuzQorder_id41webkul-store

    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.

    Current Product Version - 3.0.0.3

    Supported Framework Version - 2.x.x.x, 3.x.x.x

    . . .

    Leave a Comment

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


    10 comments

  • Cristiano
    • Neelesh Singh (Moderator)
  • bill
    • Jyotsna Gautam (Moderator)
  • Ed
    • Neelesh Singh (Moderator)
  • Jagan
    • Subhangi (Moderator)
  • Andrew
    • Archana Tiwari (Moderator)
  • Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content