SurgeWP can use screenshots as a reference to infer layout and content structure.
What screenshots are good for
- Capturing the overall layout pattern (hero, grid, pricing table, testimonial slider)
- Identifying repeated elements (cards, rows, tabs)
- Determining which parts should become fields (headings, CTAs, icons, labels)
What screenshots are not
They’re not a guarantee of pixel-perfect recreation. SurgeWP treats screenshots as:
- A reference for structure
- A hint for hierarchy
- A suggestion for layout
Best practices for screenshots
To get better results:
- Crop to the relevant section
- Include clear examples of repeated items
- Use high-resolution screenshots where possible
- Avoid screenshots full of animations or complex overlapping UI
- Include additional screenshots to show hover-states / active elements
Recommended approach
- Upload screenshot
- Prompt with structure + intent
Example
Use this screenshot as reference. Build an ACF block with a heading, intro, and a 6-item feature grid. Each feature has icon, title, and description. Ensure all elements are editable with ACF fields.
This hybrid approach gives the best outcomes.