Trigger APIs in Webflow without code

A simple, visual builder that lets anyone harness the power of the JavaScript Fetch API without code for free. Try our GUI below 👇

Documentation

SO-Fetch GUI

Configure fetch requests in minutes.

Name

Enter the name of the action.

Trigger

Select the trigger event.

On click

On page load

On form submit

Fetch Options

Configure the options for the fetch request, if you are unsure, please refer to the documentation for the service you are connecting to.

The SO-Fetch GUI is for making client-side API calls from web browsers. If you need to call an API with a private API Key, you'll require a middleware to securely store your keys and act as a secure intermediary between the browser and the API.

Try Alphi for free

Method

Url

Headers

Add

Body

Actions triggered using onSubmit will automatically inject form fields into the body.
Fetch GUI only supports static string values, if you would like to use dynamic data please refer to the callbacks documentation.

Add

Integrations

Integrate your favourite no-code membership platforms.

You will need a backend server to verify the token included in the request.

Try Alphi for free

Provider

NoneOutsetaMemberstack (v1)Memberstack (v2)

On Success

Configure the on success actions that will be triggered.

Redirect Url

Enter the url of the page you would like to redirect to.

Display Element

Enter the elements id e.g. #successElement

Hide Element

Enter the elements id e.g. #formElement

On Error

Configure the on-error actions that will be triggered.

Redirect Url

Enter the url of the page you would like to redirect to.

Display Element

Enter the elements id e.g. #errorMessage

Hide Element

Enter the elements id e.g. #formElement

Installation Steps

Follow the steps below to set up the trigger and action.

1. Add JavaScript Library

Add the JavaScript library before the </body> tag.

<script src="https://cdn.shinyobjectlabs.io/libs/fetch@0.0.1/fetch.js"></script>

Copy Code Snippet

2. Add Trigger Attribute

Add the attribute to the undefined element.

Custom Attributes

Name

x-fetch

Value

action_name

3. Add Action Snippet

Add the action code snippet after the library added above.

Copy Code Snippet

4. Add callbacks (optional)

Please look at the callbacks documentation if you'd like to customise the request with JavaScript.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Error

Built for no-code tools

Frequently asked questions

Everything you need to know to use SO-Fetch

Is SO-Fetch free?

Yes, SO-Fetch is a free JavaScript Library & GUI for anyone looking to trigger API requests without code.

Can I build web apps with SO-Fetch?

Yes, you can build web applications, however you will most likely need two additional components.

1. A JavaScript Framework for reactivity and rendering data such as collection lists. Check out SO-Framework, our hybrid JavaScript framework for no-code page builders like Webflow.

2. A backend to handle authentication, logic and caching. If you are using popular no-code membership providers like Memberstack and Outseta check out our no-code middleware Alphi.

Does SO-Fetch have a JavaScript API?

Yes, SO-Fetch has an API with callbacks and methods to trigger events programmatically.

Can I connect to Zapier?

Yes, you can use SO-Fetch to trigger Zapier Webhooks when a page is loaded, a button is clicked, or a form is submitted.

Can I connect to Airtable?

The Airtable API requires an OAuth Token (or legacy API Key, although not recommended), which needs to be stored securely on a server. Check out our no-code middleware Alphi for details on connecting to APIs with secret keys.

Can I secure a request with Outseta?

In order to securely authorise an Outseta user, you need two things, the user's token and a server to validate the user's token. SO-Fetch handles getting the user's token and including it in a request; however, the API will have to handle token validation. Check out our middleware Alphi if you want a no-code solution to validate Outseta tokens.

Can I secure a request with Memberstack?

To securely authorise a Memberstack user, you need two things, the user's token and a server to validate the user's token. SO-Fetch handles getting the user's token and passing it to the API; however, the API will have to handle token validation. Check out our middleware Alphi if you want a no-code solution to validate Memberstack tokens.

Join the community

Join the Alphi Community Hub for support, tutorials and live events.

Visit Hub