Add and edit images in your forms

```mediawiki Navigation: Main_Page > Forms > Add and edit images in your forms

Add and Edit Images in Your Forms

ActiveCampaign allows users to enhance the visual appeal of their forms by adding images. This feature is useful for both engaging your audience and visually representing your brand. In this article, you will learn about the various ways to add and edit images in your forms, configure background images, and optimize your forms for better user interaction.

Introduction

Adding images to your forms is a highly effective way to improve user engagement and convey essential information visually. Whether you want to brand your forms or illustrate specific content, incorporating images can play a crucial role in influencing your audience's actions. This guide will cover how to add images to different form types, edit them after they’ve been added, and utilize background images effectively.

How to Access This Feature

To add and edit images within your forms, follow these steps:

1. Log into your ActiveCampaign account. 2. Navigate to the Website menu on the left-hand side. 3. Click on Forms to access the forms you have created or want to create.

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:

1. Click on Website > Forms in the left menu.
2. Select the form you wish to edit or create a new form.
3. Under the Fields tab, locate the Image field under the Standard section.
4. Drag the Image field to your form layout.
5. Click on the image field you just added to open the Content Manager.
6. 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:

1. From the Forms Overview page, click on the Edit design button for your chosen form.
2. Under the Style tab, select one of the three layouts that supports image display.
3. Click on the image field to open the Content Manager.
4. 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:

1. Click on the image within your form.
2. This opens the Content Manager. Hover over your selected image, and a toolbar will appear.
3. 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:

1. Click on Website > Forms on the left menu.
2. Select the Modal or Floating Box form you wish to edit.
3. Under the Style tab, click on the color picker next to the background option.
4. 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.

Configuration Options and Settings

Several settings and options allow you to customize how images appear in your forms. Key elements include:

- Image Field: Used to add images to inline forms. - Content Manager: Where you can select or upload new images. - Image Editor: Provides editing tools like crop and transform. - Background Options: Allows for background image URLs for Floating Box and Modal forms.

Best Practices and Tips

To optimize the use of images in your forms, consider the following tips:

- Ensure images are of high quality and relevant to your form content. - Use background images sparingly, as they can distract from the form’s primary purpose. - Test your forms to see how images load across different devices and screen sizes. - Keep image file sizes small to prevent slow loading times. - Consistently use brand colors and styles when adding images to enhance brand recognition.

Troubleshooting

If you encounter issues when adding or editing images:

- Ensure your image URLs are correct if using background images. - Check the format and file size of images if they do not upload correctly. - Make sure you are using the correct plan that supports the features you want to use (e.g., Floating Box and Modal forms require Plus plans or higher).

Related Features

- Forms: All details about creating and managing forms in ActiveCampaign. - Automation: Learn how to automate interactions with your forms. - Reports: Analyze form performance and engagement metrics.

FAQ

1. What plan do I need to use images in my forms?

Images can be added to inline forms on all plan tiers, whereas Floating Box and Modal forms require the Plus, Professional, or Enterprise plans.

2. Can I edit my image after adding it to the form?

Yes, you can use the Image Editor to make adjustments to the image without affecting the original file in the Content Manager.

3. How do I add a background image to my form?

Select a Modal or Floating Box form, then paste the URL of the image into the background options under the Style tab.

4. What types of forms support images?

Inline forms, Floating Boxes, and Modal forms support images, with specific layout requirements for the latter two.

5. Is there a limit on the number of images I can add?

You can add one image per Floating Box or Modal form, while inline forms allow for multiple images.

6. Can I use GIFs or videos in my forms?

Currently, only static images can be added to forms; animated GIFs and videos are not supported.

7. What if my image is not displaying properly?

Check the image format and file size. Ensure the image URL is correct for background images and verify you have selected a compatible layout.

This comprehensive guide provides all the necessary applications and troubleshooting steps to effectively utilize images within your ActiveCampaign forms. Enhance your user engagement and create visually appealing forms tailored to your audience's needs. ```