website logo
🔭Overview
💼Platform Actions
💜Integrations
🧰Custom Actions
🛠️Developer's Guide
Navigate through spaces
⌘K
🔗Integrations
📄Integrations
📗OAuth2 - Google Sheets
📗Gmail - outgoing
📗Gmail - incoming
📗SendSMS
📗SMSO
📗WebFlow
📗Typeform
📗SendGrid
📗GetGist
📗SendinBlue
📗Airtable
📗Yahoo
📗SmartSheet
📗Microsoft Outlook
📗Hubspot
📗Google Sheets
💯Demos
📘Build a Conversational Chatbot with Archbee and Chat GPT
📘Google Forms & PROCESIO
📘Using the Document Designer to send customized emails.
📘Audio to Text using OpenAI's Whisper
📘How to Track read emails?
📘HubSpot contacts analytics
📘How to integrate with JIRA to create tickets
📘How to create an order confirmation process
📘Typeform + PROCESIO +Airtable
📘Webflow + PROCESIO + Airtable integration
📘Sending criteria based alerts to contacts from an excel workbook
📘How to integrate with UIPath robots
📘How to extract e-mail addresses from websites
📘SenseTask OCR integration + notifications
Retry Process that fails
📘FTP to FTP transfer
Articles
Docs powered by
Archbee
Integrations

WebFlow

6min

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.

Document image




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
Document image


  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.

Document image


  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.

Document image


  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.

Document image


  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.

Document image


   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.

Document image




Updated 30 Mar 2023
Did this page help you?
PREVIOUS
SMSO
NEXT
Typeform
Docs powered by
Archbee
TABLE OF CONTENTS
Webflow credentials
  Process configuration
Docs powered by
Archbee