Overview
Skip Explorer v2 provides a user-friendly interface for visualizing cross-chain transactions and tracking their progress. This guide covers basic explorer usage and how integrators can leverage it to enhance their user experience.Basic Explorer Usage
Users can view transaction details by navigating to explorer.skip.build and entering:- Transaction Hash: Any transaction hash from a supported chain
- Chain ID: The chain where the transaction occurred
- Transaction status and progress
- Cross-chain hops and bridges used
- Asset transfers and swaps
- Real-time updates as transactions progress
Integration for Custom Frontends
If you’re building a custom frontend and want to provide users with rich transaction visualization, you can generate explorer links that include comprehensive route data.Basic Explorer Links
For simple transaction tracking, redirect users to the explorer with URL parameters:tx_hash
: Comma-separated list of transaction hasheschain_id
: The initial source chain IDis_testnet
: Optional boolean parameter for testnet transactions
Advanced Rich Data Integration
For a superior user experience with complete transaction context, encode your route data as base64 and pass it via thedata
parameter. This enables the explorer to display detailed multi-hop transaction flows, user addresses, and complete route information.
Example:
Required Data Structure
The base64-encoded data must contain a JSON object with this structure:Implementation
Benefits for Your Users
Basic Integration Benefits
- Quick Access: Users can easily view transaction details without leaving your app
- Multi-Chain Support: Works across all supported chains and bridges
- Real-time Updates: Live transaction status and progress tracking
Advanced Integration Benefits
- Complete Transaction Context: Users see the full route, not just individual transactions
- Multi-Hop Visualization: Clear view of complex transfers across chains and bridges
- Address Mapping: Explorer knows which addresses belong to the user
- Real-time Status: Current transaction state integrated with visual progress
- Shareable Links: Users can bookmark or share complete transaction context
Best Practices
When to Use Basic vs Advanced Integration
Use Basic Integration when:- You only have transaction hashes available
- Users initiated transactions outside your application
- You want minimal integration effort
- You have complete route information from Skip Go APIs
- Users initiated transactions through your application
- You want to provide the richest user experience
Common Use Cases
Transaction Confirmation Pages
After users submit a transaction, redirect them to the explorer with full context:Transaction History
Provide explorer links for each historical transaction:Support and Debugging
Help users troubleshoot failed transactions by providing detailed explorer views:Best Practice: Always use the advanced base64 approach when you have access to complete route information from your Skip Go integration. This provides the richest user experience in the explorer.