Account Form – register widget provides a registration form for the customers. Once someone registers with an email address, an auto-generated password will be sent to the email address. This is a My account template widget.

Step 1: Enable the widget #

To enable the widget,

• Go to ShopEngine > Widgets > Account Form – Register
• Turn on 
• Save changes

Note: You can also turn on Account Form – register with a global setting that turns on all the widgets of ShopEngine.

Step 2: Add Account Form – Register Widget #

Before you can add the widget you need to create a My Account Login / Register Template first. Check out the documentation on how to create a My Account Login / Register template.

To add Account Form – Register:

• Go to ShopEngine > Templates > My Account Login / Register
• Click on Edit with Elementor

• Search for Account Register Form  on Elements Search option
• Drag and drop the widget 
• Click on Update to save changes.

Step 3: Style Settings #

Click on the edit option to go to the Style Tab to customize the following styles of this widget:

Label: #

• Color: Pick a color for the label.
• Required Indicator Color: Choose a color for the label.
• Font size (px): Here you can set the font size for the label

Input: #

• Font size (px): Choose a font size for the input.
• Padding: Adjust the top, right, bottom, and left padding for the button.
• Margin:  Select the top, right, bottom, and left margins.
• Normal/ Focus: Choose the color and background color for the input field for both normal and focus mode.
• Border Type: You can choose the border type as solid, double, dotted, dashed groove. Choose none if you do not want any border.
• Width: Select the top, right, bottom, and left width values.

Message: #

• Color: Choose a color for the message below the email field.
• Link Color: Select a link color for the privacy policy.
• Font Size (px): Set the font size for the message.
• Line Height: Here you can choose the line-height.

Button: #

• Color: Pick a color for the button.
• Background Color: Choose the background color.
• Background Color Hover: Select a background color for the hover mode.
• Padding: Adjust the top, right, bottom, and left padding for the button.
• Margin:  Select the top, right, bottom, and left margins.

Global Font: #

• Font family: Here you can change the font family for the whole widget.

Finally, click on Update to save all the changes.

Note: Once user registers they can log in using the Account Form- Login widget.

Here is the final Preview of the Account Form – Register