Customizing Image Blocks in a Signup Form

read
Last updated at:

Overview

Images enhance the look of your signup forms and can encourage someone to purchase a product. Image blocks can include your logo or any other type of image you would like to use. In this article, we'll run through the different image block settings.

Like all of your communication, you want to use images to serve a purpose — they should enhance your form, not distract from your goal or detract from your design. For more about signup form design, check out our Guide to Optimizing Your Signup Form Experience.

Image Block Settings

You can drag an image block above, below, or next to any other element on the form. These images must be formatted as JPEG, PNG, or GIF files. It's important to remember that, like emails, the size of your file will correlate to the length of time it takes for the image to load in your form. If you use a large image file (e.g., long gifs, large photos), there may be some delay in your signup form loading properly.
To add an image to your form, you can insert an existing image from your library, upload a new one, or import one from a URL.

2020-04-14_13-10-57.gif

Once you select your image, you will be able to choose:

  • Alt Text
    The text that will display in place of the image in the unlikely event the image doesn't load.
  • Width
    The maximum width of your image.
  • Alignment
    Whether the image displays left, right, or centered on the form.
  • Image Click Action
    Specify what behavior you would like to happen when someone clicks on the image. Here, you can choose:
    • Do Nothing
    • Close Form
    • Submit Form
    • Go to URL

Additional Resources

x
Was this article helpful?
3 out of 7 found this helpful