Add images to your forms

With ActiveCampaign, you can customize your form by adding an image to it.  

In this article:

Take note

  • The following form types support images: Inline, Modal, Floating Box
  • The following form types support background images: Modal and Floating Box
  • Learn more about the types of forms you can create with ActiveCampaign

Add an image to an inline form

Inline forms are available on all ActiveCampaign plan tiers.

You can add an image to your inline form with the "Image" field. This option is located on the "Fields" tab of the form builder, under "Standard."

To add an image to your inline 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.
Standard fields tab on the inline form builder
  1. Click the "Image" field and drag it to your form.
  2. Click the image field in your form to open the Image Manager.
Empty image field in inline form
  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:

Image in inline form

Add an image to a floating box or modal form

Floating Box and Modal forms are available on the Plus, Professional, and Enterprise plan tiers.

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:
Form layout options with images
  1. Click the image field in your form. This will open the Image Manager.
Floating box form empty image
  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:

Floating box form with image

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.
Edit image option

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

Click to expand all image editing options

Crop

Crop the image

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

Flip the image

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

Rotate the image

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

Draw on the image

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

Add a shape over your image

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

Add text to the image

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 

Apply a filter to your image

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

Undo changes

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

Redo changes

Redo changes

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

Reset image

Reset image

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

Add a background image to your form

Floating Box and Modal forms are available on the Plus, Professional, and Enterprise plan tiers.

You can add a background image to any Modal or Floating Box form you create in ActiveCampaign. Note that with this option, you will need to use the URL of where the image is hosted in order to add it to your form.

1. From the Forms Overview page, click "Edit" for the Modal or Floating Box form you wish to add a background image to.

2. Under the "Style" tab, click the color picker.

Color picker

3. A small modal window will open. Type or paste the URL of the image you wish to add to the background of your form.

Image URL Field

The background image will be added to your form and the change will save automatically. Note that it's not possible to adjust or edit this image from the form builder.

Have more questions? Submit a request