Get Early Access to GutenKit Page Builder Blocks

Account Form – Register

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
Enable account form register

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
Edit account login register template
  • Search for Account Register Form  on Elements Search option
  • Drag and drop the widget 
  • Click on Update to save changes.
drag and drop account form register

Step 3: Style Settings #

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

style settings account form register

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

Preview Account Form - Register.png
What are your feelings
Updated on February 16, 2022