Integrate OpenAI and Webflow
Connect OpenAI and Webflow nodes in your workflow. Integrate with any tool or database and ship powerful backend logic and APIs instantly - No code required!
Node stack
Supported OpenAI and Webflow Nodes
Add any other tools or your preferred database nodes. If an integration is not available generate your own using AI
Fetch OpenAI File
Generates a readable stream for a file stored in OpenAI Storage. Return this stream using a 'Return' node to receive it through an API endpoint (to download the file, write it to the file system, etc.)
Generate Embeddings
Generate embeddings for a given content using OpenAI text-embedding-ada-002 model
GPT-4 Vision
Use GPT-4 Vision to ask questions about images.
Image Generator
Converts text to Base64 image using OpenAI's DALL·E models.
JSON Generator
Generates text based on a given user and system prompt and always returns a JSON object using the OpenAI GPT (Turbo) APIs.
LLM Extract
Extract structured data from any text input.
LLM Extract URL
Extract structured data from any web page.
Multi-Image GPT-4 Vision
Analyses multiple images using the OpenAI GPT-4 Vision model.
Neighbor Search
Find the nearest neighbors for a given search query using OpenAI embeddings
OpenAI Assistant
Add different script nodes and let the AI Assistant automatically choose which to execute based on the input. Built to work with OpenAI Assistants API V2.
OpenAI Assistant (Stream Response)
Add different script nodes and let the AI Assistant automatically choose which to execute based on the input. The node returns a streamed text response (meant to be returned back to the client) and the thread ID (to track the conversation). Built to work with OpenAI Assistants API.
Stream Response
Send a chat message to OpenAI and return the response stream. --- If you plan on sending this stream back to the client as the response, you may want to consider adding a **Set Response Header** node following this node (and before the return node) with the key set to `content-type` and the value set to `text/plain`, to make it easier for the client to figure out how to handle the stream.
Text Generator
Generates text using OpenAI API for a given user and system prompt
Text to Speech
Converts text to speech using OpenAI API and returns audio in Base64.
Whisper Speech To Text
Convert audio/speech to text using OpenAI's Whisper API.
Webflow Trigger
Receive real-time updates on your Webflow site changes and trigger workflows based on them
Create Asset Folder
Create an Asset Folder within a given site.
Create Collection
Create a CMS Collection for a Webflow site.
Create Collection Field
Create a custom field in a Webflow CMS collection.
Create Item
Create Item in a CMS Collection on Webflow
Create Live Item
Create live Item in a Collection. This Item will be published to the live site.
Create Product & SKU
Creating a new Product involves creating both a Product and a SKU, since a Product Item has to have, at minimum, a single SKU. [Read More](https://docs.developers.webflow.com/data/reference/create-product)
Delete Collection
Delete a Webflow CMS collection using its ID.
Delete Collection Field
Delete a custom field in a collection. This endpoint does not currently support bulk deletion.
Get Asset
Get an Asset.
Get Collection Details
Get the full details of a Webflow collection from its ID.
Get Custom Domains
Get a list of all custom domains related to a Webflow site.
Get Form Schema
Get information about a given Webflow form by ID.
Get Form Submission
Get information about a given Webflow form submission.
Get Page Content
Get static content from a static Webflow page.
Get Page Metadata
Get metadata information for a single Webflow page.
Get Product and SKUs
Retrieve a single product by its id. All of its SKUs will also be retrieved.
Get Site
Get details of a specific Webflow site by ID.
List Asset Folders
List Asset Folders within a given site.
List Assets
List assets for a given site.
Quick start
How to integrate OpenAI and Webflow
Step 1 — Add the nodes to your workflow
Create a new workflow in BuildShip, click “Add node”, and select the OpenAI and Webflow actions you want to use.
Step 2 — Configure each node
Go to each node to authenticate (or add your API key) and fill in the required parameters.
Step 3 — Connect the nodes
Each node in BuildShip can connect to others by using their output variables. When you reference a variable from one node in another, BuildShip automatically links them in the workflow.
Step 4 — Test your workflow
Define your starting data in the Inputs node and choose what to do with the result in the Flow Output node. Finally, run a test to see your workflow in action.
blog posts & tutorials
Recommended Reads
Below are recommneded blogs that will help in your journey
support
Need Help?
Here are some helpful resources to get you "unstuck"
Join BuildShip Community ->
An active and large community of no-code / low-code builders. Ask questions, share feedback, showcase your project and connect with other BuildShip enthusiasts.
Hire a BuildShip Expert ->
Need personalized help to build your product fast? Browse and hire from a range of independent freelancers, agencies and builders - all well versed with BuildShip.
Send a Support Request ->
Got a specific question on your workflows / project or want to report a bug? Send a us a request using the "Support" button directly from your BuildShip Dashboard.
Feature Request ->
Something missing in BuildShip for you? Share on the #FeatureRequest channel on Discord. Also browse and cast your votes on other feature requests.
