Custom Registration Field For Magento2

Transcription

1 Custom Registration Field For Magento2 webkul.com/blog/custom-registration-field-for-magento2/ On - February 4, 2016 Custom Registration Field for Magento2 will allow the admin to create custom fields for customers. Using this module you can extend your customer sign up form. As Magento2 default custom registration form is not extendable, Custom registration field for Magento2 extension is the perfect choice for the store owners to extend custom fields for sign up form. Features Of Custom Registration Field For Magento2 Admin can easily extend the sign up form. Easy to use from Magento back-end and supported by all html input types. Admin can create any type of the input field and insert into the registration form. All kind of attribute supported. Easy to capture more customer information like Date Of Birth, Hobby etc. Custom Field validation for registration form. Support all input types including dropdown, dependable field, multi-select and image upload during sign up form. Admin can set validation type for all custom registration field. For example valid number, use the number only, avoid spaces, use the valid date, etc. Visible on Sales . Visible on Sale s order and invoice. Admin can enter terms & conditions and privacy and cookie policy with customizable view on customer registration page. The code is fully open & you can customize it according to your need. Fully dynamic module that means you don t need any technical knowledge to extend sign-up form fields. Multi Lingual support / All language working including RTL Compatible with Multistore. Installation & Configuration Of Custom Registration Field For Magento2 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. You need to transfer this app folder into the Magento2 root directory on the server as shown below. 1/17

2 If you have downloaded the module from Magento Connect then unzip the respective extension zip and create Webkul(vendor) then CustomRegistration (module) name folder inside your magento root directory as app/code/webkul/customregistration and then 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 Magento2 Root Directory. After the successful installation you have to run the command on Magento2 root directory- php bin/magento setup:upgrade 2/17

3 Also, run this commands in the Magento2 Root- php bin/magento setup:static-content:deploy You can refer the below screenshot. After running the commands, you have to log into the admin panel and you have to clear the Cache. You can refer to the below screenshot. Configuration For Multilingual Support 3/17

4 For the multilingual support, admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which admin want to translate his store content). Custom Registration Field For Magento2 Translation If user wants to translate their module from English to German then they need to follow the path app/code/webkul/customregistration/i18n in their unzipped Magento2 Custom Registration folder and will get a csv file with name en_us.csv. Now they will rename that csv as de_de.csv and translate all right side content after comma in German language. After editing the CSV, save it and then upload it to the path app/code/webkul/customregistration/i18n where they have installed Magento2 on the server. The module will get translated into German Language. It supports both RTL and LTR languages. 4/17

5 The user can edit the CSV like the image below. Configuration Of Custom Registration Field For Magento2 After successful installation of the module, you will see a menu in Magento admin for the custom registration field as per the screenshot. 5/17

6 After clicking on Add New Field, a New Customer Attribute page will be open. As per the above screenshot, you can see many parameters for the custom registration field, Let s discuss one by one. Default Label 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 Input types for the owner are as under Text field to enable the user to type the 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. Dropdown Using the dropdown at the footer new options will come where the admin can add value for admin and 6/17

7 default store view. Multiple Select Using Multiple Select more than one option in the list can be selected. Yes/No This will provide a yes/no selection type for the store owner. 7/17

8 Media Image and File Image Admin can create Media Image and File Image type and also set the extension for both. For an example, this field will helpful in case of admin want to see a customer profile picture during sign up. Dependable Field Admin can set the type as a dependable field. During dependable field, If the customer chooses an option and on the selection of the option another field will be open up. In the case of Dependable Field, you have to mention Default Label, Attribute Code, Input Type, Values required & Input Validation for Store Owner. 8/17

9 Values Required Admin can make this field mandatory and hence the values are required. Input Validation For Store Owner Admin can set the type of validation for the store owner. Input Field Sort Order Admin can set the input field sort order from here. Display Field In Form 9/17

10 Here admin can display the fields on different forms. Status Here admin can enable or disable the module. Custom Fields will also appear in Sale s Order and Invoice. 10/17

11 Admin can find Custom Registration Field under Custom Registration->Manage Custom Fields. Admin can delete or change the status of Custom Registration field. Also, here the admin can manage the display field s visibility on the Orders and in the s by clicking the menu option Manage Display Fields as shown below. Admin can display in order or hide from order the custom attributes as well as show in s or hide from s as 11/17

12 shown below in the snapshot. Admin can view additional information of the customer by going to Customer > All customer then all the customers of the store will be displayed and then admin has to click on the edit button of any particular customer whom admin want to view or manage the additional information like the below screenshot. Terms & Conditions and Privacy and Cookie Policy Configuration Admin can configure Terms & Condition and Privacy and Cookie Policy under Stores > Configuration > Webkul > Customer Terms & Conditions. Here admin can configure the front-end view and enter his Terms & Conditions and Privacy and cookie policy. These policies will be visible on customer registration page. 12/17

13 Admin can selects whether these policies will be visible on customer registration page or not. Privacy Popup Model Heading : Here admin enter the heading of privacy popup model. Term and Condition Popup Model Heading : Here admin enter the heading of Terms & Conditions popup model. Model Button Text : Admin enter the text of button which will appear on the model. Button Text Color : Can provide hexa code for color or leave blank for default color. Model Button Color : Can provide hexa code for color of the button or leave blank for default color. 13/17

14 Model Header Background Color : Can provide hexa code for color of the model header background or leave blank for default color. Note : It will work only when the Model Animation Type is selected as Slide. Model Background Color : Can provide hexa 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 model when animation type selected as Popup. Front-end view of model when animation type selected as Slide. 14/17

15 Show Content as : Admin can show content as HTML or Text. Terms & Conditions : Here admin enter Terms & Conditions. Privacy & Cookie Policy : Here admin enter Privacy & Cookie Policy. Front-end Custom Registration Field For Magento2 Custom Registration Fields will be appear on customer sign up form as per the screenshot. 15/17

16 Customer can also view and manage the additional information from their account. 16/17

17 That s all for the Magento 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 17/17