Add an Image block

``` Navigation: Main_Page > Pages > Add an Image block

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:

1. From the page editor, drag the Image block from the right pane to your preferred location in the page layout.
2. 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.

1. 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.
2. Adjust the settings as necessary, such as adding Alt Text or establishing a click action.
3. 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

1. 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.

1. 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.

1. 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.

1. 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.

1. 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.

1. 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.

1. 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. ```