Embeddable Portal
Let your customers manage their own webhook endpoints, view deliveries, and inspect payloads — embedded directly in your app.
What is the Embeddable Portal?
The embeddable portal is a white-labeled UI component that your customers can use to:
- Create & manage endpoints — Add their own webhook URLs
- View deliveries — See all webhook deliveries with status, timestamps, and payloads
- Inspect payloads — View request and response details for each attempt
- Rotate secrets — Manage their own signing secrets
- Replay failed webhooks — Re-queue deliveries that failed
How to Embed
Add the portal to your app with a single script tag or iframe:
Script Tag (Recommended)
<!-- Add to your app's HTML -->
<script src="https://cdn.hooksniff.com/portal.js"></script>
<script>
HookSniffPortal.init({
apiKey: 'hr_live_YOUR_CUSTOMER_KEY',
containerId: 'hooksniff-portal',
theme: 'light', // or 'dark'
});
</script>
<!-- Container element -->
<div id="hooksniff-portal"></div>Iframe
<iframe
src="https://portal.hooksniff.com/embed?key=hr_live_CUSTOMER_KEY&theme=light"
width="100%"
height="800"
frameborder="0"
style="border-radius: 12px; border: 1px solid #e5e7eb;"
></iframe>Customization
Match the portal to your brand:
HookSniffPortal.init({
apiKey: 'hr_live_YOUR_CUSTOMER_KEY',
containerId: 'hooksniff-portal',
theme: 'auto', // 'light', 'dark', or 'auto' (follows system)
branding: {
logo: 'https://yourapp.com/logo.svg',
primaryColor: '#6366f1',
companyName: 'Your Company',
},
features: {
createEndpoints: true, // Allow customers to create endpoints
rotateSecrets: true, // Allow secret rotation
replayDeliveries: true, // Allow replaying failed webhooks
viewPayloads: true, // Show full payload details
},
});Customer Self-Service
The portal enables customer self-service, reducing support burden:
- Zero support tickets — Customers can debug their own webhook issues
- Real-time visibility — See delivery status without contacting your team
- Secure access — Each customer only sees their own endpoints and deliveries
- API key scoping — Portal keys are scoped to the customer's resources