1. Knowledge Base
  2. >
  3. Adding Images in the Express Editor

Adding Images in the Express Editor

This content only applies to Gator Website Builder hosting plans which are accessible by going to app.gator.com.

For more articles, check out the HostGator Gator Website Builder category
or directly access the Gator Knowledge Base.

The saying goes that an image is worth a thousand words, and for telling your customers about your business, images provide a valuable message to anyone who visits your site.

We have a couple of ways to add images to customize your site via Uploads and URLs up to 20 MBs for ease.

Option 1: Upload Image

  1. To begin, launch your website editor by choosing Edit Site.
    builder-edit-wb
  2. Select an area with an image and choose the Picture icon in the toolbar that appears to open the Image Library.
    builder-edit-wb
  3. Under Images Library, click Upload Image. 
  4. In the new window that loads, you can drag image files from your computer into the area surrounded by the dotted line or select Browse Files to search for an image on your computer.

    Here is a quick walkthrough:

    builder-upload-image
  5. Once the image uploads, it will place the image into the area you have selected. Remember to Save and/or Publish your work to keep these changes.
    builder-upload-image-save

Option 2: URL

  1. Begin by launching your website editor by choosing Edit Site.
    builder-edit-wb
  2. Select an image area and choose the Image Library to open an image.
    builder-edit-wb
  3. Next, choose the Upload Image in the upper right corner.
    builder-edit-wb
  4. In the new window that loads, at the bottom below the text that reads Enter image link, you will paste a full Image URL that already exists on the web.
  5. Once the link is pasted, choose Save to the right of the URL.
    builder-upload-image
  6. Once the image link loads, it will place the image into the selected area. Remember to Save and/or Publish your work to keep these changes.
    builder-upload-image-save

Option 3: Stock Photos

  1. To begin, launch your website editor by choosing Edit Site.
    builder-edit-wb
  2. Select an area with an image and choose the Picture icon in the toolbar that appears to open the Image Library.
    builder-edit-wb
  3. Click the Search stock photos button in the upper right-hand corner of the Image Library.
  4. It will open a window that allows you to search stock photos, type in any keywords, scroll down to the images, and click on the thumbnail. Click the Use image button to save.

    Here is a quick walkthrough:

    builder-upload-image-stock-photos
  5. Once you're done, please don't forget to hit Save and/or Publish.