PROCESIO
OverviewPlatform ActionsIntegrations & DemosMarketplaceCustom ActionsDeveloperโ€™s Guide

WebFlow

Procesio allows the creation of custom flows that meet your business need to interact with and automate repetitive tasks that work with projects andโ€ฆ

Procesio allows the creation of custom flows that meet your business need to interact with and automate repetitive tasks that work with projects and websites hosted on third party platforms using their API libraries in a no-code environment.

We are assuming that you already signup onย Procesioย andย Webflow. If not then first make an account and activate them.

You can use theย ย Credentials Managerย to configure the authentication credentials of the Webflow REST APIย by following the following steps:

Webflow credentials

1. Navigate to theย Credentials Managerย section.

2. Select theย Add Newย button from the upper right corner.

3. Give aย Nameย to the newly created connection, selectย Rest API Configurationย from theย Credential Typeย dropdown and optionally add theย Description.

4. Select theย Next stepย button.

5. Enter the Webflow API connection data as shown in the screenshot with the mention that:

  • Theย URLย field will be the url pointing to the project you connect to
  • Theย Valueย field will be your access token

ย  6. Due to requirements set by WebFlow in establishing the connection you will not test the connection and save it as is ignoring the not validated Status.

ย  Process configuration

1. Create aย processย using your newlyย created connection.

ย  2. After creating the flow with the aid of the drag and drop functionality you can give the Call Api Action a name, description and from theย Select Api Configurationย dropdown select the connection created at step 6 of the previous section.

ย  3. Clickย Configure Requestย button.

ย  4. To get the basic information and the id's from your accountย Getย verb with theย /sitesย endpoint and according to the WebFlow API documentation. We will also use two outputย process variablesย  in the body output and status output that could be used for debugging purposes.

ย  5. To resolve the WebFlow access requirement we will add the following header in the header section. The autosave function will take care of the rest.

ย ย  6. From the upper right corner you will need toย Saveย the process,ย Validateย the process and clickย Run.

ย  ย  7. By clicking theย Check Instanceย button you can see the resulting input and output variables, and if the result was not a success we can check the output messages to debug the flow configuration. You can download the .json file by clicking the down arrow.

On this page