Editing Add images to your campaigns

```
'''Navigation:''' [[Main_Page]] > [[Campaigns]] > Add images to your campaigns

== Add Images to Your Campaigns ==

Adding images to your direct and automated campaigns in ActiveCampaign is an essential feature that helps you build your brand and engage your subscribers. Images can be used for various purposes, such as advertising a service, selling a product, or creating a compelling call to action. By effectively incorporating visuals into your emails, you can enhance the overall appeal of your messages and improve audience interaction.

== How to Access This Feature ==

To begin adding images to your campaigns, follow these steps:

1. Log into your ActiveCampaign account.
2. Open the template or campaign you wish to modify.
3. Navigate to the '''Email Designer'''.

From here, you can start incorporating images into your campaign layout.

== Step-by-Step Instructions ==

=== Using the Email Designer (Launched in 2022) ===

1. Open the template or campaign you wish to modify.
2. Go to the '''Email Designer'''.
3. Drag the '''Image''' block to your campaign layout.
4. Click the '''Image''' block to select it.
5. A modal window will appear. Hover over the image you want to use, then click '''Select Image'''. Alternatively, you can click the '''Add file''' button to upload an image from your device.

The selected image will be added to your campaign.

=== Using the Classic Email Designer ===

1. Open the template or campaign you want to modify.
2. Go to the '''Email Designer'''.
3. Drag the '''Image''' block to your campaign layout.
4. Click the '''Image''' block.
5. A modal toolbar will appear. Click the '''Image icon'''.
6. A modal window will appear. Hover over the image you want to use, then click '''Select Image'''. Alternatively, you can click the '''Add file''' button to upload an image.

The selected image will be incorporated into your campaign.

=== Swapping Out an Image ===

If you need to replace an existing image:

==== In the Email Designer (Launched in 2022) ====

1. Open the template or campaign you want to modify.
2. Go to the '''Email Designer'''.
3. Click the image you'd like to change.
4. In the right pane, click the '''Change Image''' button, located next to the thumbnail version of your image.
5. A modal window will appear. Hover over the new image you wish to use, then click the '''Select image''' button.

The new image will replace the old one in your campaign.

==== In the Classic Designer ====

1. Open the template or campaign you want to modify.
2. Go to the '''Email Designer'''.
3. Click the image you wish to change.
4. A modal toolbar will appear. Click the '''Image icon'''.
5. A modal window will appear. Hover your mouse over the image you wish to use, then click the '''Select image''' button.

Your selected image will now replace the existing image.

=== Adding an Image to a Text Block ===

This method is only supported by the Classic Designer and may not display correctly on mobile devices.

1. Drag the '''Text''' block to your campaign layout.
2. Click the '''Text''' block.
3. A modal toolbar will appear. Click the '''Image icon'''.
4. A modal window will appear. Hover over the image you want to use, then click '''Select Image'''.

The chosen image will be added to the '''Text''' block and will initially appear in the top left corner of the block. 

To align the image to the right:

1. Click the image.
2. A modal toolbar will appear. Click the '''Align right''' option.

The image will move to the right side of the '''Text''' block.

=== Resizing an Image in a Campaign ===

Once you have added an image to your campaign, resizing it is simple.

==== In the Email Designer (Launched in 2022) ====

1. From the '''Email Designer''', click the image you want to resize.
2. The right pane will display options to resize the image. Use these options to modify your image.

The changes will save automatically and be reflected in the '''Image''' block.

==== In the Classic Email Designer ====

1. From the '''Email Designer''', click the image you want to resize.
2. Click the two-directional arrow on the lower right of the image and drag it to your desired size.

== Configuration Options and Settings ==

When adding images to your campaigns, there are several important configuration options to keep in mind:

* Use the '''Image block''' instead of adding images within text blocks to ensure better compatibility across email clients.
* Add '''Alt text''' to your images to describe them for recipients with images blocked in their inbox.
* Ensure you have images sized appropriately to avoid distortion across various devices.

== Best Practices for Adding Images to Your Emails ==

To optimize your email performance and visual appeal, consider these best practices:

1. **Image Width**: Keep images between 400 and 650 pixels wide for optimal display on both mobile and Outlook clients. Images wider than 1000 pixels may not scale properly.
   
2. **Break Tall Images**: Divide tall images into smaller pieces to ensure they load quickly and retain quality.
   
3. **Insert Exact Size**: Always insert your images at the exact size you want to avoid distortion.
   
4. **Use Image Blocks**: Always use image blocks for inserting images instead of text blocks, as text won't wrap correctly on mobile devices.
   
5. **Avoid Text in Images**: If images are blocked, subscribers will not see any text contained in them.
   
6. **Use the '''Social Links''' block**: For adding social media icons to campaigns to ensure they display correctly without distortion.
   
7. **Add Alt text**: Use brief descriptions for images to provide context if images are blocked by email clients.

== Common Use Cases with Examples ==

Adding images can enhance various elements of your campaigns:

* **Product Advertisements**: Use images to showcase your products, enhancing visual appeal and potentially increasing sales.
* **Call to Action**: Add images that encourage recipients to click on links or buttons, effectively guiding them toward desired actions.
* **Event Promotions**: Promotion of events can be visually enhanced through imagery, attracting more attention and engagement.

== Troubleshooting ==

If you encounter any issues while adding images:

* Ensure that the images you are uploading meet format requirements.
* Check that the images are not excessively large to avoid loading problems.
* If your images do not display correctly, verify you have added the Alt text and selected the right image size.

== FAQ ==

'''Q1: What file formats are supported for images in ActiveCampaign?'''  
A: ActiveCampaign supports common formats such as JPG, PNG, and GIF.

'''Q2: Can I add multiple images to a single email?'''  
A: Yes, you can add multiple images by using multiple '''Image blocks''' or by repeating steps within the same campaign.

'''Q3: Will images added to my campaign automatically compress?'''  
A: Yes, ActiveCampaign will compress images to ensure deliverability, but it's essential to optimize them beforehand.

'''Q4: How can I prevent images from being blocked by email clients?'''  
A: Always use '''Alt text''' for images, and avoid important information being embedded within the images.

'''Q5: What if my images appear too large in mobile views?'''  
A: Ensure your images are sized appropriately between 400 and 650 pixels wide, and use '''Image blocks''' for better responsiveness.

'''Q6: Can I insert hyperlinks into images?'''  
A: Yes, you can add links to images by selecting the image and entering the URL in the designated field within the email design tools.

'''Q7: How do I check if my images are displaying correctly before sending?'''  
A: Utilize the preview feature in the email designer to view how your images and content will appear to recipients.

For further assistance, please refer back to the [[Campaigns]] category for related features and guidance.
```