What is the cleanest method in Webflow to invoke a GET API on button click without the ability to add custom code or an API call in the button settings?
TL;DR
- Use a minimal Webflow form with just a styled submit button to trigger a Flow on click.
- Set up a Webflow Logic Flow to run on form submission and make a GET HTTP request to your API endpoint.
If you can't use custom code or insert API calls directly in Webflow button settings, the cleanest workaround is to use Webflow Logic (Beta) — if it's available on your plan.
1. Use Webflow Logic to Trigger a GET API on Button Click
- Webflow Logic allows you to create automation flows similar to tools like Zapier.
- You can trigger a Logic flow based on a Form submission, so use a form with a single button acting as the trigger.
2. Set Up Your "Trigger Button" as a Form
- Add a Form Block to your page.
- Remove any name or email input fields (unless needed).
- Keep the Submit Button to act as your API trigger.
- Style the button to appear like a standalone button.
3. Create a Logic Flow in Webflow
- Go to Logic in your Project Settings (available on eligible plans).
- Create a flow that listens for Form Submission from the specific form you created.
- Choose the “Make HTTP Request” step.
- Method: GET
- URL: Your API endpoint
- Optional: Add query params dynamically using data from hidden fields or static values.
4. Optional: Handle API Response
- Webflow’s built-in Logic does not (as of now) update elements on the page dynamically with the response.
- You can, however, send yourself the response via email or log it in an external service (e.g., Google Sheets with Zapier or Make) if needed.
Summary
Use Webflow Logic with a minimal form and submit button as the cleanest no-code method to invoke a GET API. This bypasses the need for custom code while using a supported Webflow-native feature.
