Blog Layout

How to Search for, Download, Rename, and Upload Stock Images to HWP

March 3, 2025

Overview

For these steps, assume you are building a residential general contractor website. You need to add stock images for the hero sections of the following pages:

  • Homepage (general home-related image)
  • Roofing page
  • Siding page
  • Gutter page

Additionally, the hero images from all core pages (roofing, siding, gutters) will also be displayed as the homepage copy block image.  These steps will guide you through finding, downloading, renaming, and uploading stock images to the website.

Step 1: Search and Download Stock Images

  1. Visit Hibu ResourceSpace.
  2. Use the search bar to find images for the first page topic (e.g., roofing).
  3. Select 5 to 10 images by checking the small box in the lower-left corner of each image.
  4. Click the "Actions" dropdown at the top of the page and select "Download."
  5. On the "Download collection as an archive" page, click the blue download button in the center.
  6. A pop-up will appear—click OK.
  7. Repeat steps 2-6 for each category (siding, gutters, windows, doors, outdoor patios).
  8. Once all selections are complete, go to the Messages section (click the person icon in the upper-right corner).
  9. Click the "Messages" tab and find the downloads listed.
  10. Click "Link" for each download to retrieve the ZIP files.
  11. Tip: After downloading, delete the messages containing download links to keep your workspace clean.

Step 2: Rename and Organize Images (QAF 624 Guidelines)

1. Locate the ZIP Folder

  • Open File Explorer (Win + E).
  • Navigate to Downloads (or the folder where the ZIP files were saved).

2. Rename the ZIP Folder (Optional for Organization)

  • Right-click the ZIP file.
  • Click Rename.
  • Name it according to the image category (e.g., Roofing Images.zip, Siding Images.zip).
  • Press Enter.

3. Extract the ZIP Folder

  • Right-click the ZIP file.
  • Click Extract All.
  • Choose a destination folder (default is the same location).
  • Click Extract.

4. Rename the Extracted Folder

  • If you didn’t rename the ZIP folder earlier, do it now.
  • Right-click the extracted folder.
  • Click Rename.
  • Enter the category name (e.g., Roofing Images, Siding Images).
  • Press Enter.

5. Follow the Official Naming Guidelines

6. Bulk Rename Images

  • Open the unzipped folder.
  • Select all images (Ctrl + A).
  • Press F2 (or right-click and select Rename).
  • Type the new name following the QAF 624 format.
  • Example: this-is-okay (1).jpg
  • Press Enter.
  • Windows will add a space before the number (e.g., this-is-okay (1).jpg), but HWP will automatically correct this upon upload.

Step 3: Upload Images to HWP

Open Media Manager

  • Log in to HWP.
  • Navigate to Content → Media Manager.

2. Create a New Folder

  • Click +Add Folder.
  • Enter the name of the folder matching your zip folder names (e.g., Gutters, Homes, Roofs, Siding).
  • Click OK or Save.

3. Upload Images

  • Open the newly created folder.
  • Drag and drop the images from your computer’s corresponding folder (e.g., Gutter images → Gutter folder in HWP).

4. Repeat for All Categories

  • Repeat Steps 2 and 3 until all images are uploaded.
By Hibu Sections March 6, 2025
Training Overview: Initial Build Setup vs. Editor 2.0 & Collection Site We're moving from the current initial build setup to a new approach with Editor 2.0 and the Collection Site . This transition is more than just switching editors—it changes how we structure content, manage data, and ensure consistency across sites.
By Ashley Simpson February 27, 2025
Website Page Counting Process It is important for all production teams to follow the same process when determining what pages on a client’s website are considered countable. This helps ensure that workloads and turn times are properly accounted for. Please note that “page count” as defined here is not the same thing as the page count that a client is allowed. There are several site pages that do not count against the client’s allotted page count, but we need to account for them in production as they take time and skill to create. To get an accurate Production page count, start with the following: Preliminary Review • Gather the site map, questionnaire, or any documentation indicating the intended structure of the website • Identify visible and hidden pages based on the provided documents Easy Way to See All Pages Select the Media Manager in the content library Click on All Alt Text Go to Page SEO Click on All Pages Scroll down to manually count the pages Note: You may have the occasional template page slip in, but this method reliably includes all the necessary pages without omitting any Categorizing Pages Service Pages: Count all service pages (e.g., individual services, home, about, contact, etc.) Include any services listed as part of the questionnaire FAQ and Blog Pages: Always count the FAQ and Blog pages, regardless of their visibility or creation status: o If they are visible or created, they count under standard pages o If they are not yet visible or created, they count under Hidden Pages Hidden Pages: Other than FAQ/Blog, include only pages intended for future use or required but not visible/created yet Exclude asset-only pages used for functionality (e.g., "First-Last," assistant banners, unused forms) DO NOT COUNT Third-Party Link Pages in the Navigation: Identify pages that link offsite (e.g., financing pages directing users to external platforms) Exclude these pages from the count as they do not require building
By Chris Stout February 21, 2025
Site Link Audit Tool HWP has a powerful new link-checking tool. This will automate and simplify the process of checking internal and external links on Hibu websites. The link checker is accessed by navigating to SEO and Settings > SEO > SEO Overview 
By Hibu Sections January 23, 2025
Guidelines for Using White and Black with Recent Colors When designing a site, it’s essential to make strategic use of theme colors for consistent, quick, and efficient design updates. To maximize the flexibility of your site's color palette, we recommend leveraging the locked Recent Colors pure white (#FFFFFF) and pure black (#000000) for foundational design elements, such as text, backgrounds, icons, and other structural components.
Show More →
Share by: