Product media placeholder
Replace this area with a screenshot or short walkthrough video during the media sweep.
Placeholder media lets a page move through structure and copy review before final screenshots, videos, or brand assets are ready. Mark placeholders clearly so they do not ship by accident.
What this guide helps you do
- Add temporary image or video placeholders to page drafts.
- Document what final media should replace each placeholder.
- Review placeholders before publishing.
Before you start
- Know what each image or video needs to show.
- Decide whether the placeholder is for layout only or for a future screenshot, product image, testimonial, or walkthrough.
- Avoid using private screenshots or customer data as placeholders.
Do it manually
- Open the page draft in Website.
- Add a neutral image or video placeholder where media belongs.
- Add short internal notes or alt text that describe the final asset needed.
- Keep the placeholder dimensions close to the final expected media.
- Preview the page on desktop and mobile.
- Replace or approve placeholders before final publishing.
Ask Faster AI
- Add placeholder media notes to this page and list the final screenshots or videos we need.
- Review this draft and find every placeholder image or video that must be replaced before launch.
- Suggest where a short walkthrough video would help customers understand this page.
Review before saving or publishing
- Do not publish placeholder screenshots that contain real customer data.
- Check that placeholder labels are not visible to customers unless intentionally designed that way.
- Confirm final media has appropriate rights and brand approval.
Common issues and fixes
- If a placeholder stretches the layout, set a stable aspect ratio or use a closer-size placeholder.
- If final media is delayed, decide whether the page can publish without it.
- If AI adds too many placeholders, ask for only the most important media moments.
Service website page structure
For deciding which service pages need real screenshots, team photos, proof, or temporary placeholders first, read the service website page structure article. The 6 Pages Every Service Business Website Needs.
Product page conversion
For where placeholders can help product-page layout review and where final images are needed before sending traffic, read the product pages article. Product Pages That Sell: Images, Inventory, and Trust.
Website launch checklist
For deciding which placeholders can stay during draft review and which media must be final before launch, read the website launch checklist. The Website Launch Checklist: From Blank Page to Live in a Day.
One media library for every asset
For how placeholders keep page work moving while final media is still being created, read the Media Library article. The New Media Library: One Home for Every Asset.
Describe website changes to AI
For how placeholder media keeps AI-prepared website drafts moving while final screenshots, photos, or recordings are still pending, read the website AI article. Ask, Don't Click: Updating Your Website by Describing the Change.
Portfolio sites that win clients
For why portfolio pages should use disciplined, replaceable media placeholders until final creative assets are ready, read the portfolio site article. Portfolio Sites for Creatives: Show the Work, Win the Client.
Website speed that visitors feel
For why placeholder and final media should preserve dimensions so the page does not jump while loading, read the website performance article. Why Your Website Feels Slow (and the Fixes That Matter).
Connected workflows
- Create a lead capture form
- Connect trackers to pages, forms, and campaigns
- Add motion to a page
- Review and approve AI page changes
Placeholder media
- Screenshot placeholder: add an annotated screenshot of add placeholder media to a page with customer names, email addresses, private domains, DNS values, amounts, internal notes, and unpublished content blurred.
- Video placeholder: add a short walkthrough that starts from the relevant Faster workspace area, shows the manual path, then shows how to ask Faster AI and review the result before saving, publishing, sending, or applying work.