SO-Fetch GUI

Configure fetch requests in minutes.

Enter the name of the action.

Select the trigger event.

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
Add
  • 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

On Success

Configure the on success actions that will be triggered.

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

Enter the elements id e.g. #successElement

Enter the elements id e.g. #formElement

On Error

Configure the on-error actions that will be triggered.

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

Enter the elements id e.g. #errorMessage

Enter the elements id e.g. #formElement

Installation Steps

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

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

Add the attribute to the undefined element.

Custom Attributes
x-fetch
action_name

Add the action code snippet after the library added above.



Copy Code Snippet

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.
Avatar photoAvatar photoAvatar photo

Join the community

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