Workflows

WordPress or Webflow AI Chatbot with Rantir and OpenAI

Explore this Workflow. Built for next generation AI app & agent building.

This is the first version of a template for a RAG/GenAI App using WordPress content.

How It Works

This template includes three workflows:

     
  • Workflow 1: Generate embeddings for your WordPress posts and pages, then store them in the Supabase vector store.
  •  
  • Workflow 2: Handle upserts for WordPress content when edits are made.
  •  
  • Workflow 3: Enable chat functionality by performing Retrieval-Augmented Generation (RAG) on the embedded documents.

Why use this template?

This template can be applied to various use cases:

     
  • Build a GenAI application that requires embedded documents from your website's content.
  •  
  • Embed or create a chatbot page on your website to enhance user experience as visitors search for information.
  •  
  • Gain insights into the types of questions visitors are asking on your website.
  •  
  • Simplify content management by asking the AI for related content ideas or checking if similar content already exists. Useful for internal linking.

Prerequisites

     
  • Access to Supabase for storing embeddings.
  •  
  • Basic knowledge of Postgres and pgvector.
  •  
  • A WordPress website with content to be embedded.
  •  
  • An OpenAI API key
  •  
  • Ensure that your rantir workflow, Supabase instance, and WordPress website are set to the same timezone (or use GMT) for consistency.

Workflow 1 : Initial Embedding

This workflow retrieves your WordPress pages and posts, generates embeddings from the content, and stores them in Supabase using pgvector.

Step 0 : Create Supabase tables

Nodes :

     
  • Postgres - Create Documents Table: This table is structured to support OpenAI embedding models with 1536 dimensions
  •  
  • Postgres - Create Workflow Execution History Table

These two nodes create tables in Supabase:

     
  • The documents table, which stores embeddings of your website content.
  •  
  • The rantir_website_embedding_histories table, which logs workflow executions for efficient management of upserts. This table tracks the workflow execution ID and execution timestamp.

Step 1 : Retrieve and Merge WordPress Pages and Posts

Nodes :

     
  • WordPress - Get All Posts
  •  
  • WordPress - Get All Pages
  •  
  • Merge WordPress Posts and Pages

These three nodes retrieve all content and metadata from your posts and pages and merge them.
**Important:** Apply filters to avoid generating embeddings for all site content.

Step 2 : Set Fields, Apply Filter, and Transform HTML to Markdown

Nodes :

     
  • Set Fields
  •  
  • Filter - Only Published & Unprotected Content
  •  
  • HTML to Markdown

These three nodes prepare the content for embedding by:

     
  1. Setting up the necessary fields for content embeddings and document metadata.
  2.  
  3. Filtering to include only published and unprotected content (protected=false), ensuring private or unpublished content is excluded from your GenAI application.
  4.  
  5. Converting HTML to Markdown, which enhances performance and relevance in Retrieval-Augmented Generation (RAG) by optimizing document embeddings.

Step 3: Generate Embeddings, Store Documents in Supabase, and Log Workflow Execution

Nodes:

     
  • Supabase Vector Store    
           
    • Sub-nodes:        
                 
      • Embeddings OpenAI
      •          
      • Default Data Loader
      •          
      • Token Splitter
      •          
      • Aggregate
      •        
           
    •    
     
  •  
  • Supabase - Store Workflow Execution

This step involves generating embeddings for the content and storing it in Supabase, followed by logging the workflow execution details.

     
  1. Generate Embeddings: The Embeddings OpenAI node generates vector embeddings for the content.
  2.  
  3. Load Data: The Default Data Loader prepares the content for embedding storage. The metadata stored includes the content title, publication date, modification date, URL, and ID, which is essential for managing upserts.

⚠️ Important Note: Be cautious not to store any sensitive information in metadata fields, as this information will be accessible to the AI and may appear in user-facing answers.

     
  1. Token Management: The Token Splitter ensures that content is segmented into manageable sizes to comply with token limits.
  2.  
  3. Aggregate: Ensure the last node is run only for 1 item.
  4.  
  5. Store Execution Details: The Supabase - Store Workflow Execution node saves the workflow execution ID and timestamp, enabling tracking of when each content update was processed.

This setup ensures that content embeddings are stored in Supabase for use in downstream applications, while workflow execution details are logged for consistency and version tracking.

This workflow should be executed only once for the initial embedding.
Workflow 2, described below, will handle all future upserts, ensuring that new or updated content is embedded as needed.

Workflow 2: Handle document upserts

Content on a website follows a lifecycle—it may be updated, new content might be added, or, at times, content may be deleted.

In this first version of the template, the upsert workflow manages:

     
  • Newly added content
  •  
  • Updated content

Step 1: Retrieve WordPress Content with Regular CRON

Nodes:

     
  • CRON - Every 30 Seconds
  •  
  • Postgres - Get Last Workflow Execution
  •  
  • WordPress - Get Posts Modified After Last Workflow Execution
  •  
  • WordPress - Get Pages Modified After Last Workflow Execution
  •  
  • Merge Retrieved WordPress Posts and Pages

A CRON job (set to run every 30 seconds in this template, but you can adjust it as needed) initiates the workflow. A Postgres SQL query on the rantir_website_embedding_histories table retrieves the timestamp of the latest workflow execution.

Next, the HTTP nodes use the WordPress API (update the example URL in the template with your own website’s URL and add your WordPress credentials) to request all posts and pages modified after the last workflow execution date. This process captures both newly added and recently updated content. The retrieved content is then merged for further processing.

Step 2 : Set fields, use filter

Nodes :

     
  • Set fields2
  •  
  • Filter - Only published and unprotected content

The same as Step 2 in Workflow 1, except that HTML To Markdown is used in further Step.

Step 3: Loop Over Items to Identify and Route Updated vs. Newly Added Content

Here, I initially aimed to use 'update documents' instead of the delete + insert approach, but encountered challenges, especially with updating both content and metadata columns together. Any help or suggestions are welcome! :)

Nodes:

     
  • Loop Over Items
  •  
  • Postgres - Filter on Existing Documents
  •  
  • Switch    
           
    • Route existing_documents (if documents with matching IDs are found in metadata):        
                 
      • Supabase - Delete Row if Document Exists: Removes any existing entry for the document, preparing for an update.
      •          
      • Aggregate2: Used to aggregate documents on Supabase with ID to ensure that Set Fields3 is executed only once for each WordPress content to avoid duplicate execution.
      •          
      • Set Fields3: Sets fields required for embedding updates.
      •        
           
    •      
    • Route new_documents (if no matching documents are found with IDs in metadata):        
                 
      • Set Fields4: Configures fields for embedding newly added content.
      •        
           
    •    
     

In this step, a loop processes each item, directing it based on whether the document already exists. The Aggregate2 node acts as a control to ensure Set Fields3 runs only once per WordPress content, effectively avoiding duplicate execution and optimizing the update process.

Step 4 : HTML to Markdown, Supabase Vector Store, Update Workflow Execution Table

The HTML to Markdown node mirrors Workflow 1 - Step 2. Refer to that section for a detailed explanation on how HTML content is converted to Markdown for improved embedding performance and relevance.

Following this, the content is stored in the Supabase vector store to manage embeddings efficiently. Lastly, the **workflow execution table is updated. These nodes mirror the Workflow 1 - Step 3 nodes.

Workflow 3 : An example of GenAI App with WordPress Content : Chatbot to be embedded on your website

Step 1: Retrieve Supabase Documents, Aggregate, and Set Fields After a Chat Input

Nodes:

     
  • When Chat Message Received
  •  
  • Supabase - Retrieve Documents from Chat Input
  •  
  • Embeddings OpenAI1
  •  
  • Aggregate Documents
  •  
  • Set Fields

When a user sends a message to the chat, the prompt (user question) is sent to the Supabase vector store retriever. The RPC function match_documents (created in Workflow 1 - Step 0) retrieves documents relevant to the user’s question, enabling a more accurate and relevant response.

In this step:

     
  1. The Supabase vector store retriever fetches documents that match the user’s question, including metadata.
  2.  
  3. The Aggregate Documents node consolidates the retrieved data.
  4.  
  5. Finally, Set Fields organizes the data to create a more readable input for the AI agent.

Directly using the AI agent without these nodes would prevent metadata from being sent to the language model (LLM), but metadata is essential for enhancing the context and accuracy of the AI’s response. By including metadata, the AI’s answers can reference relevant document details, making the interaction more informative.

Step 2: Call AI Agent, Respond to User, and Store Chat Conversation History

Nodes:

     
  • AI Agent    
           
    • Sub-nodes:        
                 
      • OpenAI Chat Model
      •          
      • Postgres Chat Memories
      •        
           
    •    
     
  •  
  • Respond to Webhook

This step involves calling the AI agent to generate an answer, responding to the user, and storing the conversation history. The model used is gpt4-o-mini, chosen for its cost-efficiency.

Workflow Elements
HTTP Request
Merge
Postgres
Edit Fields (Set)
Loop Over Items (Split in Batches)
Switch
Wordpress
Respond to Webhook
Supabase
Markdown
Sticky Note
Manual Trigger
Schedule Trigger
Filter
AI Agent
Embeddings OpenAI
OpenAI Chat Model
Token Splitter
Supabase Vector Store
Aggregate
Default Data Loader
Chat Trigger
Postgres Chat Memory

Other workflows like this one

Your connected stack awaits to automate AI workflows with 24-7 uptime performance and engagement

Actioning Your Meeting Next Steps using Transcripts and AI

HTTP Request
Edit Fields (Set)
Google Drive
Switch
Google Calendar

Breakdown Documents into Study Notes using Templating MistralAI and Qdrant

Merge
Edit Fields (Set)
Loop Over Items (Split in Batches)
Switch
Wait

Build a Tax and Financial Assistant with AI

HTTP Request
Edit Fields (Set)
Loop Over Items (Split in Batches)
Switch
Compression

Building Chatbot for Movie Recommendations

GitHub
HTTP Request
Merge
Edit Fields (Set)
Sticky Note

WordPress or Webflow AI Chatbot with Rantir and OpenAI

HTTP Request
Merge
Postgres
Edit Fields (Set)
Loop Over Items (Split in Batches)

AI-powered WooCommerce Support-Agent

HTTP Request
If
Merge
Edit Fields (Set)
Webhook
Average ROI

401%

In ROI when switching to Rantir for automating their website, operations & integrations with AI.
average cost savings

+$128K

In Average savings from SaaS subscriptions, annually, and 2 optimized employee positions
startups Funding

$2.3B

Over $2 Billion dollars have been raised by our startup clients using Rantir for Services & Software.

They love working with Rantir

12x Signups for
Virtual Events

"I highly recommend Rantir, they are a great dev team with quick turn around on all projects and requests. We recently worked with them on updating our website and any changes, updates or modifications I needed were always taken care of quickly!"

Paige J.
Design Exp. Director

4X in Traffic

"The team at Rantir has lived up to every definition of the word "partner". They're adaptive, fast, and flexible (all the things you'd hope for). We're so thrilled with what we've accomplished so far and look forward to working alongside them in the future."

Kate W.
Marketing Director, Scoop

188% More Signups

"Working with the Rantir team was a pleasure. They guided us through the whole process from design to implementation, creating a great site on a tight deadline. They were responsive and adaptable throughout, and we'd be happy to work with them again in the future."

Garath W.
Growth Manager

Acquisition & Merger

"Working with the Rantir team early on made combined design and development with early conversations to implement AI within Onder. We were happy to work together to help bring no-code, with code and AI."

David K.
Head of Product

Over 700+ Talent and Rantir Partners to help you get started. Including Us.

Hire us for customization & AI development.  

Graphic.
AI No-Coder
Tayler F.
I generate beautiful, connected, landers with AI No Code software
Generative AI Art & Video
Avatar Placeholder
Malika V.
I onboard you to Flux, Midjourney & Synthesia or HeyGen
AI Marketing Flows
Avatar Placeholder
Bruno F.
I teach AI Marking & automated outreach
Generative software engineer
Avatar Placeholder
Christian B.
I help you onboard Cursor or Rantir with generating code

Join the Rantir Community around the world

Map.

AI Agents are the new Apps. Websites are the new Software.

Rantir University for learning how to build powerful AI Agents & Software you own.

Graphic.