Custom Registration Field for Adobe Commerce: This extension allows the admin to create custom fields for customers. Henceforth, using this module you can extend your customer sign-up form.
As in the default system, the custom registration form is not extendable, Custom Registration Field for Adobe Commerce Cloud extension is the perfect choice. Thus, with this extension in website the store owners can extend the custom fields for the sign-up of customers.
Check the plugin working & Setup below –
Features of Custom Registration Field For Magento 2
- The admin can easily extend the sign up form.
- Enable/disable the Address Fields for use on the customer registration page.
- Add, edit, or delete multiple custom fields.
- Set default label for the custom field & Manage Label for various store views
- Input types available – text, text-area, date of birth, drop-down, multi-select, radio-button, media image, file upload, or dependable field.
- Set values required – yes/no.
- Input validation – decimal number, integer number, email, URL, letters, letters or numbers.
- Set the sorting order of the custom registration fields.
- Set the custom field status as – enabled or disabled.
- Show or hide custom fields information in the sales email.
- Show or hide custom fields information in sales order and invoice.
- Multi-Lingual support / All language working including RTL.
- The module gives full support to the multi-store, website and store view.
Customers will get a zip folder and they have to extract the contents of this zip folder on their system.
The extracted folder has the src folder, inside the src folder you have the app folder.
Magento 2 Company ? Read More
Hence, there is a need to transfer this app folder into the Adobe Commerce root directory on the server as shown below.
Now, if you have downloaded the module from Magento Connect then unzip the respective extension zip.
Then create Webkul(vendor) then CustomRegistration (module) name folder inside your Adobe Commerce Cloud root directory as app/code/Webkul/CustomRegistration.
Henceforth, move all module’s files inside /app/code/Webkul/CustomRegistration/ folder in magento root directory.
After the upload, you can see the folders in your Adobe Commerce Root Directory.
After the successful installation, you have to run these commands in the Adobe Commerce Cloud 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
Henceforth, running the commands, you have to log into the admin panel and you have to clear the Cache.
For the multilingual support, admin will navigate through Store->Configuration->General ->Locale Options.
Now, select the locale as German (the language into which admin wants to translate his store content).
For translating the module language, please go to app>code>Webkul>CustomRegistration>i18n and edit the en_US.csv file.
Now, translate the words on the right and upload the modified file to the same location.
The filename of the translated file should be according to the language and region code like de_DE.csv in which you want to translate. Thus, it supports both RTL and LTR languages.
Custom Registration Field For Adobe Commerce- Workflow
After the successful installation of the module, you will see a menu in Magento admin’s side panel for the custom registration field.
New Custom Attribute
Thus, after clicking on Add New Field, a New Custom Attribute page will be open.
Here, the admin will have two sub-menu options for Attribute Information – Properties and Manage Labels.
Here, we also have a Manage labels menu option wherein the admin can easily manage title(for different store views) for the label per store view.
There are many parameters available for the custom registration field. Hence, let’s discuss each one by one. Default Label
So, in the Label you need to give the name of the custom field which will be shown on the Sign Up Page. Attribute Code
Here, the admin will enter the attribute code. Input Type For The Store Owner
The admin can add the Website for which the attribute is valid. Select Website
Input types for the owner are as under
Text field – to enable the user to type a small amount of text.
Text Area– If Admin needs to obtain more than one line of input from the user, then use a text area.
Date – Using this field the customers will be able to select a date using a calendar.
The calendar appears at the sign-up page on the frontend for selecting a date.
Yes/No– This will provide a yes/no selection type for the store owner.
Using Multiple Select more than one option in the list can be selected.
Using the drop-down at the footer new options will come where the admin can add value for admin and default store view.
Media Image and File Type
The admin can create Media image and File type attributes. So, apart from that, the admin will be able to set the allowed extension types for the File type attribute.
For an example, this field can be helpful in the case of admin wants to see a customer’s profile picture during the sign up.
Moreover , the admin can set the type as a dependable field.
During a dependable field, if the customer chooses an option and on the selection of the option another field will be open up.
So, in the case of Dependable Field, you have to mention Default Label, Attribute Code, Input Type, Values required & Input Validation for Store Owner.
The admin can make this field mandatory and hence the values are required.Input Validation For Store Owner
The admin can set the type of validation for the store owner.Input Field Sort Order
The admin can set the input field sort order from here.Display Field In Form
However, the admin can display the fields on different forms.Status
Herein, the admin can enable or disable the custom option.
Using the radio button, the admin can allow the customer to choose an option from the available options on the registration page.
Hence, after creating the radio options(and enabling them) get visible at the frontend on the registration page.
Order and Invoice
Custom Fields will also appear in Sale’s Order and Invoice.
Custom fields will be displayed in the emails after enabling from the back end as per below screenshot –
Admin can find Custom Registration Field under Custom Registration->Manage Custom Fields. The admin can delete or change the status of the Custom Registration field.
Also, here the admin can manage the display field’s visibility on the Orders and in the emails by clicking the menu option Manage Display Fields as shown below.
Admin can display in order or hide from the order the custom attributes as well as the show in emails or hide from emails as shown below in the snapshot.
Customer Information Backend
Admin can view additional information of the customer by going to Customer > All customer.
Wherein, all the customers of the store will be displayed.
Henceforth, the admin has to click on the edit button of any particular customer whom admin wants to view or manage the additional information.
Now, the admin needs to navigate to the menu option Custom Registration Fields.
Stores > Configuration > Webkul > Custom Registration Settings->Terms & Conditions and privacy Settings.
Here, the admin can also Enable the Address Field.
If enabled then the customer will have the option to enter the address fields on the registration page itself
Else if selected as No then the customer will have to navigate to his account panel to add his address.
Enable Terms and Conditions on Registration Page :
Admin can select whether these policies will be visible on customer registration page or not.
Privacy Popup Model Heading :
Here admin enters the heading of privacy popup model.
Term and Condition Popup Model Heading :
Here admin enters the heading of Terms & Conditions popup model.
Model Button Text :
Admin enters the text of button which will appear on the model.
Button Text Color :
Can provide hex color code for color or leave blank for default color.
Model Button Color :
Can provide hex color code for color of the button or leave blank for default color.
Model Header Background Color :
Can provide hex color code for color of the model header background or leave blank for default color.
Model Background Color :
Can provide hex color code for color of the model background or leave blank for default color.
Model Animation Type :
Admin can select model animation type as “Popup” or “Slide“.
Front-end view of the model when animation type selected as “Popup”.
Front-end view of the model when animation type selected as “Slide”.
Show Content as :
Admin can show content as “HTML” or “Text”.
Terms & Conditions :
Here admin enters Terms & Conditions.
Custom Registration Fields will appear on customer sign-up form as per the screenshot.
The customer can also view and manage the additional information from their account.
That’s all for the Adobe Commerce Custom Registration Field module still have any issue feel free to add a ticket and let us know your views to make the module better at http://webkul.uvdesk.com/
Current Product Version - 5.0.0
Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.x