Editing Add an Image block (section)

== Add an Image block to your ActiveCampaign page ==

In ActiveCampaign, adding an image to your pages can significantly enhance the visual appeal and user engagement of your content. The '''Image''' block allows you to seamlessly incorporate images into your pages, making them more captivating and informative for your audience. This feature is particularly crucial for marketing campaigns where visual content can significantly impact user retention and conversion rates.

=== Why It Matters ===
Images play a vital role in online marketing. They not only help in breaking up long texts but also serve to convey messages quickly and effectively. By utilizing the '''Image''' block, you can provide a more engaging experience for your site visitors which can lead to higher engagement rates. Additionally, images can aid in storytelling, making your communications more relatable and impactful.

=== How to Access This Feature ===
To access the '''Image''' block, you need to navigate to the page editor within your ActiveCampaign account. This feature is available for users on the Plus, Pro, and Enterprise plans. If your account was created after May 4, 2023, your images will be hosted in the Content Manager. You can find and manage your images by clicking on '''Website''' > '''Content'''.

=== Step-by-Step Instructions ===
To add an image to your page using the '''Image''' block, follow the steps below:

# From the page editor, drag the '''Image''' block from the right pane to your preferred location in the page layout.
# A modal window will open where you can select the image you wish to use. To do so:
   * Click on the image you want to use.
   * Click the '''Use Image''' button.
     
   If you need to upload a new image, click the '''Upload''' option in the modal window.
# Once your image is selected, it will be displayed in the block on the page editor. To proceed, click the block to access its styling and editing options.
# Adjust the settings as necessary, such as adding '''Alt Text''' or establishing a '''click action'''.
# When you complete your adjustments, click the '''checkmark''' button to save your changes.

=== Configuration Options and Settings ===
The '''Image''' block offers a range of configuration options for styling and interactivity. Key settings include:

* '''Width''': Set the width of your image in pixels (px) or percentage (%).
* '''Replace, Edit, and Alt Text''': Options to change or edit the image, as well as add alt text—essential for accessibility when images cannot be displayed.
* '''Image On Click''': Choose actions that should occur when the image is clicked, with options like '''Open Link''', '''Jump to Section''', '''Download File''', '''Print Image''', '''Call Phone''', or '''Send Email'''.
* '''Background''': Add backgrounds in various styles such as color, gradient, image, or video, with the ability to stack and reorder them.
* '''Inner Spacing''': Adjust the inner spacing using the provided slider or input field.
* '''Border''': Define border styles (solid, dashed, dotted) and colors for the image.
* '''Corners''': Modify the radius for the corners of the image.
* '''Drop Shadow''': Add shadows with customizable offsets and blur effects.
* '''Opacity''': Adjust the transparency level of the image, which defaults at 100% opacity.

=== Best Practices and Tips ===
When adding images to your pages, consider the following best practices:

* Optimize Image Sizes: Ensure that your images do not exceed 5 MB in size to maintain fast loading times.
* Use Alt Text: Always include '''Alt Text''' for your images to improve accessibility and SEO.
* Limit the Number of Images: While it is appealing to include multiple images, excessive use can lead to slow loading times. Consider your design layout and prioritize quality over quantity.
* Test Click Actions: If using the '''Image On Click''' feature, test to ensure the intended actions function as expected for users.

=== Common Use Cases with Examples ===
1. **Product Promotion**: Incorporate an image block to showcase a new product on a marketing landing page.
2. **Event Announcements**: Use an image block to highlight a specific event flyer or graphic to grab user attention.
3. **Testimonials**: Pair customer images with their testimonials using the '''Image''' block for added authenticity.

=== Troubleshooting Section ===
If you encounter issues with the '''Image''' block, consider the following:

* If the image does not upload: Check that the file format is supported (jpg, png, gif) and that it meets the size limit.
* If the image does not display: Ensure that you have added the '''Alt Text''' correctly and that your internet connection is stable.
* If the page loads slowly: Consider reducing the number of images or the image file sizes to enhance performance.

=== Related Features ===
To learn more about how to enhance your ActiveCampaign pages, check out other features like [[Pages]], [[Content Manager]], and [[Button Block]] for integrating various media types effectively.

=== FAQ Section ===
# '''What types of images can I use in the Image block?'''
  You can use images in jpg, png, and gif formats, with a maximum size of 5 MB.

# '''Can I add multiple image blocks to the same page?'''
  Yes, you can add as many '''Image''' blocks as you desire to your page layout.

# '''How do I edit an image after it's added?'''
  Click on the '''Image''' block in the page editor to open editing options for style, click actions, and more.

# '''What happens to my images if I created my account after May 4, 2023?'''
  Your images will be hosted in the '''Content Manager''', allowing you to manage them easily.

# '''Can I delete an Image block once it's added?'''
  Yes, you can delete any block by clicking it and selecting the trash icon in the top right corner.

# '''Is Alt Text really necessary for images?'''
  Yes, providing '''Alt Text''' is essential for improving accessibility for users using screen readers and can benefit SEO.

# '''What should I do if my Image block isn’t displaying correctly?'''
  Ensure that you are using supported file formats and that your internet connection is stable.

Utilizing the '''Image''' block effectively enhances your pages in ActiveCampaign, making them visually appealing and user-friendly. Follow the steps outlined in this guide to incorporate images seamlessly into your content.
```