## Introduction
Obsidian Web Clipper is a powerful browser extension that seamlessly integrates with your Obsidian knowledge base. This free tool allows you to capture web content, highlight important passages, and save everything directly to your Obsidian vault as Markdown files.
## Official Resources (Verified Links)
- **Main Web Clipper Page**: [https://obsidian.md/clipper](https://obsidian.md/clipper)
- **Official Documentation**: [https://help.obsidian.md/web-clipper](https://help.obsidian.md/web-clipper)
- **GitHub Repository**: [https://github.com/obsidianmd/obsidian-clipper](https://github.com/obsidianmd/obsidian-clipper)
## Installation Guide
1. **Install Obsidian**: Download and install [Obsidian](https://obsidian.md/download) (free for personal use)
2. **Install the Browser Extension**:
- **Chrome**: [Chrome Web Store - Obsidian Web Clipper](https://chromewebstore.google.com/detail/obsidian-web-clipper/cnjifjpddelmedmihgijeibhnjfabmlf)
- **Firefox**: [Firefox Add-ons - Obsidian Web Clipper](https://addons.mozilla.org/en-US/firefox/addon/obsidian-web-clipper/)
- **Edge**: Available through the Chrome Web Store
- **Safari**: Not currently available
3. **Connect to Your Vault**:
- Click the Obsidian Web Clipper icon in your browser
- Follow the prompts to connect to your Obsidian vault
- Enable the Obsidian URI protocol if prompted
## Basic Usage
### Capturing Entire Pages
1. Navigate to any web page
2. Click the Obsidian Web Clipper icon in your browser
3. Select your destination vault and folder
4. Choose a template (or use the default)
5. Click "Clip" to save the page
### Highlighting Content
1. Select text on any web page
2. Right-click and choose "Clip to Obsidian" or use the keyboard shortcut
3. Your highlights will be preserved when you return to the page
### Using Templates
1. Access template settings via the extension options
2. Create custom templates for different types of content:
- Articles with citations
- Recipes with ingredients and steps
- Academic papers with code and math
- Custom templates for specific websites
## Advanced Features
### Keyboard Shortcuts
- Set up custom hotkeys for quick clipping
- Access through the extension options menu
### Auto-Template Rules
- Configure rules to automatically apply specific templates based on URL patterns
- Great for consistently formatting clips from your frequently visited sites
### Data Extraction
- Extract specific metadata using CSS selectors
- Capture Schema.org variables for structured data
- Pull specific elements from complex pages
### Template Customization
- Use powerful templating syntax to format your clips
- Learn more at [Obsidian Help - Web Clipper Templates](https://help.obsidian.md/Plugins/Web+Clipper)
## Troubleshooting
### Connection Issues
- Ensure Obsidian is running
- Check that the Obsidian URI protocol is enabled in Settings → General
- Restart your browser and Obsidian
### Missing Content
- Some websites block content scraping
- Try using the "Reader View" in your browser before clipping
- Experiment with different templates for better results
### Template Errors
- Check your template syntax for errors
- Refer to the [template documentation](https://help.obsidian.md/Plugins/Web+Clipper) for correct syntax
- Start with simple templates and gradually add complexity
## Community Resources
- **Obsidian Forum**: [Web Clipper Discussions](https://forum.obsidian.md/search?q=web%20clipper)
- **GitHub Issues**: [Report bugs or request features](https://github.com/obsidianmd/obsidian-web-clipper/issues)
---
## About This Documentation
This comprehensive guide was created through a conversation with Obsidian Copilot using Custom Anthropic Modeling. The documentation was compiled based on information from the official Obsidian Web Clipper resources, with links verified and organized to provide a complete reference for users looking to integrate web clipping into their Obsidian workflow.
The creation process involved:
1. An initial request for information about Obsidian Web Clipper
2. A subsequent request to format the information as an introduction
3. A request for documentation links for using Web Clipper with Obsidian for free
4. A final request to verify links and create this comprehensive guide
All information is current as of the documentation creation date and focuses specifically on the free aspects of using Obsidian Web Clipper.