Newsletter Signup Widget

The Newsletter Signup Widget allows you add a newsletter signup form to your website. A newsletter signup form is a valuable tool for building your email distribution list. Email building is an effective way to grow your business because email marketing is a proven method of bringing visitors to your website and generating sales.

In this article, you will learn how...

• To add a Newsletter Signup Widget to your website
• To edit the email field of the newsletter signup form
• To configure the design settings for the newsletter signup form

To add a Newsletter Signup Widget to your website:

1. Click on the WIDGETS button in the Website Editor Toolbar.
2. Browse the Widgets tab to locate the Newsletter Signup Widget in the BUSINESS section.
   
3. Click and drag the Newsletter Signup Widget onto 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 Newsletter Signup Widget is inserted into your web page, the Newsletter Signup Settings popup will be displayed, with the Properties tab selected.

   
4. Configure the newsletter signup form.
   1. Enter a title for your newsletter signup form in the Panel title field.
   2. Enter the name that will appear on the Sign Up button.
   3. Edit the newsletter signup email field. (See below for instructions).
5. Click OK.
6. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.

To edit the email field of the newsletter signup form:

1. Click on the Configure button to the right of the email field.
   
2. Configure the settings for the field.
   

   Each field will have the following settings:

   • Label: the title of the field.
   • Description: lets you enter an explanation on how to complete the field.
   • Placeholder: lets you enter a particular value to be used to pre-populate the email 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.
3. Click OK to accept the changes.
4. Click OK to save the form.
5. 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 newsletter signup form:

1. Click on the Design tab in the Newsletter Signup Settings popup.
   
2. Select a Newsletter Layout style for the form.
   • Label Above: displays labels above fields in the newsletter signup form.
   • Label Left: displays labels to the left of fields in the newsletter signup form.
3. Configure the heading font and color.
   1. Click on the font name to configure the font style using the Font popup. Click here for instructions.
   2. Click on the color spot to choose a text color using the Color popup. Click here for instructions.
4. Configure the label font and color.

   The procedure for configuring the label font is the same for editing the font style in the Style Editor. Click here for instructions.

   The procedure for configuring the label color is the same for editing an element's color in the Style Editor. Click here for instructions.

5. Configure the input field style.

   The procedure for configuring the input field is the same as in the Style Editor. Click here for instructions.

6. 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.

7. Click OK to save the changes.
8. Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.