WebFlow

Avatar

By Sorin Pavel

updated 17 days ago

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:

  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.

     7. Create a project using your newly created connection.

     8. 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 5.

     9. Click Configure Request button.

     10. To get 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.


     11. 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.

     12. From the upper right corner you will need to Save the project, Validate the project and click Run.

     13. 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.


Did this answer your question?