Adding and editing form images

Images are a great way to add customization and branding to your form. They can be used on inline, floating box, and modal form types. Read more about Form Types here.

In this article:

Add an image to an inline form

You can add several images to your inline form. However, we recommend having no more than one image for each form.

  1. From the Forms Overview page, click the “Edit” button for the form you wish to add an image to.
  2. Click the "Standard" button located under the "Fields" tab.
  1. Click the "Image" field and drag it to your form.
  2. Click the image field in your form to open the Image Manager.
  1. Click the image you wish to display in your form. If you wish to use a new image, you can click "Add new image" to upload it to the Image Manager.

The image will display in your form:

Add an image to a floating box or modal form (Plus, Professional, and Enterprise plans)

The ability to add an image to a floating box or modal form type depends on the form layout you select. Not all layouts for these two form types are able to display images. In addition, there can only be one image per form.

  1. From the Forms Overview page, click the “Edit” button for the form you wish to add an image to.
  2. Under the "Style" tab, select a layout for your form that uses an image. There are three different layouts you can choose from that will display an image:
  1. Click the image field in your form. This will open the Image Manager.
  1. Click the image you wish to display in your form. If you wish to use a new image, you can click "Add new image" to upload it to the Image Manager.

Your image will be added to your form:

Edit an image in your form

After you add an image to your form, you can use the Image Editor to edit it. Editing the image in the form will not affect the original stored in the Image Editor.

  1. Click the image in your form.
  2. A modal toolbar will appear. Click the wand icon.

The Image Editor will load and you can begin customizing the image.

Click to expand all image editing options

Crop

This option lets you reframe an image by trimming or removing outside edges. This will change the image's aspect ratio. To crop an image, click Crop. Using your mouse, select the area you want to keep. Note that you can drag the corners and sides of your selection. When finished, click "Apply." All areas that were not included in the selection will be removed.

Flip

This option lets you flip the image either horizontally or vertically. To flip an image, click "Flip." To flip the image horizontally, click "Flip X." To flip an image vertically, click "Flip Y."

Rotate

This option lets you rotate the image clockwise or counter clockwise at 30° intervals. To rotate the image, click "Rotate" then click either rotate option. You can also use the slider to rotate the image.

Draw

This option lets you draw directly on the image using various colors and widths. You can also choose between "Free" draw and "Straight" draw or use both in conjunction with one another. To draw on an image, click "Draw" then select "Free" or "Straight," select your color, and select your width.

Shape

This option lets you place a shape over the image. You can choose from rectangle, circle, and triangle shapes. "Fill" lets you select a color to fill the image. "Stroke" let's you select a color for the shape's outline.  You can also use the slider to select the width of the stroke.

Text

This option lets you type text directly on the image. You can add different stylings to text, such as bold, italic, and, underline. You can align your text to the left, center, or right within the text block. Click "Color" to use different color options and use the slider to adjust the size of your text.  To add text to an image, click "Text." Click the styling options you wish to use and click the area where you want to add text. Add text to the text field. Note that you can use the corners and sides of the text field to resize and flip the text block. You can also adjust the placement of the text by dragging the text block.

Filter 

The option let's you apply different filters to your image. You can choose from the following options or use them in conjunction with one another:

  • Greyscale
  • Sepia
  • Blur
  • Emboss
  • Invert
  • Sharpen
  • Tint
  • Multiply
  • Blend

To add a filter/ to your image, click "Filter" then click the option you wish to use.

Undo changes

Clicking the "Undo" option will revert the last change you made to the image.

Redo changes

You can click "Redo" to reapply the change to your image that was removed with the "Undo" button.

Reset image

Clicking the "Reset" option will restore the image to its original version.

Have more questions? Submit a request