Connect with Webflow
Capture leads from a custom Webflow form or Embed component.
Requirements
Create or embed a form element with named fields inside Webflow. Copy its public form key from Panther Hook Form Setup.
Public browser integration uses POST /f/:publicKey and does not need a secret token.
Configure and test
Step 1: Copy credentials or form key
Copy the public form key from Form Setup and ensure your site’s hostname is permitted by form origin settings.
Step 2: Add the request
Webflow may intercept native forms. Use a separate custom Embed form or explicitly control submission so only one handler sends the lead. Test the published domain and allowed-origin settings.
Step 3: Send a test
Append ?test=true to the public endpoint while checking the integration, or use the dashboard test control.
Step 4: Verify and launch
Open Submissions and filter by Test to verify captured field values. Configure enabled destinations and inspect Deliveries separately.
Example
This Webflow example uses standard HTTP. Panther Hook does not require a framework-specific SDK; replace all placeholder identifiers with real form values.
<form action="https://pantherhook.com/f/YOUR_PUBLIC_FORM_KEY" method="POST">
<label>Email <input name="email" type="email" required /></label>
<label>Message <textarea name="message" required></textarea></label>
<button type="submit">Send</button>
</form>Troubleshoot
- Unexpected 4xx: check endpoint, scope or allowed origin and required fields.
- 429: respect rate limits and avoid unbounded retries.
- Accepted lead but missing notification: inspect the relevant destination and spam classification separately.