SnapHook

Dynamically inject contextual action buttons onto any website. Define URL patterns with regex to trigger a webhook, which returns custom actions based on page data. The ultimate tool for developers integrating web services. Stop juggling tabs and manually looking up information in your internal tools. SnapHook is a powerful workflow-integration extension that brings your essential actions directly to the websites you use every day. SnapHook allows you to create rules that watch for specific URL patterns. When you visit a matching page, it securely sends page data (like the title and URL) to a webhook you control. In response, your webhook can send back a list of custom action buttons that appear in an unobtrusive overlay on the page, turning any website into a context-aware dashboard for your services. Who is this for? Developers & DevOps: Instantly link a GitHub PR to your project board, open a production log viewer from an alert page, or trigger a build directly from a feature branch URL. System Administrators: Create buttons on a user's profile page in one service to open their account in another admin panel. Sales & Support Teams: When viewing a customer's record in your CRM, display buttons to open their profile in Stripe, Zendesk, or your billing system. Automation Power Users: Connect websites to Zapier or Make/Integromat to trigger complex workflows with a single click on a context-aware button. Key Features: Create Powerful Contextual Rules: Define rules with a name, one or more URL patterns using Regular Expressions (regex), and a target webhook URL. Trigger Webhooks with Page Data: When a URL matches, SnapHook sends a POST request containing the page's title, URL, and meta tags to your endpoint. Display Dynamic Action Buttons: Your webhook's JSON response can generate a list of buttons directly on the page, each linking to a specific URL. The UI only appears when there are actions available. Seamless SPA Support: SnapHook correctly detects URL changes in Single-Page Applications (SPAs), ensuring your rules work everywhere. Simple & Secure Management: All your configurations are managed through a clean popup interface and stored securely in your local browser storage. Track Your Usage: See how often your custom actions are being used with a built-in click counter for each configuration. How It Works: Define a Rule: Open the SnapHook popup and create a rule. For example, for all URLs matching https://github.com/my-org/my-repo/pull/\d+, send a request to your custom API. Visit a Page: Navigate to a GitHub pull request page that matches the rule. Act: SnapHook's UI appears with the buttons returned by your API (e.g., "View in Jira," "Deploy to Staging"). Click a button to open the link and complete your action. Your webhook should return a simple JSON array to generate buttons: [ {"ButtonName": "View in Jira", "url": "https://my-jira/ticket-123"}, {"ButtonName": "Deploy to Staging", "url": "https://my-api/deploy/456"} ] Stop copy-pasting and start integrating. Install SnapHook and build the connected browsing experience you've always wanted.