---
title: Image Block Widget
description: Image Block Widget
---

[Community ](https://41730169.hs-sites.com/community)

# [Image Block Widget](https://41730169.hs-sites.com/community/image-block-widget)

 Written by [Tyler Shuck](https://41730169.hs-sites.com/community/author/tyler-shuck) | Sep 24, 2025 6:52:43 PM

## Purpose

A powerful and versatile widget that allows you to select or upload images on the front end, caption the image and edit the content placement on the page. 

## Features

- Provides ability for inline editing within the Experience Builder
- Allows ability to insert images from image gallery 
- Allows ability to edit existing images or select new images 
- Allows ability to add a caption to the image
- Allows ability to define image alignment on the page
- Allows ability to define the css class and alternative text for image

## Details

- **Widget Name: **ImageBlockWidget 
- **Available With:  **Release 5.5 and Above
- **Content App Type:  **File
- **Content Type:**  N/A
- **Content App Name:  **N/A
- **List Name****: **Images_AK
- **Recommended Images Sizes: **N/A although images should be optimized for the web
- **Dependencies:  ** N/A 

## Content

N/A

## Properties

| Widget Framework | Determines the type of framework the widget provides. Value = react |
| --- | --- |
| Alt Text | Alternative text to be applied to the image |
| Css Class | Custom classes to be applied to the image block if required. Multiple classes should be separated by a space. |
| Image Alignment | Determines the alignment of the image to be left, right or center Example {"left":false,"right":true, "center";false} |
| Caption | Optional caption text to be included with the image. |
| Image Url | The path of the image to be rendered. |

## Views

**View Name: ** Image Block Widget **View Description: **Ability to select or upload an image, add a caption and define image alignment on the page **View ****Preview****:** ** **

[View full post](https://41730169.hs-sites.com/community/image-block-widget)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Tyler Shuck"
  },
  "dateModified" : "2025-09-24T18:52:43.699Z",
  "datePublished" : "2025-09-24T18:52:43Z",
  "headline" : "Image Block Widget",
  "image" : {
    "@type" : "ImageObject",
    "height" : 325,
    "url" : "https://www.akumina.com/download_file/view_inline/3816",
    "width" : 1024
  },
  "mainEntityOfPage" : "https://41730169.hs-sites.com/community/image-block-widget",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Community"
  }
}
```