Magento 2 Order Attributes – This module allows the admin to enable the extra fields as an order attribute on the different positions during the checkout of an order.
It helps the admin to collect the order related data from a customer in a more flexible way. Even, the admin can use the different types of fields to collect the data from a customer.
Watch the video tutorial below to understand the extension workflow:
- Admin can add the additional fields during the checkout of an order to collect the order related data from a customer.
- The admin can use the Text Field, Text Area, Date, Yes/No, Multiple Select, Dropdown, HTML, and Static Block as input fields for the customers.
- Admin can create and display as many as order attributes as per their needs.
- The admin can also configure the module for the advanced attribute properties.
- The admin can also use the input validate feature to validate the input from a customer based on validation values.
- Admin can also enable the option to view the order attributes on the admin order view.
- The admin can decide the labels according to the different-different store view.
- The admin can also decide the position of the order attributes during the checkout.
- The customer can use the order attribute if they want to add additional information along with the order.
Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder.
Further, the admin needs to transfer this app folder into the Magento 2 root directory on the server.
After the successful installation of Magento 2 Order Attributes Modul, you have to run these commands in the Magento2 root directory:
First command –
php bin/magento setup:upgrade
Second Command –
php bin/magento setup:di:compile
Third Command –
php bin/magento setup:static-content:deploy
After running the commands, you have to flush the cache from Magento admin panel by navigating through->System->Cache management as shown below.
Configuration of Multi-Lingual
For the multilingual support, the admin will navigate through Store > Configuration > General ->Locale Options and select the locale as German (the language into which admin wants to translate store content).
If you need to do the module translation, please navigate the following path in your system. app/code/Webkul/CustomOrderAttributes/i18n. Open the file named en_US.CSV for editing as shown in the below screenshot.
Once you have opened the file for editing. Replace the words after the comma(,) on the right with your translated words.
After editing the CSV file, save it and then upload it to the same folder. Now your module translation is complete.
After the successful installation of the module, the admin can navigate to Order Attribute under the Manage Attribute Menu.
henceforth by clicking on the “Order Attribute“ the admin can view, manage, and add new attributes –
The admin can view the already created order attributes, create the new one, and also can manage the existing one.
Henceforth, the admin can click on the “Add New Attribute” to create the new attributes.
Attribute Properties –
Here, from the “Properties Menu,” the admin can fill the required details to create a new order attribute. The admin can create the –
Default Label – The admin can give the default label name to the order attribute.
Attribute Code – The admin can name the attribute code for the internal purposes.
Frontend Input Type – Furthermore, the admin can select from the available Input Type to create the order attribute, it includes Text Field, Text Area, Date, Yes/No, Multiple Select, Dropdown, HTML, and Static Block.
Moreover, the admin can create the custom order attributes based on the available multiple options as mentioned.
Eg: The admin can create the custom order attribute based on the “Dropdown” option as shown in the image below –
Furthermore, the admin can give the default label for the custom order attribute, decide the attribute code, select the front-end input type, select if the values are required or not.
Even, the admin can manage the options (values of the attributes), and manage the advance attribute properties as well.
Moreover, the admin can decide the position of the custom created order attributes to display at the front-end.
Front-end View –
Now, at the front-end, when a customer will visit the website, the custom created order attribute will display.
Lots of options are available to create custom order attributes. The admin can also use the “Static Blocks” as an input type to display to the customers. Then select the available CMS Block from the advanced attributes properties as shown in the image below –
Furthermore, the custom created order attribute with Static Block can be seen at the front-end –
Now back to the other options available –
Values Required – The admin has the choice if values are required or optional for the customers.
Advanced Attribute Properties –
Default Values – The admin can enter the default value to show at the front-end. And this value is editable for the customers.
Input Validation – There are multiple input validations are available based on the input types. The admin can use these values to validate the input type.
Eg: If the admin has selected Frontend Input Type as a Text Field then the admin can validate the Input Values as Decimal Number, Integer Number, Email, URL, Letters, and Letters (a-z, A-Z) or Numbers (0-9) as shown in the image below –
Add to Sales Order View – The admin can select “Yes” or “No” to add this attribute to show on the admin order view.
Manage Labels –
Moreover, from the manage label menu option, the admin can decide the label titles of the created “Order Attribute” for the different-different store view as shown in the image below –
Storefront Properties –
Furthermore, the admin can select where the order attribute option should be displayed to the customer at the front-end. There are multiple options are available and the admin can select one of them as per their needs.
Now, at the front-end, the customer can see the custom order attribute on the checkout position.
Customer End –
When a customer will select and add the product to the cart, custom order attribute option will display to the customer as per the module configured by the admin.
Moreover, the customer can add the shipping address, select the shipping method, and enter the email address in the custom order field.
After completing the order, the customer can also see the custom order attribute in their order history.
Admin Order View
Moreover, the admin can also view the order attribute from the admin dashboard by navigating to the Sales> Orders
Furthermore, the admin can also view the custom order attribute by clicking on the “View” order.
Current Product Version - 4.0.0
Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x