Usage Guide for Newsletter Widget

Last update: 29 June, 2016

You can easily make a subscription box in which people can fill out their email address (and optionally their name) to subscribe to your newsletter.

Here is an sample form that we will dissect to enter into the newsletter widget.

The code provided by your newsletter subscription may vary.
<form method="post" action="https://example.com/signup.php">
  <input type="hidden" name="redirect" value="http://www.example.com/thankyou">
  <input type="hidden" name="errorredirect" value="http://www.example.com/signuperror">
  <div id="SignUp">
    <table width="260" class="signupframe" border="0" cellspacing="0" cellpadding="5">
      <tr>
        <td valign="top" align="right"> <span class="required">*</span>Email</td>
        <td align="left">
          <input type="text" name="fields_email"> </td>
      </tr>
      <input type="hidden" name="listid" value="XXXXXX">
      <input type="hidden" name="specialid:24074" value="XXXXXX">
      <input type="hidden" name="clientid" value="XXXXXX">
      <input type="hidden" name="formid" value="XXXXXX">
      <input type="hidden" name="reallistid" value="1">
      <input type="hidden" name="doubleopt" value="0">
      <tr>
        <td> </td>
        <td><span class="required">*</span> = Required Field</td>
      </tr>
      <tr>
        <td> </td>
        <td>
          <input type="submit" name="Submit" value="Submit">
        </td>
      </tr>
    </table>
  </div>
</form>

Field Descriptions

Form Title: This is the title that appears at the top the widget.

Text: This is the text that will appear inside the widget above the subscription form.

Form Action Field: This is the URL where the form will send the information for the newsletter signup. In the example above, you would enter https://example.com/signup.php into this field.

Extra HTML: This is for any of the extra information that doesn't fit in the other fields. In the example above, you would copy each input type="hidden".

<input type="hidden" name="redirect" value="http://www.example.com/thankyou">
<input type="hidden" name="errorredirect" value="http://www.example.com/signuperror">
<input type="hidden" name="listid" value="XXXXXX">
<input type="hidden" name="specialid:24074" value="XXXXXX">
<input type="hidden" name="clientid" value="XXXXXX">
<input type="hidden" name="formid" value="XXXXXX">
<input type="hidden" name="reallistid" value="1">
<input type="hidden" name="doubleopt" value="0">

Value of name-attribute of inputfield 'name': If your signup form has a field for the user to enter their name, please enter the input's name that corresponds to the name field. The example above does not have a name field.

Value of name-attribute of inputfield 'email': Enter the input's name that corresponds to the email field in your form. In the example above, you would enter "fields_email" (without the quotes) into this field.

Hide inputfield 'name': If your signup form doesn't use the name field or if you don't want to collect the name, check this box to hide that field.

Newsletter Widget Example

Here is what the sidebar widget will look like once you have dissected the above code.

This example is from the Versatile theme so your widget will match the color scheme of your theme.

Was this article helpful? ·