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 Webflow Logic (if available) to create a flow with an Element Trigger set to your button and an HTTP Request step configured as a GET call.
- Publish your site and test the flow; monitor results in the Logic → Flows section.
To trigger a GET API call on button click in Webflow without using custom code or editing button settings, your cleanest option is to use Webflow Logic (beta) if it's enabled on your account.
1. Check If Webflow Logic Is Available
- Go to your Webflow Project Dashboard.
- In the left sidebar, click Logic to see if the feature is enabled.
- Logic must be available on your plan (currently for specific plans or workspaces; not all plans include it).
2. Create a New Logic Flow
- Click + New Flow, then choose Element Trigger.
- Select your button element as the trigger (it must have a unique ID or class).
- Choose "On Click" as the trigger type.
3. Add an API HTTP Request Step
- Under your button flow, click +, then choose HTTP Request.
- Set the method to GET.
- Enter your API endpoint URL.
- Optional: Add query parameters or authorization headers if needed.
4. Add Optional Output or Result Handling
- You can store the result in a CMS item, trigger notifications, or use conditional logic based on the API response (depending on your Logic flow setup).
5. Publish and Test
- Publish your site, then click the button to confirm the flow triggers and the GET request runs.
- Review flow logs in Logic → Flows to debug responses or failures.
Summary
To invoke a GET API call on button click in Webflow without custom code, use Webflow Logic with an Element Trigger and an HTTP Request step. This method is clean and requires no code embedding, relying entirely on Webflow-native tools if available on your plan.