The Lဝgin Widget allows you to add a lဝgin form to your website page. Read below for detailed instructions and for information on settings for the Login Widget.
In this article, you will learn how...
- To add a Lဝgin Widget to your website
- To edit the fields of the lဝgin form
- To configure the design settings for the lဝgin form
To add a Lဝgin Widget to your website:
- Click on the WIDGETS button in the Website Editor Toolbar.
- Browse the Widgets tab to locate the Lဝgin Widget in the BUSINESS section.
- Click and drag the Lဝgin Widget into a container on your website page.
Allowable areas the widget can be inserted into include:
- Within rows
- Within columns
- Above or below existing widgets
- Between existing widgets
Once the Lဝgin Widget is inserted into your web page, the Lဝgin Settings popup will be displayed, with the Properties Tab selected.
- Configure the lဝgin form.
- Enter a title for your lဝgin form in the Panel title field.
- Enter the name that will appear on the Login button.
- Set the lဝgin form options.
- Show Remember Option: when this checkbox is ticked, a Remember me checkbox will be displayed on the lဝgin form. This setting will allow website visitors to choose whether their username and password are remembered so that they do not have to re-type them when returning to your site.
- Show Forgot Password Link: when this checkbox is ticked, the Forgot your password link will be displayed on the lဝgin form. This setting will display a link on the form which allows your website visitors to reset their passwords.
- Show Signup Link: when this checkbox is ticked, the Create account link will be displayed on the lဝgin form, allowing your website visitors to access the create account page if they do not already have an account.
- Edit the lဝgin form fields. (See below for instructions).
- Click OK.
- Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.
To edit fields of the lဝgin form:
- Click on the Configure button to the right of the field you want to edit.
- Configure the settings for the field.
Each field will have the following settings:
- Label: the title of the field.
- Description: lets you enter a description to explain to your website visitor how to complete the field.
- Start new line at this field: tick this checkbox to display this field on a new line.
- Container Width: lets you set the width of the field container as a percentage of the width of its parent container. You can use the slider or enter a percentage value into the Container Width field.
- Click OK to accept the changes.
- Click OK to save the form.
- Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.
To configure the design settings for the lဝgin form:
- Click on the Design tab in the Login Settings popup.
- Select a Login Layout style for the form.
- Label Above: displays labels above fields in the lဝgin form.
- Label Left: displays labels to the left of fields in the lဝgin form.
- Configure the heading font style and color.
- Click on the font name to configure the font style using the Font popup. Click here for instructions.
- Click on the color spot to choose a text color using the Color popup. Click here for instructions.
- Configure the label font style and color.
- Click on the font name to configure the font style using the Font popup. Click here for instructions.
- Click on the color spot to choose a text color using the Color popup. Click here for instructions.
- Configure the input field style.
The procedure for configuring the input field is the same as in the Style Editor. Click here for instructions.
- Configure the submit button style.
The procedure for configuring the submit button style is the same as for editing the button style in the Style Editor. Click here for instructions.
- Click OK to save the changes.
- Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.
Comments
0 comments
Please sign in to leave a comment.