Customize Signup Form

Customizing signup form

Quick Links:

Customize the Form

From the customization screen, you can design the overall look of your signup form. In this section, we'll go over various levels of customization, including editing fields, adding a logo, adding background images, changing colors, font styles, adding a CAPTCHA, and more.

To customize your signup form:

  1. Select Subscribers from the Navigation bar and choose Mailing Lists.
  2. Select the desired Mailing List.
  3. Click Signup Form Tools and select Forms.
  4. Click the Edit icon that corresponds to the signup form you want to customize.

  5. Navigate through the form to edit the following:
      • Customize Fields - Customize or add new fields to ask subscribers for more information.
      • Add Special Elements - Add your privacy policy, lists, and CAPTCHA.
      • Customize Layout - Add your logo, customize colors, and change the font style.

Customize Fields

Any extra subscriber information can be collected through custom fields. These fields may be used to collect anything you choose, including phone numbers, gender information, diet, and political affiliation.

To add custom fields:

  1. Toggle the switch present in the top-left corner to Fields.
  2. Click next to Customize Field to add a custom field.
  3. Now, a pop-up called Add Custom Fields will appear. Fill in the following information:
    • Display Label - Give a name to the custom field.
    • Field Length - Give the length of the field.
  4. Click Save to confirm.

Edit Field:

  1. Toggle the switch in the top-left corner to Fields.
  2. Click the Settings icon on the left of each field by hovering over the field.

  3. The Field Properties pop-up will appear, which displays the following elements:
    • Field Name - The name of the field.
    • Field Title - The title of the field that will be displayed to subscribers. Make sure you give a name that helps subscribers understand the purpose of the field easily.
    • Mark as required field - Choose whether to make a field mandatory for subscribers to fill in.
    • Mark as hidden field - When a subscriber tries to sign up through a form, the hidden fields auto-fill themselves. Later, you can filter the subscribers based on hidden field and create segments to target a set of subscribers.

Add Logo

You can add the company logo to your signup form. If you are sharing your signup form on Twitter, this may help your subscribers easily recognize your brand.

To add logo:

  1. Click on Add Logo in the signup form.

    The Image Gallery pop-up will appear, where you can either choose a file from the recently uploaded images or from your image library.

  2. Click Upload on the top-right corner of the pop-up to upload new images to the image library.
  3. Choose an image file from your computer, then click Add.

Edit/Delete logo

  • To edit a logo, click the Change link located below the logo.
  • To delete a logo, click the Delete link located below the logo.

Note:

The maximum size for the image is 1024 x 1024 pixels. The maximum file size is 1MB, and supported image file types are *.png, *.jpg, *. Jpeg, *.gif, *.bmp.

Customize layout

Customize your signup form using design tools. You can change the font type, font color, or size.

Page

  • Background Color - Add color to the page's background to complement the rest of your page.

  • Font - Edit the font type and color.

  • Padding - Increase and decrease the space between the page border and content body by adjusting the pixel padding.

  • Background Image - Instead of a background color, you may choose to have a background image.

Heading

  • Background Color - Add a background color to the heading of your signup form.

  • Font - Edit the font style and color.

  • Padding - Increase and decrease the space between the page border and content body by adjusting the pixel padding.

  • Border - Add or remove a border, increase or decrease the border thickness, and customize the border as solid, dotted, or dashed.

Body

  • Background Color - Add a background color to the signup form body.

  • No Fill - If you don't want a background color, click the No Fill icon.

  • Padding - Increase and decrease the space between the page border and content body by adjusting the pixel padding.

  • Font - Edit the font type and color for the body text.

  • Border - Add or remove a border, increase or decrease the border thickness and customize the border as solid, dotted, or dashed.

Form

  • Field Color - Change the background color for your fields.
  • Field Title - Change the field title's font size, style, and color.
  • Field Text - Change the field text's font size, style, and color.
  • Field Border - Customize the border thickness, color, and style.
  • Required Text - This is the privacy policy at the foot of your signup form. You can decide the text color, font size, and style.

Button

  • Font - Edit the body text font type and color.
  • Border - Customize the border thickness, color, and style.
  • Border Radius - Change the button's area and corners.
  • Padding Right and Left - Increase and decrease the space on the sides of your button.
  • Padding Top and Bottom - Increase and decrease the space on top and bottom of your button.

Logo

Align the logo to the left, right, or center, as well as increase or decrease the logo size with the elements provided.

Add special elements

The Add Special Elements option is located below the Field Customization option. The following options are available:

Captchas are twisted words that block automated entries from spam-bots. Currently, Captcha is the best way to distinguish a human from a machine.

  • Privacy policy

    The privacy policy will be included by default. You can edit the message or remove the  privacy policy entirely.

  • Multiple list subscription

    Multiple list subscription lets subscribers join other mailing lists via the signup form you have created. All you have to do is just link the mailing lists in the signup form. Follow the below steps to do this. 

    1. Toggle the switch present at the top-left corner to Lists.
    2. Enable the option Multiple List Subscription under Add Special Elements.
    3. Drag and drop the desired mailing lists onto the form.
  • CAPTCHA

    Captchas are twisted words that block automated entries from spam-bots. Currently, Captcha is the best way to distinguish a human from a machine.

Note:

We recommend turning on the captcha feature to prevent spam-bots from filling out your signup form.

More options

Preview Form

  1. Click the Preview button located at the top of the customization page to see a preview of your signup form.

Change Template

  1. Click More in the top-right corner and select Change Template from the dropdown options.

Reset Form

  1. Click More and select Reset Form to reframe the form from the beginning. Doing this will cause you to lose any and all the saved edits to the form.
  2. Click Save and Proceed once you are done with the customization to continue to the next process.

Share this post : FacebookTwitter

Still can't find what you're looking for?

Write to us: support@zohocampaigns.com