Webflow sync, pageviews & more.
NEW

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 styled Webflow form with a submit button to simulate a button click.
  • Connect the form submission to a Webflow Logic flow that triggers a GET HTTP request to your API.

To trigger a GET API request on button click in Webflow without using custom code or button API settings, your cleanest no-code option is using Webflow Logic (if available to your plan).

1. Use Webflow Logic for No-Code API Calls

  • Webflow Logic provides built-in tools to handle workflows such as sending HTTP requests after a trigger (like a form submission or a CMS event).
  • While buttons alone can't directly start a Logic flow, use a form block with a hidden field and a submit button instead of a standard button.

2. Simulate the Button with a Form Submission

  • Place a form element in your design. Style it like a button if needed.
  • Add a hidden input field (optional) for passing parameters or context.
  • Style the submit button to match your desired button look.
  • Rename the form action to something like "Trigger API GET."

3. Create a Webflow Logic Flow

  • Go to Logic > New Flow.
  • Set the trigger to Form submission from the form you just created.
  • Add a "Make HTTP Request" step.
  • Set Method to GET.
  • Enter the API endpoint URL.
  • Add headers or query parameters if needed.

4. (Optional) Add Further Logic Steps

  • Handle success/failure results by chaining conditions (e.g., send a success message, update CMS, send email).
  • You cannot modify the current page UI from Logic—only server-side actions are available.

5. Test the Functionality

  • Publish the site.
  • Click the styled “button” (form submit).
  • Make sure the API is hit and verify the response (via backend or API logs, if applicable).

Summary

To trigger a GET API call on button click without custom code, use a Webflow form submission connected to a Logic flow. It's the cleanest no-code solution currently available in Webflow for this purpose.

Rate this answer

Other Webflow Questions