How it Works
After the AI finishes responding, the system automatically checks the response for data that matches your URL template variables. If a match is found, a navigation button appears below the chatbot’s response (or the page navigates automatically, depending on your configuration). The Navigate to Page action supports two modes:Source URL Mode
When your URL template contains no variables, the system uses the first source URL from the chatbot’s knowledge base results. This is useful for navigating visitors to pages your chatbot has indexed. For example, if a visitor asks “Tell me about your pricing” and the AI pulls information fromhttps://yoursite.com/pricing, a “Go to page” button appears linking directly to that page.
Template Mode
When your URL template contains variables (e.g.,{{category_id}}), the system looks for matching values in the tool results from your chatbot’s actions (such as MySQL Database or Custom API Action). If the AI ran a database query that returned a category_id column, the system uses that value to construct the navigation URL.
For example, with a URL template of https://yoursite.com/products?category={{category_id}}&sort={{sort_by}}, if the AI’s MySQL query returns category_id: 42 and sort_by: price, the navigation URL becomes https://yoursite.com/products?category=42&sort=price.
Navigation Modes
You can choose how the navigation is triggered:| Mode | Behavior |
|---|---|
| Show a clickable button | A button appears below the AI’s response. The visitor clicks to navigate. |
| Navigate immediately | The page navigates automatically as soon as the AI finishes responding. |
| Show message then navigate after delay | A countdown message appears (e.g., “Navigating in 3s…”) with options to “Go now” or “Cancel”. |
Add a Navigate to Page Action
Go to Tools & Actions
In your chatbot dashboard, click Configuration in the sidebar, then select Tools & Actions.
Configure the Action
Set Name and Description
- Name: Give your action a descriptive name (e.g.,
navigate_to_products) - Description: Describe when the AI should navigate the visitor (e.g., “Navigate visitors to the filtered product listing page after answering product questions.”)
Set URL Template
Enter the URL to navigate to. Use
{{variable_name}} for dynamic values that will be filled in from tool results.Examples:- Static (source URL mode):
https://yoursite.com- navigates to the source page from knowledge base results - Dynamic:
https://yoursite.com/search?category={{category_id}}&location={{state_id}}- constructs the URL from tool result fields
Set Parameters (optional)
If your URL template contains variables, define them as a JSON object. Keys are the variable names, values are descriptions.
Choose Navigation Mode
Select how the navigation should be triggered:
- Show a clickable button (default) - safest option, gives visitors control
- Navigate immediately - best for search result pages
- Show message then navigate after delay - gives visitors a chance to cancel
Configure Additional Options
- Button Label (button mode only): The text shown on the button (default: “Go to page”)
- Delay (delay mode only): Seconds to wait before navigating (default: 3)
Using with MySQL Database
When combined with the MySQL Database action, the Navigate to Page action can construct URLs from database query results. The URL template variable names must match column names or aliases in the database. For example, if your database has aninterests table with id and name columns, and your URL expects ?interests=42:
- Set the URL template to
https://yoursite.com/search?interests={{interests}} - Ensure the database table or view the AI queries contains a column named
interestswith the numeric ID
The system automatically runs a supplementary lookup if the AI’s query doesn’t include the required columns. It extracts the WHERE clause from the AI’s query and runs a targeted query to fetch the missing values using the same database connection.
MySQL Table Filter
If your database has many tables, use the Tables field on the MySQL Database action to specify which tables the AI should use. This limits the schema discovery to only the relevant tables, improving accuracy and performance.Embed Script Requirement
The Navigate to Page action works by sending apostMessage from the chatbot iframe to the parent page. The parent page must have the SiteSpeak embed script installed for navigation to work. This means:
- Navigation works on any page where the chatbot widget is embedded via the standard JavaScript snippet
- Navigation does not work on the share page (
/share/{chatbotId}) since there is no parent page to navigate
Ready to automate your customer service with AI?
Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.