AI tagging (beta)

Last updated:

AI tagging scans your application, identifies pages and features, and suggests tags for you to review and apply, including improvements to existing tags and fixes for broken ones.

Overview

AI tagging is available inside the Visual Design Studio (the designer). When you launch it, AI tagging scans your application, generates tag suggestions, and loads them into the designer when they're ready. Each suggestion includes a proposed tag name, rule, description, product area, and page-to-feature link. You review and accept suggestions before anything is applied.

Complete, well-maintained tagging gives you more accurate analytics, more precise guide targeting, and more reliable AI insights, because each of these depends on the quality of your underlying tags.

Prerequisites

To use AI tagging, you must:

  • Be in a subscription where an admin has enabled AI tagging in Settings (gear, top right) > Subscription settings > AI access, with the AI tagging box checked.
  • Have permission to tag the application. AI tagging uses the same permissions as manual tagging, so it isn't limited to admins.

Tag with AI

To access AI tagging:

  1. Go to Product > Features and select Tag Features. You can also start from Product > Pages > Tag Pages, AI tagging behaves the same way from either entry point.
  2. Select Launch Designer to open your application in the designer.
  3. AI tagging opens by default.

Select More options (...) to change the panel layout between Popover (default), New Window, or Fullscreen, and to view available keyboard shortcuts.

Tip: To switch between AI tagging and classic tagging, select the AI tagging dropdown at the top of the panel and choose Classic tagging, or select More options (...) and choose Switch to classic mode. To return to AI tagging from classic mode, select AI Enriched Tagging.

Configure your tagging setup

When the designer opens, two recommended actions appear before you start tagging. These are optional but will improve the quality of AI tagging's suggestions. Both are app-level settings that apply across your subscription. For the full list of configuration options, see Additional settings below.

  1. Set naming convention: Describe your team's naming conventions in the text box. This helps AI tagging generate suggestions that match your existing structure and terminology. If you already have a lot of manual tags, setting this first is especially recommended.
  2. Set tag rule preference: This sets the order AI tagging follows when choosing the selector for each suggested tag's rule. AI tagging works down the list and uses the first selector that matches the element. Selectors near the top of the list are more stable and keep working when your application's code changes. Selectors lower down are more likely to break when your application changes. Pendo provides a recommended default order. You can reorder selectors by dragging them, or turn off any you don't want AI tagging to use.
    The list distinguishes two kinds of selector:
    • Selectors marked as recommended but without retroactive data are custom HTML attributes that haven't been added to your Pendo subscription yet. When you accept a tag using one of these, Pendo automatically adds it to your subscription. However, these selectors only capture data if the attribute is already present in your application's code. If it isn't, no data will be collected. For more information, see Custom HTML attributes.
    • Selectors marked as not recommended, such as text :contains() and positional :nth-child(), rely on the wording or position of an element rather than a stable identifier. Because wording and layout change often, rules built on these selectors break easily, and a broken rule can stop collecting data without warning. AI tagging leaves them off by default, but you can turn them on if no stronger selector is available.
  3. If your application serves content in multiple languages, enable Localization aware to prevent AI tagging from relying on text-content selectors, since visible text changes per locale.

Tip: The heatmap is also available in AI tagging. It highlights popular elements in your application, giving you a visual starting point before you begin capturing.

Tag pages and features

To start tagging with AI:

  1. Navigate to the page in your application that you want to tag.
  2. Select Start tagging. AI tagging captures the DOM of the current page and generates suggestions in the designer for the page tag and its features. Suggestions may take a few moments to load.

To tag multiple pages in a single session, enable Multi-page capture in Manage settings before you start. See the section Multi-page capture for more information.

Review suggested tags

Suggestions are grouped by page. The page tag appears first, followed by its feature suggestions. Each suggestion is either a new tag or a recommended update to an existing tag, such as a better name, description, or rule. A green band under the Create heading marks new tags. A yellow band marks tags that need updates.

Note: AI tagging identifies and suggests page tags automatically alongside feature tags. You don't need to tag pages separately.

While the designer is open, hover over a highlighted element in your application and the designer will automatically scroll to the related suggestion in the panel.

  1. Expand a tag to see the suggested name, element type, rule, description, and product area.
  2. Select the checkbox next to any page or feature you want to tag. Use Select all to select everything in the list.
  3. Select Accept selected to apply your selections.
  4. To start over, select Clear selection, and then start the AI tagging process again.

When you select Accept selected, AI tagging creates the new tags and applies the updates in your subscription, and a confirmation message appears. The suggestion list refreshes, and you can continue tagging other pages in the same session.

Review tags for deletion

AI tagging surfaces broken or unused tags as deletion recommendations alongside creation and update suggestions.

  1. Review deletion recommendations in the designer.
  2. To accept a deletion, select the tag, then select Accept selected.

Deleting a tag removes it from your subscription and any reports or guides that reference it. Review deletion suggestions carefully before accepting.

Additional settings

Select Manage settings at any time to access the full settings panel. Settings are organised into the sections below.

Each setting applies at one of two levels:

  • App level: Shared across your subscription. A change affects everyone who tags this application.
  • User level: Applies only to your own tagging session. A change doesn't affect anyone else.

Capture

  • Suggest product areas (app level): AI tagging suggests product areas for tagged features and pages. On by default.
  • Fast mode (user level): Uses AI to suggest features from the current page without a full analysis. On by default.
  • Multi-page capture (user level): Lets you capture multiple pages in a single session before reviewing suggestions. Off by default. By default, AI tagging captures and suggests tags for one page at a time. When enabled, the button label changes to Start capturing pages. Browse through the pages you want to tag. AI tagging captures each page's DOM as you navigate. When you're done, select Stop and tag with AI to generate suggestions for all captured pages at once.
  • Sitewide mode (user level): Suggests which tags should be applied sitewide, if they’re repeated multiple times and/or across multiple pages. On by default.
  • Create-only mode (user level): Suggests only new tags to create, and skips any updates, merges, or removals of existing tags. Off by default.

Naming convention (app level)

Describe how AI tagging should name pages and features in your application. You can set the naming convention in two places: as a recommended action when you first open AI tagging (see Configure your tagging setup), or here in Manage settings at any time. Both update the same setting.

Tagging context (app level)

Add any extra context to help AI tag accurately, for example, product terminology, areas to ignore, or what matters most. This is distinct from the naming convention, which controls format and structure. Tagging context controls scope and intent.

For example, Ignore the admin debug bar. Treat the left rail as navigation, not features.

Selector preference (app level)

Set the order AI tagging follows when choosing the selector for each tag's rule. You can set this in two places: as a recommended action when you first open AI tagging (see Configure your tagging setup), or here in Manage settings at any time. Drag to reorder selectors, placing the most stable ones (least likely to break when your application changes) at the top. AI tagging works down the list and uses the first selector that matches the element. Turn off any selectors you don't want AI tagging to use.

You can also add a custom selector using the text field at the top of the list.

Advanced

  • Dry run (user level): Always on. No tags are created or modified until you confirm your selections. Full control will be available in a future release.
  • Debug (user level): Shows verbose logging to help troubleshoot tagging issues. Off by default.

How AI tagging works

AI tagging captures the DOM of your application's pages through the designer and analyzes the page structure to generate tag suggestions. Suggestions are organized by page and grouped by action type: tags to create, update, or delete.

AI tagging uses Gemini by default and is available to all data regions. In the US data region, AI tagging uses Claude.

AI tagging uses a prioritized rule set to determine tag quality: custom HTML attributes first, then element IDs, then weaker selectors. If only a weak selector is available, the suggestion is flagged. You can still accept it, but it's worth asking your engineering team to add a more stable identifier.

By default, AI tagging captures one page at a time. If you enable multi-page capture, AI tagging runs up to five pages simultaneously, with additional pages queued and processed after the initial set completes. Suggestions may take a while to load.

If you've added a naming convention, AI tagging applies it when generating suggestions. Otherwise, Pendo's recommended best practices are used by default. Dismissed suggestions won't be offered again in future sessions.

Frequently asked questions

Does AI tagging update the DOM to improve CSS selectors?

No, AI tagging only captures the DOM for tagging purposes. It won't edit the DOM because it doesn't have access to your codebase.

Does AI tagging work with tag maintenance?

Yes. AI tagging builds on tag maintenance. If AI tagging detects a broken tag or one with no recent DOM match, it surfaces it in the suggestions panel as an update or removal recommendation alongside suggestions for new tags.

Will AI tagging only suggest tags with strong selectors?

No. AI tagging uses a prioritized rule set: custom HTML attributes first, then element IDs, then weaker selectors. If only a weak selector (such as an nth-child) is available, the suggestion is flagged rather than skipped. You can still accept it, but it's worth asking your engineering team to add a custom HTML attribute or element ID for a more reliable rule.

Can I choose which suggestions to apply?

Yes. Use the checkboxes next to each suggestion to select what to accept or reject, or use Select all to apply everything. Nothing is committed to your subscription until you select Accept selected.

Does AI tagging have access to sensitive data in my application?

No. Before any DOM content is sent to the AI for analysis, Pendo sanitises it client-side, in your browser, so sensitive data is removed or masked before it ever leaves your application.

What is the difference between the naming convention and tag rules?

They control different parts of a tag. The naming convention controls how a tag is named: the readable name AI tagging suggests for a page or feature, based on your team's format and terminology. Tag rules control how a tag identifies its element in your application: the actual selector Pendo uses to match it. Your selector preference setting shapes how AI tagging builds that rule, by setting the order of selectors it tries. In short, the naming convention affects what a tag is called, and tag rules affect what a tag points to.

Can I update my naming convention without changing existing tag rules?

Yes. When you update your naming convention, AI tagging gives you the opportunity to review and apply updates to existing tags before accepting.

Does AI tagging work on extension apps?

Yes.

Does AI tagging work on Mobile apps?

Not currently.

Was this article helpful?
0 out of 0 found this helpful