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.
Search for Navigate to Page
Type βNavigateβ in the search field to filter the available 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.