---
title: "Adding Images to concrete5 Pages"
description: "Now that you’ve learned how to use the page editor, it’s time to start adding images to concrete5 pages. While this process is relatively simple, it can be a bit confusing to sort through the..."
url: https://www.inmotionhosting.com/support/edu/software/concrete5/images-to-concrete5/
date: 2021-07-02
modified: 2021-08-16
author: "InMotion Hosting Contributor"
categories: ["Concrete5"]
type: post
lang: en
---

# Adding Images to concrete5 Pages

![adding images to concrete5 pages hero image](https://www.inmotionhosting.com/support/wp-content/uploads/2021/07/Technology-How-To-_-Solid-3-Jacksons-Purple-2-1024x538.png)

Now that you’ve learned how to use the page editor, it’s time to start adding images to concrete5 pages. While this process is relatively simple, it can be a bit confusing to sort through the various options and settings in the upload process. In this article we will outline the process for adding images to concrete5 pages.  

## Adding Images to concrete5 Pages

1. First, [log into your concrete5 account](https://www.inmotionhosting.com/support/edu/software/concrete5/log-into-concrete5/).
2. Next, access the concrete5 page editor.
3. On the page editor, click the **+** sign to open the block menu.
4. With the block menu open you can click and drag the image block to the desired area, or you can click on the blank desired area, select **Add Block** and then select the **Image** block from the block menu.
5. Adding the Image block to the page should then automatically open the add image menu. 
6. The add image menu has a number of settings available. Under the **Files** section, you can click **Choose Image** to upload an image. You can also click **Choose Image On-State** to set a hover image. The hover image is what is displayed when someone hovers their mouse over the image on the page.
7. Under the **HTML** section, you can add the image link via HTML. A drop-down menu offers a number of options. You can use an **external URL**, select a **page**, or **upload an image** directly. 
8. Next, you can enter the **alt text** for your image and set the **title** for the image. It is recommended to use alt text if you are trying to optimize your search engine rankings.
9. The last option is to **Resize Image**, which constrains the image size. This is used for creating hover images mainly. 
10. Once you’re ready to add the image, click the **Add** button to complete the process.

Congratulations, you now know how to add images to concrete5 pages!

Install WordPress, Drupal, and other programs in just a few clicks with [Softaculous Instant installer](https://www.inmotionhosting.com/support/product-guides/softaculous/).