Adding Images to Pages and Posts

This tutorial uses the Classic Editor to add images. If you are seeing a different view, you’re likely using the new Visual Editor. Check out this tutorial to add images using the new Visual Editor.

In this tutorial, we are going to show you how to add and change the images on your pages and posts! Changing and adding images is one of the first things you’ll probably do to your Carrot site. As you go through swapping out the stock images with local ones, you’ll want to also add in some alt text and captions to help boost your SEO!

There are several reasons swapping out the default images is beneficial for you. Some of the benefits are:

  • Builds credibility by localizing your site
  • Boosts your SEO by adding keyword-rich alt text to your images
  • Helps differentiate your site from other sites by having different images

Let’s get started!

Step 1: Click to set the location on the page to add your image

*You’ll want to make sure you start on the content editor of the page where you want to add the image. 

Step 2: Click “Add Media”.

Step 3: Click on “Select Files” and select your file.

Step 4: Personalize your image and insert it.

We recommend giving this a title, caption (captions show below the image when on the site), and adding keyword rich Alt text and Descriptions for SEO purposes. If you’d like to resize the image before inserting, click “Edit Image” and an editor will appear where you can  crop, rotate, and resize the image.

*Make sure that the image you want to upload is highlighted and has a checkmark next to it so you can insert this into the content of your site (Pictured above).

Step 5: Align the image

By default, every image inserted onto your site will not be aligned. Aligning the image allows the text to surround the image for readability purposes. No alignment means the text will not surround the image and the image will always remain floating to the left.

You can change the alignment of the image by clicking on the image and choosing any of the options with the lines and boxes. The far left lines are to align the image to the left, the second is for centering the image, third is to align right, and the fourth is no alignment (it’s on its own line). When you choose to align to the right or left, the text will surround your image for cleaner formatting. This is especially helpful if you are using a smaller image. Larger images that take the width of the screen are best-aligned to the center.

*You can also delete images this way by clicking on the x button at the end of the alignment bar. Clicking on the pencil icon will bring up the editor for the image. You can change your caption and alt text here, among other things.

Step 6: Update and Save Your Changes

Click update and you’re done πŸ™‚

You have just added your image!