Skip to content

View Screenshots

Menu Location: Tools > View Screenshots

Access Level: Kiva Admin only

Last Updated: 2026-03-01

Overview

The View Screenshots page displays automated screenshots of your website's key pages. Monitor visual appearance, detect layout issues, and verify website changes across different devices.

Primary Functions:

  • View automated screenshots of website pages
  • Compare desktop, tablet, and mobile views
  • Track visual changes over time
  • Identify layout or display issues
  • Verify website updates deployed correctly
  • Download screenshots for documentation

Page Layout

Header Section

  • Page title and description
  • Capture new screenshots button
  • Last capture timestamp
  • Screenshot schedule info

Grid layout displaying screenshots with:

  • Page name/URL
  • Screenshot thumbnail
  • Capture timestamp
  • Device type (Desktop/Tablet/Mobile)
  • View full size button
  • Download button

Filter Controls

  • Filter by page
  • Filter by device type
  • Sort by date
  • Search by URL

Screenshot Detail View

  • Full-size screenshot
  • Page URL
  • Capture date and time
  • Device/viewport size
  • Browser used for capture
  • Compare to previous screenshot option

Primary Features

Automated Captures

System automatically captures screenshots of key pages on schedule (daily or weekly depending on configuration).

Multi-Device Views

Screenshots captured at multiple viewport sizes to verify responsive design (Desktop 1920px, Tablet 768px, Mobile 375px).

Visual Comparison

Compare current screenshot to previous capture to spot changes, identify issues, or verify updates.

Historical Archive

Access historical screenshots to track website evolution and document changes over time.

Common Use Cases

Use Case 1: Verify Website Update

Goal: Confirm website changes deployed correctly

Steps:

  1. Make website changes
  2. Navigate to View Screenshots
  3. Click "Capture New Screenshots"
  4. Wait for captures to complete
  5. Review new screenshots
  6. Compare to previous version
  7. Verify changes appear correct
  8. Check all device views

Use Case 2: Troubleshoot Layout Issue

Goal: Investigate customer-reported display problem

Steps:

  1. Customer reports page looks broken
  2. Navigate to View Screenshots
  3. Filter to affected page
  4. Check all device views
  5. Identify which viewport has issue
  6. Compare to previous working screenshot
  7. Determine what changed
  8. Fix issue and recapture

Use Case 3: Mobile Responsive Check

Goal: Verify site displays correctly on mobile

Steps:

  1. Navigate to View Screenshots
  2. Filter device type: Mobile
  3. Review all key pages
  4. Check for:
    • Text readability
    • Button sizes adequate
    • Images sized properly
    • No horizontal scrolling
    • Navigation accessible
  5. Note any mobile-specific issues

Use Case 4: Document Website State

Goal: Create visual record for documentation

Steps:

  1. Navigate to View Screenshots
  2. Select pages to document
  3. Click "View Full Size" for each
  4. Click "Download" button
  5. Save screenshots to documentation folder
  6. Add to user guides or training materials

Use Case 5: Compare Before/After Changes

Goal: Show visual difference from website update

Steps:

  1. Capture screenshots before changes
  2. Make website updates
  3. Capture new screenshots after
  4. For each key page:
    • Open detail view
    • Click "Compare to Previous"
    • Review side-by-side comparison
  5. Document improvements
  6. Share with stakeholders

Troubleshooting

Screenshots Not Updating

Symptoms:

  • Last capture date is old
  • New screenshots not appearing
  • Capture button doesn't work

Check:

  1. Verify screenshot service is running
  2. Check last capture timestamp
  3. Click "Capture New Screenshots" manually
  4. Wait 5-10 minutes for completion
  5. Refresh page
  6. Contact Kiva admin if persistent

Screenshot Shows Error or Blank Page

Symptoms:

  • Screenshot is white/blank
  • Error message in screenshot
  • Page partially loaded

Investigation:

  1. Verify page URL is accessible
  2. Check if page requires login (screenshots use non-logged-in view)
  3. Check for JavaScript errors on page
  4. Verify page loads quickly (timeouts may occur)
  5. Try manual capture
  6. Check screenshot service logs

Screenshots Look Different Than Reality

Symptoms:

  • Screenshot doesn't match actual page
  • Outdated content shown
  • Missing elements

Possible Causes:

  1. Screenshot may be cached (check timestamp)
  2. Page may vary based on login state
  3. Dynamic content may differ at capture time
  4. Personalization not reflected
  5. A/B tests may show different version

Note: Screenshots use anonymous visitor view

  • Front Page - Edit homepage content
  • Media Library - Manage website images
  • News Items - Website content management
  • Business Settings - Website configuration

Best Practices

Regular Monitoring

  1. Review screenshots weekly
  2. Check after any website updates
  3. Verify all device views
  4. Compare to previous captures
  5. Document any issues found

Device Testing

  1. Always check desktop, tablet, and mobile
  2. Focus on most important pages first
  3. Test key customer journeys
  4. Verify responsive breakpoints
  5. Check touch targets on mobile

Documentation

  1. Capture screenshots before major updates
  2. Keep archive of important changes
  3. Use screenshots in training materials
  4. Document known issues with screenshots
  5. Share visual comparisons with team

Issue Detection

  1. Look for broken images
  2. Check text overlap or cutoff
  3. Verify button and form visibility
  4. Check color/branding consistency
  5. Test navigation accessibility

Quick Reference Card

Task Action/Location
View screenshots Navigate to View Screenshots page
Capture new Click "Capture New Screenshots"
View full size Click thumbnail or "View Full Size"
Download Click "Download" button
Filter pages Use page filter dropdown
Filter devices Use device type filter
Compare versions Detail view > "Compare to Previous"
Search pages Use search field

FAQs

How often are screenshots automatically captured?

Frequency depends on configuration (typically daily or weekly). Check header for schedule. Manual captures available anytime.

Can I capture screenshots of customer account pages?

No, screenshots use non-logged-in visitor view. Account pages requiring login aren't captured to protect privacy.

Why do screenshots show different content than I see?

Screenshots capture anonymous visitor view. Content may differ based on login state, personalization, or dynamic elements. Some features may be user-specific.

How long are screenshots kept?

Screenshots are retained based on storage limits (typically 30-90 days). Older screenshots archived or deleted. Download important screenshots for permanent records.

Can I capture screenshots of specific pages not in the list?

Standard screenshots cover key pages. For custom pages, contact Kiva admin to add to capture list or use manual screen capture tools.

Do screenshots show mobile apps or just website?

View Screenshots shows website only. Mobile app screenshots require separate app testing tools.

End of Documentation

For additional help, contact your system administrator or Kiva Logic support.