Agents Pro

Agents let you run specialized assistant personas for different goals (support, sales, onboarding) using the same AskVio workspace and data sources.

Use case: separate support and sales experiences

A common setup is to create two agents:

  • Support Agent focused on troubleshooting, setup, and product documentation.
  • Sales Agent focused on plans, demos, and qualification questions.

You can then load the right agent per page by passing a different agentId in the widget initialization (for example, support pages vs pricing pages).

Start-to-end implementation

1) Build the agent in the dashboard

  1. Open Dashboard โ†’ Agents.
  2. Create a new agent and give it a clear name (example: Support Agent).
  3. Configure agent instructions and scope for that use case.
  4. Save your changes and copy the generated agentId.
Screenshot placeholder: AskVio dashboard Agents page with a newly created Support Agent and its agentId visible.

2) Implement on your website with GTM

  1. In Google Tag Manager, create a Custom HTML tag.
  2. Paste the AskVio script and initialize with your client + agent IDs.
  3. Attach the tag to the right trigger (for example, only support routes).
  4. Publish the GTM container.
<script src="https://askvio.web.app/widget.js" async></script>
<script>
  window.AskVioWidget.init({
    clientId: "YOUR_CLIENT_ID",
    agentId: "support-agent"
  });
</script>

For another page group (like pricing), duplicate the tag and change agentId to your sales agent value.

Screenshot placeholder: Google Tag Manager Custom HTML tag containing AskVioWidget.init with a specific agentId and route-based trigger.

3) Test in the dashboard preview UI

  1. Open the widget preview panel in the dashboard.
  2. Use the Preview agent selector dropdown to switch between agents.
  3. The selector used by the preview UI is #preview-agent-select; confirm the expected agent is selected before testing prompts.
  4. Run a few representative prompts and validate the tone + answers match that agent's purpose.
Screenshot placeholder: Dashboard widget preview showing the Preview agent selector dropdown with Support Agent selected.

4) Validate in production

  • Open a page where the GTM trigger should load the support agent and verify responses are support-oriented.
  • Open a page mapped to sales and verify the different persona is active.
  • If needed, inspect page source or GTM preview mode to confirm the expected agentId is being initialized.

Basic initialization example:

window.AskVioWidget.init({ clientId: "YOUR_CLIENT_ID", agentId: "support-agent" });