SnapHook

About

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.