How can I integrate third party software with Webflow's Logic feature?
TL;DR
- Use Webflow Logic’s “Make HTTP Request” step to send API calls or webhooks to third-party services based on triggers like form submissions.
- Format requests per the third-party API documentation, set correct headers and body, use conditional logic if needed, handle API responses, and test thoroughly before going live.
To integrate third-party software with Webflow's Logic, you typically use Webhooks or API calls within a Logic flow. Logic is Webflow’s native automation tool, allowing actions like form submissions to trigger external services.
1. Use Webflow Logic Webhook Step
- Webflow Logic allows you to send a Webhook (HTTP request) to any third-party API.
- In your Logic flow, after adding a trigger (like a form submission), add a "Make HTTP Request" step.
- Choose POST, GET, or other HTTP methods depending on the third-party API requirements.
- Input the API endpoint URL and include necessary headers (e.g., Authorization tokens) and body data.
2. Get API Documentation from the Third Party
- Review the third-party service's API documentation to know:
- The authentication method (e.g., Bearer token).
- The expected data format (JSON, form URL-encoded, etc.).
- The endpoint URI and parameters required.
3. Format Headers and Body Correctly
- In the HTTP Request step:
- Under Headers, define key-value pairs like:
- Content-Type:
application/json - Authorization:
Bearer YOUR_API_KEY
- Content-Type:
- Under Body, use JSON or form data, and insert Webflow field variables if needed (e.g., Form Input values).
4. Use Conditional Logic (Optional)
- Webflow Logic allows if-then conditions to control when the HTTP request is sent.
- You can base this on form input values, CMS fields, or API response values.
5. Handle API Responses
- You can store and reference the API’s response in later steps if needed.
- For example, showing a success message or sending another request based on returned data.
6. Test Before Going Live
- Use test values and review the third party’s API response.
- Check the Logic flow logs to see if the request succeeded or failed and troubleshoot accordingly.
Summary
To integrate third-party software with Webflow Logic, use the “Make HTTP Request” step to send Webhooks or API calls. Carefully format your request based on the third-party API docs, include appropriate headers and body content, and test thoroughly to ensure the integration works as intended.