Help4 Builder AI Image Prompts
Hero prompt
Homepage hero background
Create a 16:9 website hero image for a [business type] serving [audience]. Keep the left third clean for headline text, use [brand colors], show [real outcome], avoid logos, avoid tiny text, and make it polished but not stock-like.
Service prompt
Proof image for a service page
Create a realistic image showing [service outcome] for [customer type]. The image should feel trustworthy, local, and practical. Leave room for a short overlay caption. Avoid exaggerated claims or fake badges.
Commerce prompt
Product or package scene
Create a clean product scene for [product/package]. Show the item or service context clearly, use a neutral background, leave space for price or CTA copy, and avoid brand names unless they are owned by the site.
Tutorial prompt
Help article visual
Create a simple tutorial image explaining [task]. Use numbered visual steps, high contrast, no tiny UI text, no fake login details, and enough spacing to remain readable on mobile.
Social prompt
Social preview image
Create a square social preview for [page/post]. Use a strong central subject, no more than three short words if text is needed, and keep the composition readable at thumbnail size.
Portfolio prompt
Recent-work visual
Create a clean portfolio card image for a website build in [industry]. Show a browser-window style composition with no real third-party logos, clear layout structure, and space for the project name.
After generation
Make the image work inside WordPress.
Generated images still need normal publishing care before they belong on a customer site.
Upload and label
Use the media library, write useful alt text, and keep filenames human-readable.
Crop for the section
Check the same image at desktop, tablet, and mobile so important subjects are not clipped.
Pair with Builder assets
Use the 230 default SVG icons, SiteShot screenshots, and starter templates to finish the section.
Icon library
230 bundled SVG icons
Search by job, copy the slug, and use the icon in cards, process steps, support sections, commerce blocks, and AI image planning pages.
Template library
Start from the page job
Pick the closest starter spec first, then generate or upload images that support that page goal.
SiteShot
Use real screenshots when available
For recent work and launch proof, use SiteShot for real public website screenshots instead of mockups.