Zipy
  • Welcome to Zipy ai
  • Getting Started
    • Install Zipy
    • Installing with Google Tag Manager
    • Supported frameworks
    • Security Overview
    • Sensitive User Data
    • SOC2 Type II
  • Zipy For Mobile
    • React Native Setup
      • Install React Native
      • Input Masking
      • Session Replay
      • Screen Transition Capture
      • Gesture Capturing
      • Unhandled Exception Capture
      • Custom Logging
      • Fetch and XHR Network Calls
      • Profiling
      • Device Information Capture
      • Session URL Retrieval
      • Identify Users
      • Firebase Integration
    • Flutter Setup
      • Install Flutter
      • Session Replay
      • Input Masking & Custom Masking
      • Screen Transition Capture
      • Gesture Capturing
      • Unhandled Exception Capture
      • Custom Logging
      • Http Network Calls
      • Dio Network Calls
      • Profiling
      • Device Information Capture
      • Session URL Retrieval
      • Identify Users
      • Firebase Integration
      • Session Recording Control
      • Data Sanitization
  • iOS Setup
    • Install in an iOS app
    • Identify Users
    • Screen Tracking & Tagging
    • Custom Logging
    • Session URL Retrieval
    • Session Recording Control
    • Input Masking & Custom Masking
  • Chrome Extension
    • Zipy Plug and Play Support
  • Configure
    • Zipy Recording Control
    • Release Version
    • Identifying Users
    • Adding Custom Identifiers
    • Anonymize Users
    • Source Maps
    • Blocking PII data
    • Ignoring Errors/Noise
    • npm Update
    • Support Integration
    • Session Stitching (rootDomain)
  • Product Features
    • Custom Events
    • Session Replay
    • Errors
    • Analytics
    • Time Filters
    • Multiple Filters
    • Clicked Element Filters
    • Manage Teams
    • Stack Trace
    • Console Logs
    • Network Requests
    • Network Headers and Payload
    • Custom Logs
    • Live Users
    • Alerts
      • Slack Alerts
      • Email Alerts
      • Live Alerts
    • Auto Resolve Errors
    • Zipy Labels Plugin
    • iFrame Support
    • API Performance
    • Heatmaps
    • Page Performance
    • Seen/Unseen Sessions
  • FAQs
    • Install Zipy
    • Session Replay Definition
    • Error Tracking
    • Error Classification
    • Environment Support
    • Impact on your App
    • Performance Impact
    • Mobile Support
    • Network Data Capture
    • API Performance Diagnostic Help
      • High DNS Time
      • High SSL Connection Time
      • High Connection Setup Time
      • Large API Response Size
      • High Response Time
      • Compression Not Enabled
      • Server side API Failures
      • Client side API Failures
      • Insecure Connections
  • Troubleshooting
    • Errors in npm
    • Network header missing in Zipy
    • Can't see user data in sessions
    • No recordings or errors visible
    • No network timing split available
  • Product Videos
    • Ask AI
    • Getting Started
    • Session Replay
    • Multiple Project Creation
    • Team Management
    • Alerting on Slack
    • Time Filters and Daily Alerts
    • Custom Identifiers
    • Ignore Errors
    • Identify Users
    • Dashboard
    • Resolve Errors
    • New Error Digest
    • Jira and Slack
    • Online/Offline Network Status
    • Zipy on Zipy
      • Zipy Product Roadmap
  • Whats new
    • Product Updates
  • Legal & Policy
    • Terms of Service
    • Privacy Policy
    • Fulfillment Policy
    • Cookie Policy
    • Acceptable Usage Policy
    • Zipy Sub Processor List
  • Integration
    • Azure DevOps
    • Factors
    • RB2B
    • Webflow
    • WordPress
    • Amplitude
    • Coralogix
    • DevRev
    • Drift
    • Errorception
    • Freshchat
    • Google Analytics
    • Heap
    • HelpScout
    • Honeybadger
    • Hubspot
    • Intercom
    • Mixpanel
    • New Relic
    • Pendo
    • Raygun
    • Rollbar
    • Segment
    • Sentry
    • Shopify
    • Sumo Logic
    • TrackJS
    • Zendesk
Powered by GitBook
On this page
  • Getting Started
  • Recording sessions
  • Uploading the sessions to Zipy
  • Zipy AI Resolve
  • Trouble shooting & Constraints
  1. Chrome Extension

Zipy Plug and Play Support

A chrome browser extension to record and replay sessions and errors

PreviousInput Masking & Custom MaskingNextZipy Recording Control

Last updated 10 months ago

Zipy plug and play chrome extension allows you to record the sessions seamlessly across any websites. Recorded sessions can be replayed instantly. Along with the recorded sessions, you can see the details of the networks calls, console logs, stack traces and user environment details. Integrated with platform, Zipy plug and play introduces AI Resolve feature, that suggests fixes for all the frontend and java script errors in your web application

Zipy plug and play is very useful for web development teams, where your customers can report their issues by recording and sharing their sessions with the support teams. Even QA, dog fooding, field testing, and other non-technical teams can easily record problematic sessions and share them with their engineering teams. No time gets wasted on issue reproduction or issue understanding. Engineering teams can use the Zipy AI Resolve feature to identify the right fixes quickly which in turn expedates the bug fix turn around time.

Getting Started

Install the Zipy plug and play from the . Once installed, you can add the extension to your toolbar for quick access. You can read this to learn more about installing the extension.

Recording sessions

When you click the extension for the first time, the extension asks you to identify yourself with a google account. Once you identify with your google account, you are ready to record your sessions on any website. Open any website on your browser and record the session by clicking the extension. Upon clicking the extension, the chrome extension shows record the current tab button. Click this button to record the session of the current tab. When the session gets recorded, you will see a snack bar indicating the page being recorded

Recording can be stopped by clicking the red button on the snack bar and the recorded session opens automatically in another tab for you to view the recorded session.

In the recorded session, the left tab captures the breadcrumbs and user environment details. Devtools captures the console/network logs and stack traces. You can upload the sessions to zipy by clicking upload to zipy button. Clicking this button will ask you to sign up (new users) or sign in(existing users). Note that the recorded sessions will be accessible to you until the site and the tab in which you recorded are active. If you close the tab or if you visit some other website in that tab, the sessions are not accessible.

Uploading the sessions to Zipy

Uploading your sessions to Zipy will enable you to share these sessions to others. Uploading the sessions to Zipy allows you to store all the sessions recorded using the plugin, reporting the error sessions on Jira, uploading the source maps to get more precise suggestions for errors reported, inviting others to view these sessions, just to name a few.

Zipy AI Resolve

Trouble shooting & Constraints

Zipy plug and play extension throws up the below message whenever the extension is reloaded or the page in which you are triggering a record is downloaded before the extension is installed. Reloading the page again will ensure that you can record the session

Zipy plug and play extension shall stop the session recording if you navigate from one domain into a different domain on the same tab. Refresh page and restart the recording

Zipy plug and play extension shall record the sessions for a maximum of 5 mins.

Zipy plug and play shall not record the videos present inside any website

Zipy plug and play supports AI Resolve feature powered by , that suggests fixes for all the frontend and java script errors in your web application. Note that to get a more precise suggestion of the fix, you need to provide the source map to Zipy. Accessing the source code would help Zipy AI Resolve feature to provide more accurate fixes. You can read this related documentation to understand on how to upload the source maps

OpenAI
source map
OpenAI
chrome web store
guide
Zipy plug and play pinned to browser tool bar
Zipy plug and play screen recording snack bar
Zipy plug and play recorded session
Plug and Play sessions uploaded to Zipy
Page refresh message