How can I integrate third party software with Webflow's Logic feature?
TL;DR
- Trigger Webflow Logic flows (e.g., via form submission) and use the "Make HTTP Request" action to send data to third-party APIs.
- Configure request method, endpoint, headers, and body using form variables, and optionally use Zapier or Make for more complex workflows.
To integrate third-party software with Webflow Logic, you typically use connectors like Webhooks or HTTP Requests within Logic flows.
1. Understand Webflow Logic Capabilities
- Webflow Logic allows you to automate workflows based on triggers (e.g., form submissions, CMS events).
- It includes built-in actions like Send Email, Update CMS, and crucially Make HTTP Request, which is how you connect to third-party tools.
2. Choose the Integration Method
- Use Make HTTP Request to connect directly with APIs (e.g., Slack, Mailchimp, Airtable).
- Use Webhooks if the third-party service can notify Webflow Logic (as Webflow can trigger flows via form submissions).
3. Set Up the Flow in Webflow Logic
- Go to Project Settings > Logic > Create Flow.
- Choose a trigger, such as Form Submission.
- Add a Make HTTP Request action to connect to the third-party API.
4. Configure the HTTP Request
- Specify the Request Method (GET, POST, etc., depending on the integration).
- Define the URL endpoint of the third-party API.
- Add Headers if required (e.g., Authorization tokens).
- Include Body Data if needed, in JSON format.
- Use Variables from the trigger (e.g., form fields) to personalize your request.
5. Test and Debug
- Enable the "Show Response" option in the HTTP Action to see the output from the third-party service.
- Use this output in downstream conditions or actions to shape flow behavior.
6. Optional: Use Services Like Zapier or Make (Integromat)
- If the API is complex or unsupported, use tools like Zapier or Make, and connect Webflow via:
- Webhooks (send form data to Zapier/Make).
- Email Parsers (parse form notification emails).
- This allows more complex logic chaining between apps.
Summary
To integrate third-party software with Webflow Logic, trigger flows using form submissions or other built-in triggers, and use the Make HTTP Request action to interact with external APIs. For more flexibility or UI-driven configuration, tools like Zapier or Make can bridge the gap between Webflow and third-party platforms.