Laravel eCommerce Custom Registration Fields

Laravel eCommerce Custom Registration Fields Modules help the admin to gather more information from the customer during sign-up apart from the default ones. The form can be extended with different kinds of inputs.

The admin can create multiple custom fields for the sign-up form using various available input types – text, text-area, date of birth, drop-down, multi-select, radio-button, media image, file upload, or dependable field.

• Enable/Disable custom registration field from the admin panel
  
• The module supports multiple languages including RTL Arabic
  
• Easily extend the sign-up form as per your requirements
  
• The customers can upload images and other files at the time of registration for the additional fields.
  
• The admin can set the validation type for all the custom registration fields.
  
• This module gives the store owner the facility to add Custom Registration Fields on different stores, websites, and store views.
  
• Supports Text Field/Area, Drop-down, Multi-select, Radio Button, Dependable Field, Media, Image File, Date, and Yes/No.
  
• No technical knowledge is required to extend the sign-up form fields.
  
• The modules give the customer about full detail of terms and conditions, privacy policy, and cookies policy. Thus, providing transparency to the customer.
  
• Customize the terms & conditions and privacy policy sections using color, background color, header text, animation, etc.
  

Unzip the respective extension zip and then merge the “packages” folder into the project root directory.

Goto config/app.php file and add the following line under ‘providers’

Webkul\CustomRegistration\Providers\CustomRegistrationServiceProvider::class

Goto composer.json file and add the following line under ‘psr-4’

"Webkul\\CustomRegistration\\": "packages/Webkul/CustomRegistration"

Run these commands below to complete the setup

composer dump-autoload
composer require laravel/helpers
php artisan migrate
php artisan route:cache
php artisan vendor:publish --force

-> Press the number before "Webkul\ImageGallery\Providers\ImageGalleryServiceProvider" and then press enter to publish all assets and configurations.

Goto config/app.php file and set your 'default_country'

That’s it, now just execute the project on your specified domain.

After successful installation of the module, the admin can see the Laravel eCommerce Custom Registration Fields Menu as shown in the below image :

Now the admin can manage the different configurations of the module by navigating to Configure >>Custom Registration by using the toggle button as shown below:-

Module Active/Inactive: Enable the toggle button to use the module

Customer Sign Up Page: If the admin wants to show the custom fields to the customer sign up page then he has to enable the toggle button

Customer Profile Page: If you want to show the custom fields to the customer profile then enable the toggle button

Admin Page: To show the module features on the admin side enable the toggle button

Term & Condition Popup Model Heading

Admin can configure Terms & Conditions and Popup Model Heading under-

Stores > Configure > Custom Registration Settings >Terms & Conditions and Popup Model Heading

Here admin can configure the front-end view and enter his Terms & Conditions and Popup Model Heading.

Also, Admin has the option to set the privacy and terms and conditions page with the color code and other settings.

Enable Terms and Conditions on Registration Page :

Admin can select whether these policies will be visible on the 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 the Terms & Conditions popup model

Model Button Text :

Admin enters the text of the 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 the color of the button or leave blank for the default color.

Model Header Background Color :

Can provide hex color code for the color of the model header background or leave blank for the default color.

Model Background Color :

Can provide hex color code for the color of the model background or leave blank for the 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”.

Show Content as :

Admin can show content as “HTML” or “Text”.

Terms & Conditions :

Here admin enters Terms & Conditions.

Privacy & Cookie Policy :

Here admin enters Privacy & Cookie Policy.

Also, the admin has the option to enable & disable the address fields as shown below image :

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.

Admin can view additional information about the customer by going to Customer > 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 the admin wants to view or manage the additional information.

Now, the admin needs to navigate to the menu option Additional Field.

Admin can find Custom Registration Field under Custom Registration->Manage Custom Fields.

Here admin can view all the custom fields list and can add the new fields as well by hitting the Add New Field button as shown in the below snapshot.

Add New Field

Thus, after clicking on Add New Field, a New Custom Attribute page will be open.

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 default label name of the custom field which

Attribute Code: Here, the admin will enter the attribute code

Channels: The admin can select the channels for which the attribute is valid. 

Values Required: The admin can make this field mandatory and hence the values are required

Input types for the Store owner

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 on the sign-up page on the front for selecting a date.

Yes/No– This will provide a yes/no selection type for the store owner.

Multiple Select

Using Multiple Select more than one option in the list can be selected.

As you can see from the below snapshot how customers can multi-select the value.

Dropdown

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 example, this field can be helpful in the case the admin wants to see a customer’s profile picture during the signup.

Dependable Field

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

Radio

Using the radio button, the admin can allow the customer to choose an option from the available options on the registration page.

In the below snapshot you can see how nicely the user can use the Radio type input for providing information to the store owner.

Values Required

The admin can make this field mandatory and hence the values are required. Input Validation For Store Owner

Input Field Sort Order: The admin can set the type of validation for the store owner.

Display Field In Form: The admin can set the input field sort order from here.

Status: Herein, the admin can enable or disable the custom option.

Custom Registration Fields will appear on the customer sign-up form as per the screenshot.

Here the customer will see all the information/fields added by the admin.

The customer can also view and manage the additional information from their account by navigating to Customer Profile > Additional Account Information

So, that was much about the User Guide of Laravel eCommerce Custom Registration Fields Module for any queries or doubts reach out to us at support@webkul.com. You can also raise a ticket at our HelpDesk System.

Also, Please explore our Laravel Development Services and Quality Bagisto Extensions.