Editing Add and edit images in your forms (section)

== Step-by-Step Instructions ==

=== Adding an Image to an Inline Form ===

An inline form allows you to add images easily, and it is available on all ActiveCampaign plan tiers. Here’s how to do it:

# Click on '''Website''' > '''Forms''' in the left menu.
# Select the form you wish to edit or create a new form.
# Under the '''Fields''' tab, locate the '''Image''' field under the '''Standard''' section.
# Drag the '''Image''' field to your form layout.
# Click on the image field you just added to open the Content Manager.
# Choose an image to display from your Content Manager, or click '''Add file''' to upload a new image.

Your image will now be visible in your inline form.

=== Adding an Image to a Floating Box or Modal Form ===

For the Floating Box and Modal forms, which are available on the Plus, Professional, and Enterprise plan tiers, adding images requires selecting an appropriate layout. Follow these steps:

# From the Forms Overview page, click on the '''Edit design''' button for your chosen form.
# Under the '''Style''' tab, select one of the three layouts that supports image display.
# Click on the image field to open the Content Manager.
# Select the image you wish to display or use '''Add file''' to upload a new image.

Your image will be displayed in your chosen form after following these steps.

=== Editing an Image in Your Form ===

To make adjustments to images already added to your forms:

# Click on the image within your form.
# This opens the Content Manager. Hover over your selected image, and a toolbar will appear.
# Click the pencil icon to launch the '''Image Editor'''.

The Image Editor provides multiple customization options:

- '''Crop''': Select the area of the image you wish to keep.
- '''Transform''': Flip the image horizontally or vertically.
- '''Text''': Add stylized text directly onto the image.
- '''Line''': Draw on the image using different colors and line types.
- '''Shape''': Overlay shapes such as rectangles or circles on the image.
- '''Undo/Redo''': Revert recent changes or restore them.
- '''Reset edits''': Restore the image to its original state.

=== Adding a Background Image to Your Form ===

You can also add a background image to your Modal or Floating Box forms. Here’s how:

# Click on '''Website''' > '''Forms''' on the left menu.
# Select the Modal or Floating Box form you wish to edit.
# Under the '''Style''' tab, click on the color picker next to the background option.
# In the dialog that appears, click the image icon and paste the URL of your desired image.

The background image will save automatically and enhance the visual appeal of your form. Note that you cannot edit the background image from the form builder.